.ciw-window{height:100%;display:flex;flex-direction:column;background-color:#1e1e1e;color:#fff;font-family:Consolas,Monaco,Courier New,monospace}.ciw-menu-bar{height:24px;background-color:#2d2d2d;border-bottom:1px solid #404040;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.menu-item{font-size:12px;color:#ccc!important;cursor:pointer;padding:2px 8px;border-radius:2px;transition:background-color .2s ease;background:transparent!important}.menu-item:hover{background-color:#404040!important;color:#fff!important}.dropdown-content{display:none;position:absolute;background-color:#2d2d2d;min-width:160px;box-shadow:0 8px 16px #0006;border:1px solid #404040;border-radius:4px;z-index:1000;top:100%;left:0}.dropdown-item{color:#ccc!important;padding:8px 12px;text-decoration:none;display:block;font-size:12px;cursor:pointer;transition:background-color .2s ease;background:transparent!important}.dropdown-item:hover{background-color:#404040!important;color:#fff!important}.dropdown-separator{height:1px;background-color:#404040;margin:4px 0}.console-log{flex:1;overflow-y:auto;padding:8px 12px;background-color:#1e1e1e;font-size:13px;line-height:1.4}.console-message{display:flex;margin-bottom:2px;word-wrap:break-word}.console-message.info{color:#fff}.console-message.warning{color:#fc0}.console-message.error{color:#ff6b6b}.console-message.command{color:#4fc3f7;font-weight:500}.timestamp{color:#888;margin-right:8px;font-size:11px;min-width:80px}.message{flex:1}.command-input-form{height:32px;background-color:#2d2d2d;border-top:1px solid #404040;display:flex;align-items:center;padding:0 12px;gap:8px}.command-prompt{color:#4fc3f7;font-weight:500;font-size:13px;white-space:nowrap}.command-input{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:13px;outline:none;padding:4px 0}.command-input::placeholder{color:#666}.console-log::-webkit-scrollbar{width:8px}.console-log::-webkit-scrollbar-track{background:#2d2d2d}.console-log::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.console-log::-webkit-scrollbar-thumb:hover{background:#666}.console-log ::selection{background-color:#264f78}.command-input:focus{background-color:#ffffff0d}.ciw-actions{display:flex;align-items:center;gap:8px}.logout-btn{background:transparent;color:#ff6b6b;border:1px solid #555;padding:2px 8px;border-radius:3px;font-size:12px;cursor:pointer}.logout-btn:hover{background:#ffffff0f}} .library-manager-window{height:100%;display:flex;flex-direction:column;background-color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:8px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px 24px}.selected-doctor{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px;color:#495057;font-weight:500}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 2px #007acc33}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid #e0e0e0}.btn-cancel{background:#6c757d;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-cancel:hover{background:#545b62}.btn-primary{background:#007acc;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.library-menu-bar{height:24px;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 8px}.menu-items{display:flex;gap:16px}.menu-dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;border:1px solid #e0e0e0;border-radius:4px;z-index:1000;top:100%;left:0}.menu-dropdown:hover .dropdown-content{display:block}.dropdown-item{color:#333;padding:8px 12px;text-decoration:none;display:block;font-size:12px;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f8f8}.dropdown-separator{height:1px;background-color:#e0e0e0;margin:4px 0}.logout-item{color:#dc3545;font-weight:500}.logout-item:hover{background-color:#fee;color:#c82333}.library-content{flex:1;display:flex;overflow:hidden}.library-panel{width:250px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;background-color:#fafafa}.panel-header{height:32px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:13px;font-weight:600;color:#333}.panel-new-btn{background-color:#007acc;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:10px;font-weight:500;transition:background-color .2s ease}.panel-new-btn:hover:not(.disabled){background-color:#005a9e}.panel-new-btn.disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.panel-new-btn.secondary{background-color:#6c757d}.panel-new-btn.secondary:hover:not(.disabled){background-color:#5a6268}.library-panel,.insole-name-panel{position:relative}.vertical-resize-handle{position:absolute;top:0;bottom:0;width:6px;background-color:#e0e0e0;cursor:col-resize}.vertical-resize-handle.right{right:0}.vertical-resize-handle:hover{background-color:#c8c8c8}.library-tree{flex:1;overflow-y:auto;padding:4px 0}.library-item-content{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.library-item-content:hover{background-color:#e8e8e8}.library-item-content.selectable{cursor:pointer}.library-item-content.selectable:hover{background-color:#e0e0e0}.library-item-content.selected{background-color:#007acc;color:#fff}.library-item-content.doctor-item.selected{background-color:#28a745;color:#fff}.library-item-content.patient-item.selected{background-color:#007acc;color:#fff}.library-item-icon{font-size:14px}.library-item-name{flex:1}.selection-indicator{font-size:12px;margin-left:4px}} .insole-name-panel{width:250px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;background-color:#fff}.insole-list{flex:1;overflow-y:auto;padding:4px 0}.insole-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.insole-item:hover{background-color:#f8f8f8}.insole-item.selected{background-color:#007acc;color:#fff}.insole-name{font-size:13px;font-weight:500;margin-bottom:2px}.insole-description{font-size:11px;color:#666;margin-bottom:4px}.insole-status{font-size:10px;padding:2px 6px;border-radius:3px;display:inline-block}.status-new{background-color:#e3f2fd;color:#1976d2}.status-stl_imported{background-color:#fff3e0;color:#f57c00}.status-processed{background-color:#e8f5e8;color:#388e3c}.insole-item.selected .insole-description,.insole-item.selected .insole-status{color:#ccc}.no-projects,.no-selection{padding:20px;text-align:center;color:#666}.create-project-btn{background-color:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;margin-top:10px}.create-project-btn:hover{background-color:#005a9e}.insole-view-panel{flex:1;display:flex;flex-direction:column;background-color:#fff}.view-list{flex:1;overflow-y:auto;padding:4px 0}.view-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.view-item:hover:not(.disabled){background-color:#f8f8f8}.view-item.selected{background-color:#007acc;color:#fff}.view-item.disabled{opacity:.5;cursor:not-allowed}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;min-height:24px}.view-buttons{display:flex;gap:12px;align-items:center;flex-shrink:0;min-width:220px;justify-content:flex-end}.new-view-dropdown{position:relative;display:inline-block}.new-view-dropdown-content{display:none;position:absolute;background-color:#fff;min-width:140px;box-shadow:0 8px 16px #0003;border:1px solid #e0e0e0;border-radius:4px;z-index:1000;top:100%;left:0}.new-view-dropdown:hover .new-view-dropdown-content{display:block}.new-view-dropdown .dropdown-item{color:#333;padding:8px 12px;text-decoration:none;display:block;font-size:11px;cursor:pointer;transition:background-color .2s ease}.new-view-dropdown .dropdown-item:hover{background-color:#f8f8f8}.view-name{font-size:13px;font-weight:500}.view-description{font-size:11px;color:#666;margin-bottom:4px}.view-unavailable{font-size:10px;color:#999;font-style:italic}.open-btn{background-color:#28a745;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:10px;transition:background-color .2s ease}.open-btn:hover:not(.disabled){background-color:#218838}.open-btn.disabled{background-color:#ccc;cursor:not-allowed}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:10px;transition:background-color .2s ease}.delete-btn:hover:not(.disabled){background-color:#c82333}.delete-btn.disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.view-item.selected .view-description,.view-item.selected .view-unavailable{color:#ccc}.no-project-selection{padding:20px;text-align:center;color:#666}.library-tree::-webkit-scrollbar,.insole-list::-webkit-scrollbar,.view-list::-webkit-scrollbar{width:6px}.library-tree::-webkit-scrollbar-track,.insole-list::-webkit-scrollbar-track,.view-list::-webkit-scrollbar-track{background:#f1f1f1}.library-tree::-webkit-scrollbar-thumb,.insole-list::-webkit-scrollbar-thumb,.view-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.library-tree::-webkit-scrollbar-thumb:hover,.insole-list::-webkit-scrollbar-thumb:hover,.view-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;border-radius:8px;padding:0;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0000004d;color:#fff}.patient-registration-modal{min-width:600px;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.modal-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:#444;color:#fff}.modal-body{padding:24px}.modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #444}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#4a9eff}.form-row{display:flex;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#ccc;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #555;border-radius:4px;background-color:#333;color:#fff;font-size:14px;transition:border-color .2s ease;font-family:inherit;resize:vertical;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33}.form-group textarea{min-height:80px}.form-help{display:block;margin-top:4px;font-size:12px;color:#888;font-style:italic}.selected-doctor{padding:10px 12px;background-color:#1a4d3a;border:1px solid #2d7a4f;border-radius:4px;color:#fff;font-weight:500}.btn-cancel{padding:10px 20px;border:1px solid #666;background-color:transparent;color:#ccc;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-cancel:hover{background-color:#444;border-color:#888;color:#fff}.btn-primary{padding:10px 20px;border:none;background-color:#4a9eff;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary:hover:not(:disabled){background-color:#3a8eef}.btn-primary:disabled{background-color:#666;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.patient-registration-modal{min-width:90vw;max-width:90vw;margin:20px}.form-row{flex-direction:column;gap:0}}.library-header{height:36px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.library-title{margin:0;font-size:14px;font-weight:600;color:#333}.header-right{display:flex;align-items:center;gap:8px}.menu-right{display:flex;align-items:center;gap:12px}.menu-actions{display:flex;align-items:center;gap:8px}.logout-btn{background:#e8e8e8;border:1px solid #c0c0c0;color:#333;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer}.logout-btn:hover{background:#dcdcdc}.patient-registration-modal .form-group label{color:#111!important}.patient-registration-modal .form-group input,.patient-registration-modal .form-group textarea{background-color:#fff!important;color:#111!important;border:1px solid #cccccc!important}.patient-registration-modal .form-group input::placeholder,.patient-registration-modal .form-group textarea::placeholder{color:#666}.library-menu-bar{justify-content:space-between}.fullscreen-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#000000b3;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;width:130px;min-width:130px;max-width:130px}.fullscreen-button:hover{background:#000000d9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.fullscreen-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.fullscreen-button-text{font-size:11px;letter-spacing:.5px;text-transform:uppercase}:fullscreen .fullscreen-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}:fullscreen .fullscreen-button:hover{background:#fff3;border-color:#ffffff4d}@media (max-width: 768px){.fullscreen-button{padding:6px 10px;font-size:11px;width:100px;min-width:100px;max-width:100px}.fullscreen-button-text{display:none}}.fullscreen-button:focus{outline:2px solid #007acc;outline-offset:2px}.fullscreen-button svg{transition:transform .2s ease}.fullscreen-button:hover svg{transform:scale(1.1)}.tab-bar{height:40px;background-color:#e8e8e8;border-top:1px solid #d0d0d0;display:flex;align-items:center;padding:0 8px;box-shadow:0 -2px 4px #0000001a}.tab-list{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#d0d0d0;border:1px solid #b0b0b0;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;min-width:120px;max-width:200px;position:relative}.tab:hover{background-color:#c8c8c8;border-color:#a0a0a0}.tab.active{background-color:#fff;border-color:#d0d0d0;border-bottom:1px solid #ffffff;margin-bottom:-1px;z-index:1}.tab.non-closable{font-weight:600;background-color:#e0e0e0}.tab.non-closable.active{background-color:#fff;font-weight:600}.tab-title{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.tab-close-btn{width:16px;height:16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:14px;font-weight:700;color:#666;transition:all .2s ease}.tab-close-btn:hover{background-color:#f44;color:#fff}.add-tab-btn{width:32px;height:28px;border:1px solid #b0b0b0;background-color:#d0d0d0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#333;transition:all .2s ease;margin-left:8px}.add-tab-btn:hover{background-color:silver;border-color:#a0a0a0;transform:scale(1.05)}.add-tab-btn:active{transform:scale(.95)}@media (max-width: 768px){.tab{min-width:80px;max-width:120px;padding:4px 8px}.tab-title{font-size:11px}.add-tab-btn{width:28px;height:24px;font-size:14px}}.window-container{height:100%;display:flex;flex-direction:column;background-color:#fff}.window-header{height:32px;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;-webkit-user-select:none;user-select:none}.window-title{font-size:13px;font-weight:600;color:#333;flex:1}.window-close-btn{width:20px;height:20px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:16px;font-weight:700;color:#666;transition:all .2s ease}.window-close-btn:hover{background-color:#f44;color:#fff}.window-body{flex:1;overflow:hidden;background-color:#fff}.object-manager{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;min-height:200px}.object-manager-header{height:24px;background-color:#e8e8e8;border-bottom:1px solid #d0d0d0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#333}.object-list{flex:1;overflow-y:auto;padding:4px}.object-item{display:flex;align-items:center;gap:4px;padding:2px 4px;margin-bottom:1px;cursor:pointer;border-radius:2px;transition:background-color .2s ease;font-size:10px}.object-item:hover{background-color:#e8e8e8}.object-item.selected{background-color:#d0e8ff}.checkbox-wrapper{position:relative;width:16px;height:16px;flex-shrink:0}.object-checkbox{position:absolute;opacity:0;cursor:pointer;width:16px;height:16px;margin:0}.checkbox-custom{position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #999;background-color:#fff;border-radius:2px;transition:all .2s ease}.object-checkbox:checked~.checkbox-custom{background-color:#4caf50;border-color:#4caf50}.object-checkbox:checked~.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.object-checkbox:hover~.checkbox-custom{border-color:#666}.object-icon{font-size:12px}.object-name{flex:1;font-size:10px;color:#333}.delete-btn{width:14px;height:14px;border:none;background:none;cursor:pointer;font-size:8px;opacity:.6;transition:opacity .2s ease}.delete-btn:hover{opacity:1}.object-manager-actions{height:24px;background-color:#e8e8e8;border-top:1px solid #d0d0d0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px}.action-btn{width:20px;height:18px;border:1px solid #c0c0c0;background-color:#f0f0f0;border-radius:2px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover:not(:disabled){background-color:#e0e0e0;border-color:#a0a0a0}.action-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#666;height:100%;min-height:150px}.empty-state p{margin:4px 0;font-size:11px}.empty-hint{font-size:10px;color:#999;font-style:italic}.object-list::-webkit-scrollbar{width:4px}.object-list::-webkit-scrollbar-track{background:#f1f1f1}.object-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.object-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tool-palette{flex:1;background-color:#f8f8f8;display:flex;flex-direction:column;padding:4px;gap:8px}.tool-section{display:flex;flex-direction:column}.tool-section-header{font-size:10px;font-weight:600;color:#333;margin-bottom:4px;text-align:center;padding:2px;background-color:#e8e8e8;border-radius:2px}.tool-grid{display:flex;flex-direction:column;gap:2px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:40px;border:1px solid #c0c0c0;background-color:#f0f0f0;border-radius:3px;cursor:pointer;transition:all .2s ease;padding:2px}.tool-btn:hover{background-color:#e0e0e0;border-color:#a0a0a0;transform:translateY(-1px)}.tool-btn.selected{background-color:#007acc;border-color:#005a9e;color:#fff}.tool-btn.selected:hover{background-color:#0066b3}.tool-icon{font-size:14px;margin-bottom:1px}.tool-name{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tool-btn.selected .tool-name{color:#fff}@media (max-width: 1024px){.tool-btn{height:35px}.tool-icon{font-size:12px}.tool-name{font-size:7px}}.canvas-3d-container{width:100%;height:100%;position:relative;background-color:#2a2a2a;overflow:hidden}.three-js-mount{width:100%;height:100%;display:block;cursor:crosshair}.three-js-mount canvas{display:block;outline:none}.canvas-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.canvas-info{position:absolute;top:10px;left:10px;background-color:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px;font-family:Consolas,Monaco,Courier New,monospace;line-height:1.4}.canvas-info div{margin-bottom:2px}.canvas-info div:last-child{margin-bottom:0}.canvas-3d-container.loading{display:flex;align-items:center;justify-content:center;background-color:#2a2a2a}.loading-message{text-align:center;color:#fff}.loading-message h3{font-size:18px;margin-bottom:8px;color:#4fc3f7}.loading-message p{font-size:14px;color:#ccc}.canvas-3d-container.error{display:flex;align-items:center;justify-content:center;background-color:#3a2a2a}.error-message{text-align:center;color:#fff;padding:20px}.error-message h3{font-size:18px;margin-bottom:8px;color:#ff6b6b}.error-message p{font-size:14px;color:#ccc;margin-bottom:16px}.error-message button{background-color:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.error-message button:hover{background-color:#005a9e}.canvas-controls{position:absolute;bottom:10px;left:10px;background-color:#000000b3;color:#fff;padding:6px 10px;border-radius:4px;font-size:10px;font-family:Consolas,Monaco,Courier New,monospace}.control-hint{color:#ccc}.stl-object-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.stl-object-manager{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;top:0;bottom:0;width:12px;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.resize-handle-left{left:0;border-radius:8px 0 0 8px}.resize-handle-right{right:0;border-radius:0 8px 8px 0}.resize-handle:hover{background-color:#007acc1a}.resize-handle:active{background-color:#007acc33}.resize-grip{font-size:14px;color:#999;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:opacity .2s ease}.resize-handle:hover .resize-grip{opacity:1;color:#007acc}body.resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.manager-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:8px 8px 0 0}.manager-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-btn:hover{background-color:#e9ecef;color:#333}.manager-content{flex:1;padding:20px;overflow-y:auto}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007acc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state .error-message{color:#dc3545;margin-bottom:16px}.error-state button{background-color:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.error-state button:hover{background-color:#005a9e}.empty-state p{color:#666;margin:8px 0}.objects-table-container{flex:1;overflow-y:auto;padding:0}.objects-table{width:100%;border-collapse:collapse;background-color:#fff;font-size:14px}.objects-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.objects-table th{padding:12px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;background-color:#f8f9fa;-webkit-user-select:none;user-select:none}.objects-table th.col-checkbox{width:60px;text-align:center}.objects-table th.col-name{width:auto}.objects-table th.col-actions{width:140px;text-align:center}.objects-table tbody{background-color:#fff}.object-row{cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #e9ecef}.object-row.even{background-color:#fff}.object-row.odd{background-color:#f8f9fa}.object-row:hover{background-color:#e7f3ff!important}.object-row.selected{background-color:#cfe2ff!important;border-left:4px solid #007acc}.object-row.selected:hover{background-color:#b6d7ff!important}.objects-table td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid #e9ecef}.objects-table td.col-checkbox{text-align:center;width:60px}.objects-table td.col-actions{text-align:center;width:140px}.checkbox-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.object-checkbox,.header-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;display:inline-block;width:20px;height:20px;background-color:#2c2c2c;border:2px solid #666;border-radius:4px;cursor:pointer;transition:all .2s ease}.checkbox-wrapper:hover .checkbox-custom{border-color:#007acc;background-color:#3a3a3a}.object-checkbox:checked~.checkbox-custom,.header-checkbox:checked~.checkbox-custom{background-color:#007acc;border-color:#007acc}.object-checkbox:checked~.checkbox-custom:after,.header-checkbox:checked~.checkbox-custom:after{content:"";position:absolute;display:block;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.object-name-cell{display:flex;align-items:center;gap:12px}.object-icon{font-size:24px;flex-shrink:0}.object-details{flex:1;min-width:0}.object-filename{font-weight:500;color:#212529;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-metadata{display:flex;align-items:center;gap:8px;font-size:12px;color:#6c757d;flex-wrap:wrap}.meta-item{display:inline-flex;align-items:center;gap:4px}.meta-separator{color:#adb5bd}.delete-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.delete-button:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.delete-button:active{transform:translateY(0);box-shadow:none}.delete-icon{font-size:14px}.delete-text{font-weight:600}.manager-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0}.load-btn,.cancel-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.load-btn{background-color:#28a745;color:#fff}.load-btn:hover:not(:disabled){background-color:#218838}.load-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.loading-status-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-status-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:32px;min-width:450px;max-width:550px;box-shadow:0 20px 60px #00000080;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-status-icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center;height:64px;font-size:64px;transition:color .3s ease}.loading-status-icon.error{font-size:48px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-status-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.loading-status-message{color:#ffffffe6;font-size:14px;margin:0 0 20px;line-height:1.5}.loading-status-progress{margin-top:20px}.progress-bar-container{width:100%;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .3s ease-out,background-color .3s ease;box-shadow:0 0 10px #4ade8080;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:#fff;font-size:14px;font-weight:600}.stage-indicator{margin-bottom:16px}.stage-label{font-size:16px;font-weight:600;padding:6px 16px;border-radius:20px;background-color:#fff3;display:inline-block;transition:all .3s ease;color:#fff}.download-details{margin:16px 0;padding:16px;background-color:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px}.detail-text{font-size:14px;color:#ffffffe6;margin:0;font-weight:500}.detail-text.speed{color:#4ade80;font-weight:600}.detail-text.time-remaining{color:#ffffffb3;font-style:italic}.cancel-button{margin-top:16px;padding:10px 24px;background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#ffffff4d;border-color:#ffffff80}.cancel-button:active{transform:translateY(1px)}.girasoles-view-window{height:100%;display:flex;flex-direction:column;background-color:#fff}.girasoles-menu-bar{height:24px;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 8px;position:relative}.menu-items{display:flex;gap:16px;position:relative}.menu-item{font-size:12px;color:#333;cursor:pointer;padding:2px 8px;border-radius:2px;transition:background-color .2s ease}.menu-item:hover{background-color:#e0e0e0}.advanced-menu{position:relative}.advanced-dropdown{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:150px}.dropdown-item{padding:8px 12px;font-size:12px;color:#333;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item:first-child{border-radius:4px 4px 0 0}.dropdown-item:last-child{border-radius:0 0 4px 4px}.girasoles-toolbar{height:32px;background-color:#f0f0f0;border-bottom:1px solid #d0d0d0;display:flex;align-items:center;padding:0 8px;gap:4px}.toolbar-btn{padding:4px 12px;background-color:#e8e8e8;border:1px solid #c0c0c0;border-radius:3px;font-size:11px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background-color:#d8d8d8;border-color:#a0a0a0}.clear-points-btn{background-color:#ff6b6b!important;color:#fff!important;border-color:#ff5252!important}.clear-points-btn:hover{background-color:#ff5252!important;border-color:#ff1744!important}.load-state-btn{background-color:#4caf50!important;color:#fff!important;border-color:#45a049!important}.load-state-btn:hover{background-color:#45a049!important;border-color:#3d8b40!important}.clear-state-btn{background-color:#ff9800!important;color:#fff!important;border-color:#f57c00!important}.clear-state-btn:hover{background-color:#f57c00!important;border-color:#ef6c00!important}.toolbar-btn:active{background-color:#c8c8c8}.girasoles-content{flex:1;display:flex;overflow:hidden}.left-panel{position:relative;background-color:#f8f8f8;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.panel-resize-handle{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.panel-resize-handle:hover{background-color:#007acc1a}.panel-resize-handle:active{background-color:#007acc33}.resize-grip-vertical{font-size:16px;color:#999;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:opacity .2s ease;writing-mode:vertical-rl;text-orientation:upright}.panel-resize-handle:hover .resize-grip-vertical{opacity:1;color:#007acc}body.resizing-panel{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.canvas-area{flex:1;background-color:#2a2a2a;position:relative}.stl-in-view{height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.stl-header{height:60px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 4px #0000001a}.stl-title h2{margin:0;font-size:18px;color:#333;font-weight:600}.customer-info{font-size:12px;color:#666;margin-left:10px}.stl-controls{display:flex;gap:10px;align-items:center}.load-example-btn,.upload-btn{background-color:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease}.load-example-btn:hover:not(:disabled),.upload-btn:hover:not(:disabled){background-color:#005a9e}.load-example-btn:disabled,.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.processing-section .save-btn,.processing-section .delete-btn,.processing-section .process-btn{background-color:#28a745;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background-color .2s ease;width:100%;height:auto;display:block;box-sizing:border-box}.processing-section .save-btn:hover:not(:disabled),.processing-section .delete-btn:hover:not(:disabled),.processing-section .process-btn:hover:not(:disabled){background-color:#218838}.processing-section .save-btn:disabled,.processing-section .delete-btn:disabled,.processing-section .process-btn:disabled{background-color:#ccc;cursor:not-allowed}.processing-section .delete-btn{background-color:#dc3545}.processing-section .delete-btn:hover:not(:disabled){background-color:#c82333}.save-message{font-size:11px;margin:4px 0 8px;padding:4px 8px;border-radius:3px;text-align:center}.save-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.save-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.stl-content{flex:1;display:flex;overflow:visible;min-height:0}.stl-viewer{flex:1;position:relative;background-color:#f5f5f5}.loading-overlay,.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007acc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.error-message{color:#dc3545;font-weight:500;margin-bottom:10px;text-align:center;max-width:400px}.error-overlay button{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px}.error-overlay button:hover{background-color:#c82333}.stl-info-panel{width:300px;background-color:#fff;border-left:1px solid #e0e0e0;padding:20px 20px 100px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:20px;min-height:0;flex-shrink:0;height:100%}.stl-info-panel h3,.stl-info-panel h4{margin:0 0 10px;color:#333;font-size:14px;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.stl-metadata{display:flex;flex-direction:column;gap:8px}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.metadata-item label{font-size:12px;color:#666;font-weight:500}.metadata-item span{font-size:12px;color:#333;font-weight:600}.no-data{color:#999;font-style:italic;font-size:12px;text-align:center;padding:20px 0}.view-options{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.processing-section{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;min-height:fit-content}.process-info{font-size:11px;color:#666;margin:0;line-height:1.4}.stl-info-panel::-webkit-scrollbar{width:6px}.stl-info-panel::-webkit-scrollbar-track{background:#f1f1f1}.stl-info-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.stl-info-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1200px){.stl-info-panel{width:250px}}@media (max-width: 900px){.stl-content{flex-direction:column}.stl-info-panel{width:100%;height:200px;border-left:none;border-top:1px solid #e0e0e0}}.tab-manager{height:100%;display:flex;flex-direction:column;background-color:#f0f0f0}.window-content{flex:1;overflow:hidden;background-color:#fff;border:1px solid #d0d0d0;border-bottom:none}.login-page{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden;width:100%;max-width:400px;margin:20px}.login-header{background:#fff;color:#111;padding:24px 20px 0;text-align:center}.logo h1{margin:0 0 10px;font-size:28px;font-weight:600}.logo p{margin:0;font-size:14px;opacity:.9}.login-form{padding:30px 20px}.login-form h2{margin:0 0 20px;font-size:24px;color:#333;text-align:center}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;margin-bottom:20px;color:#c33;font-size:14px;display:flex;align-items:center;gap:8px}.error-icon{font-size:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .2s ease;background-color:#fff;color:#333}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-right:42px}.toggle-password{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;font-size:16px;line-height:1}.toggle-password:focus{outline:2px solid #007acc;outline-offset:2px}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group input::placeholder{color:#999;opacity:1}.login-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.demo-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;text-align:center}.demo-btn{background-color:#f8f9fa;color:#666;border:1px solid #e0e0e0;border-radius:6px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.demo-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#d0d0d0}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-info{margin:0;font-size:12px;color:#888}.login-footer{background-color:#f8f9fa;padding:20px;text-align:center;border-top:1px solid #e0e0e0}.login-footer p{margin:0 0 5px;font-size:12px;color:#666}.login-footer p:last-child{margin-bottom:0;font-size:11px;color:#888}@media (max-width: 480px){.login-container{margin:10px;border-radius:8px}.login-header{padding:20px 15px}.logo h1{font-size:24px}.login-form{padding:20px 15px}.login-form h2{font-size:20px}}.connection-status{position:fixed;top:10px;right:50%;transform:translate(50%);z-index:1000}.status-indicator{display:flex;align-items:center;gap:6px;background:#dc3545e6;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;box-shadow:0 2px 8px #0003;transition:all .2s ease;-webkit-user-select:none;user-select:none}.status-indicator:hover{background:#dc3545;transform:scale(1.02)}.status-icon{font-size:10px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:600}.status-details{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.status-popup{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.status-popup h4{margin:0 0 16px;color:#dc3545;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.status-popup h4:before{content:"⚠️";font-size:20px}.error-message{background:#fee;border:1px solid #fcc;border-radius:4px;padding:12px;margin-bottom:20px;color:#c33;font-size:14px;font-family:monospace}.status-actions{display:flex;gap:12px;margin-bottom:20px}.retry-btn{background:#007acc;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#005a9e}.close-btn{background:#6c757d;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.close-btn:hover{background:#545b62}.status-info{border-top:1px solid #e0e0e0;padding-top:16px}.status-info p{margin:0 0 8px;font-size:14px;color:#333}.status-info strong{color:#000}.status-info ul{margin:8px 0 16px 20px;padding:0}.status-info li{margin-bottom:4px;font-size:13px;color:#666;line-height:1.4}@media (max-width: 768px){.connection-status{right:50%;transform:translate(50%);top:50px}.status-indicator{font-size:11px;padding:4px 8px}.status-popup{padding:16px;margin:10px}.status-popup h4{font-size:16px}.status-actions{flex-direction:column}.retry-btn,.close-btn{width:100%}}.connection-status.disconnected{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.admin-dashboard{display:flex;height:100vh;width:100vw;background:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.admin-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:#fff;color:#333}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #007acc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.admin-sidebar{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d;z-index:100}.admin-sidebar-header{padding:24px 20px;border-bottom:1px solid #e0e0e0}.admin-logo{display:flex;align-items:center;gap:12px}.admin-logo-icon{font-size:32px;line-height:1}.admin-logo-text h2{margin:0;font-size:20px;font-weight:600;color:#111}.admin-logo-text p{margin:2px 0 0;font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-user-info{display:flex;align-items:center;gap:12px;padding:20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.admin-user-avatar{width:48px;height:48px;background:#007acc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.admin-user-details{flex:1;min-width:0}.admin-user-name{margin:0;font-size:14px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-role{margin:2px 0 0;font-size:12px;color:#666}.admin-nav{flex:1;overflow-y:auto;padding:16px 0}.admin-nav-list{list-style:none;margin:0;padding:0}.admin-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .2s ease;text-align:left}.admin-nav-item:hover{background:#f8f9fa;border-left-color:#007acc}.admin-nav-item.active{background:#e3f2fd;border-left-color:#007acc}.admin-nav-icon{font-size:24px;line-height:1;flex-shrink:0}.admin-nav-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.admin-nav-label{font-size:14px;font-weight:500;color:#111}.admin-nav-item.active .admin-nav-label{color:#007acc;font-weight:600}.admin-nav-description{font-size:11px;color:#666}.admin-sidebar-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px}.admin-switch-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#007acc;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-switch-button:hover{background:#005a9e;transform:translateY(-1px);box-shadow:0 2px 8px #007acc4d}.admin-switch-button:active{transform:translateY(0)}.admin-switch-icon{font-size:18px}.admin-logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-logout-button:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 8px #f443364d}.admin-logout-button:active{transform:translateY(0)}.admin-logout-icon{font-size:18px}.admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-content-header{padding:32px 40px;background:#fff;border-bottom:1px solid #e0e0e0}.admin-content-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#111}.admin-content-subtitle{margin:0;font-size:14px;color:#666}.admin-content-body{flex:1;overflow-y:auto;padding:32px 40px}.admin-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:32px}.placeholder-content{text-align:center;padding:60px 20px}.placeholder-content h2{margin:0 0 16px;font-size:32px;color:#111}.placeholder-content p{margin:0 0 12px;font-size:16px;color:#666}.coming-soon{margin-top:24px!important;padding:12px 24px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-weight:500;display:inline-block}@media (max-width: 768px){.admin-sidebar{width:240px}.admin-content-header{padding:24px 20px}.admin-content-header h1{font-size:24px}.admin-content-body{padding:20px}.admin-section{padding:24px}}@media (max-width: 480px){.admin-dashboard{flex-direction:column}.admin-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e0e0e0}.admin-nav{max-height:200px}.admin-content-header h1{font-size:20px}.placeholder-content h2{font-size:24px}.form-row{flex-direction:column}}.doctor-registration{max-width:800px;margin:0 auto}.doctor-registration-form{display:flex;flex-direction:column;gap:32px}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;animation:slideDown .3s ease}.form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.form-section-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#111;padding-bottom:12px;border-bottom:2px solid #007acc}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.form-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;transition:all .2s ease}.form-input.error{border-color:#f44336}.form-input.error:focus{box-shadow:0 0 0 3px #f443361a}.form-hint{display:block;margin-top:6px;font-size:12px;color:#666}.error-message{display:block;margin-top:6px;font-size:12px;color:#f44336;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e0e0e0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:140px}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}@media (max-width: 768px){.doctor-registration{max-width:100%}.form-section{padding:20px}.form-row{flex-direction:column;gap:0}.form-actions{flex-direction:column-reverse}.btn{width:100%}}@media (max-width: 480px){.form-section{padding:16px}.form-section-title{font-size:16px}.alert{padding:12px}}.form-input:focus-visible,.btn:focus-visible{outline:2px solid #007acc;outline-offset:2px}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out 0s}.balance-management{height:100%;overflow:hidden}.balance-layout{display:flex;gap:24px;height:100%}.doctor-selector-panel{width:350px;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.panel-title{margin:0;padding:20px;font-size:18px;font-weight:600;color:#111;border-bottom:2px solid #007acc;background:#f8f9fa}.search-box{padding:16px;border-bottom:1px solid #e0e0e0}.doctor-list{flex:1;overflow-y:auto;padding:8px}.doctor-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff}.doctor-item:hover{background:#f8f9fa;border-color:#007acc;transform:translate(4px)}.doctor-item.selected{background:#e3f2fd;border-color:#007acc;border-width:2px}.doctor-info{flex:1}.doctor-name{font-size:14px;font-weight:600;color:#111;margin-bottom:4px}.doctor-username{font-size:12px;color:#666}.doctor-balance{display:flex;flex-direction:column;align-items:flex-end}.balance-amount{font-size:18px;font-weight:700;color:#007acc}.balance-label{font-size:11px;color:#666;text-transform:uppercase}.balance-details-panel{flex:1;display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding-right:8px}.empty-state{padding:40px 20px;text-align:center;color:#666}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.empty-state-large h3{margin:0 0 8px;font-size:24px;color:#333}.empty-state-large p{margin:0;font-size:14px;color:#666}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#666}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;animation:slideDown .3s ease}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.balance-card,.balance-form-card,.transaction-history-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.card-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#111;padding-bottom:12px;border-bottom:2px solid #007acc}.doctor-header{margin-bottom:24px}.doctor-name-large{font-size:24px;font-weight:700;color:#111;margin-bottom:8px}.doctor-meta{font-size:14px;color:#666}.balance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}.stat-item.stat-primary{background:linear-gradient(135deg,#007acc,#005a9e);color:#fff}.stat-label{font-size:12px;text-transform:uppercase;margin-bottom:8px;opacity:.8}.stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.stat-unit{font-size:14px;opacity:.8}.stat-item:not(.stat-primary) .stat-label{color:#666}.stat-item:not(.stat-primary) .stat-value{color:#111}.balance-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.required{color:#f44336;margin-left:2px}.form-input{padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;transition:all .2s ease}.form-input:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 3px #007acc1a}.form-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007acc;color:#fff}.btn-primary:hover:not(:disabled){background:#005a9e}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.transaction-table{overflow-x:auto;margin-bottom:16px}.transaction-table table{width:100%;border-collapse:collapse}.transaction-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;text-transform:uppercase;color:#666;background:#f8f9fa;border-bottom:2px solid #e0e0e0}.transaction-table td{padding:12px;font-size:14px;border-bottom:1px solid #e0e0e0}.transaction-table tbody tr:hover{background:#f8f9fa}.transaction-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.transaction-type.credit{background:#d4edda;color:#155724}.transaction-type.debit{background:#f8d7da;color:#721c24}.amount-cell{font-weight:600;font-size:15px}.amount-cell.credit{color:#28a745}.amount-cell.debit{color:#dc3545}.description-cell{color:#333}.balance-cell{font-weight:600;color:#007acc}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px;border-top:1px solid #e0e0e0}.pagination-info{font-size:14px;color:#666}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}@media (max-width: 1024px){.balance-layout{flex-direction:column}.doctor-selector-panel{width:100%;max-height:300px}.balance-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.balance-stats{grid-template-columns:1fr}.form-row{flex-direction:column}.transaction-table{font-size:12px}.transaction-table th,.transaction-table td{padding:8px}}@media (max-width: 480px){.balance-card,.balance-form-card,.transaction-history-card{padding:16px}.card-title{font-size:16px}.doctor-name-large{font-size:20px}.stat-value{font-size:24px}}.doctor-list::-webkit-scrollbar,.balance-details-panel::-webkit-scrollbar{width:8px}.doctor-list::-webkit-scrollbar-track,.balance-details-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.doctor-list::-webkit-scrollbar-thumb,.balance-details-panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.doctor-list::-webkit-scrollbar-thumb:hover,.balance-details-panel::-webkit-scrollbar-thumb:hover{background:#999}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.doctor-list{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.list-header{padding:24px;border-bottom:2px solid #007acc;background:#f8f9fa}.list-title-section{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.list-title{margin:0;font-size:24px;font-weight:700;color:#111}.list-count{font-size:14px;color:#666;font-weight:500}.list-controls{display:flex;gap:16px;align-items:center}.search-control{flex:1;max-width:400px}.search-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;transition:all .2s ease}.search-input:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 3px #007acc1a}.search-input:focus-visible{outline:2px solid #007acc;outline-offset:2px}.filter-control{display:flex;gap:12px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;margin:16px 24px;border-radius:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-icon{font-size:20px;line-height:1;flex-shrink:0}.alert-content{flex:1}.alert-content strong{display:block;margin-bottom:4px;font-weight:600}.loading-overlay{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#666}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#666}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:24px;color:#333}.empty-state p{margin:0;font-size:14px;color:#666}.table-container{flex:1;overflow:auto;padding:0 24px}.doctor-table{width:100%;border-collapse:collapse;font-size:14px}.doctor-table thead{position:sticky;top:0;background:#f8f9fa;z-index:10}.doctor-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;text-transform:uppercase;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap}.doctor-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.doctor-table th.sortable:hover{background:#e9ecef;color:#007acc}.doctor-table th.sortable:focus{outline:2px solid #007acc;outline-offset:-2px}.doctor-table th.sortable:focus-visible{outline:2px solid #007acc;outline-offset:-2px}.doctor-table td{padding:12px;border-bottom:1px solid #e0e0e0}.doctor-row{cursor:pointer;transition:all .2s ease}.doctor-row:hover{background:#f8f9fa}.doctor-row.expanded{background:#e3f2fd}.doctor-row:focus{outline:2px solid #007acc;outline-offset:-2px}.doctor-row:focus-visible{outline:2px solid #007acc;outline-offset:-2px}.name-cell{font-weight:600;color:#111}.username-cell{color:#666;font-family:Courier New,monospace}.email-cell{color:#666}.specialization-cell{color:#333}.balance-cell{text-align:center}.balance-badge{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#007acc;border-radius:12px;font-weight:600;font-size:13px}.date-cell{color:#666;font-size:13px}.status-cell{text-align:center}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.actions-cell{text-align:center}.action-btn{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid #007acc;border-radius:4px;background:#fff;color:#007acc;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#007acc;color:#fff}.action-btn:focus{outline:2px solid #007acc;outline-offset:2px}.action-btn:focus-visible{outline:2px solid #007acc;outline-offset:2px}.details-row{background:#f8f9fa}.details-row td{padding:0}.doctor-details{padding:24px;border-top:2px solid #007acc;animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#666}.detail-value{font-size:14px;color:#111;font-weight:500}.details-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:focus{outline:2px solid #007acc;outline-offset:2px}.btn:focus-visible{outline:2px solid #007acc;outline-offset:2px}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ccc}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;border-top:1px solid #e0e0e0;background:#f8f9fa}.pagination-btn{padding:8px 16px;font-size:14px;font-weight:500;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007acc;color:#007acc}.pagination-btn:focus{outline:2px solid #007acc;outline-offset:2px}.pagination-btn:focus-visible{outline:2px solid #007acc;outline-offset:2px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:4px;margin:0 8px}.pagination-page{min-width:36px;height:36px;padding:0 8px;font-size:14px;font-weight:500;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease}.pagination-page:hover:not(.active){background:#f8f9fa;border-color:#007acc;color:#007acc}.pagination-page:focus{outline:2px solid #007acc;outline-offset:2px}.pagination-page:focus-visible{outline:2px solid #007acc;outline-offset:2px}.pagination-page.active{background:#007acc;border-color:#007acc;color:#fff;cursor:default}.pagination-info{margin-left:16px;font-size:14px;color:#666}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,122,204,.3);border-top-color:#007acc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.doctor-table{font-size:13px}.doctor-table th,.doctor-table td{padding:10px 8px}}@media (max-width: 768px){.list-header{padding:16px}.list-controls{flex-direction:column;align-items:stretch}.search-control{max-width:none}.table-container{padding:0 16px}.doctor-table{font-size:12px}.doctor-table th,.doctor-table td{padding:8px 6px}.specialization-cell,.date-cell{display:none}.details-grid{grid-template-columns:1fr}.details-actions{flex-direction:column}.details-actions .btn{width:100%}.pagination{flex-wrap:wrap;gap:8px}.pagination-pages{order:-1;width:100%;justify-content:center}.pagination-info{width:100%;text-align:center;margin:8px 0 0}}@media (max-width: 480px){.list-title{font-size:20px}.doctor-table th,.doctor-table td{padding:6px 4px}.email-cell{display:none}.pagination-btn{padding:6px 12px;font-size:12px}.pagination-page{min-width:32px;height:32px;font-size:12px}}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#999}@media print{.list-controls,.pagination,.actions-cell,.details-actions{display:none}.doctor-table{font-size:10px}.doctor-row:hover{background:none}}.app{height:100vh;width:100vw;display:flex;flex-direction:column;position:relative;background-color:#f5f5f5}.admin-view-switcher{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#007acc;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #007acc4d}.admin-view-switcher:hover{background:#005a9e;transform:translateY(-2px);box-shadow:0 6px 16px #007acc66}.admin-view-switcher:active{transform:translateY(0)}.switcher-icon{font-size:18px}.switcher-text{font-weight:600}.app-fullscreen-btn{position:absolute;top:10px;right:10px;z-index:1000;background:#000000b3;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s ease;width:130px;display:flex;align-items:center;justify-content:center;min-width:130px;max-width:130px}.app-fullscreen-btn:hover{background:#000000e6;transform:scale(1.05)}.app-fullscreen-btn:active{transform:scale(.95)}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.app:fullscreen{background-color:#2d2d2d}.app:fullscreen .app-fullscreen-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.app:fullscreen .app-fullscreen-btn:hover{background:#fff3}.app-loading{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-loading .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.app-loading p{font-size:18px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f0f0;color:#333;overflow:hidden}#root{height:100vh;width:100vw}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}button{cursor:pointer;border:none;outline:none;transition:all .2s ease}button:hover{opacity:.8}button:active{transform:scale(.98)}input,textarea{font-family:inherit;border:1px solid #ccc;border-radius:4px;padding:8px;outline:none}input:focus,textarea:focus{border-color:#007acc;box-shadow:0 0 0 2px #007acc33}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.items-center{align-items:center}.w-full{width:100%}.h-full{height:100%}