*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-hover: #f1f5f9;--text-primary: #1f2937;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow: rgba(0, 0, 0, .1);--accent: #667eea;--accent-hover: #5568d3;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #d1d5db;--navbar-bg: #ffffff;--dropdown-bg: #ffffff;--modal-bg: #ffffff;--table-header-bg: #f8fafc;--table-row-hover: #f1f5f9}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-light: #1e293b;--shadow: rgba(0, 0, 0, .4);--accent: #818cf8;--accent-hover: #6366f1;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--card-bg: #1e293b;--input-bg: #0f172a;--input-border: #475569;--navbar-bg: #1e293b;--dropdown-bg: #1e293b;--modal-bg: #1e293b;--table-header-bg: #334155;--table-row-hover: #334155}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0}.app{width:100%;height:100vh;display:flex;flex-direction:column}.app.login-view{background:linear-gradient(135deg,#667eea,#764ba2);align-items:center;justify-content:center}.login-container{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px;margin:20px}.login-form h2{margin-bottom:24px;color:#333;text-align:center}.login-form input{width:100%;padding:12px;margin-bottom:16px;border:1px solid #ddd;border-radius:4px;font-size:14px}.login-form input:focus{outline:none;border-color:#667eea}.login-form button{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.login-form button:hover{background:#5568d3}.login-form .toggle-btn{background:transparent;color:#667eea;margin-top:8px;font-size:14px}.login-form .toggle-btn:hover{background:#f5f5f5}.error{background:#fee;color:#c33;padding:10px;border-radius:4px;margin-bottom:16px;font-size:14px}.hint{margin-top:16px;text-align:center;color:#666;font-size:12px}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d}.navbar-brand{font-size:20px;font-weight:600;color:#667eea}.navbar-user{position:relative}.user-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:background .2s}.user-button:hover{background:#f3f4f6}.user-avatar{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{color:#374151;font-weight:500}.dropdown-icon{color:#9ca3af;font-size:12px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;z-index:1000}.dropdown-item{padding:12px 16px;cursor:pointer;transition:background .2s;color:#374151;border:none;background:none;width:100%;text-align:left;font-size:14px}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#f9fafb}.dropdown-item.danger{color:#dc2626}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dashboard{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-container{flex:1;padding:24px;overflow-y:auto;max-width:1400px;width:100%;margin:0 auto}.dashboard-content-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;height:100%}.teams-container{display:flex;gap:24px;height:100%}.teams-sidebar{width:280px;border-right:1px solid #e5e7eb;padding-right:24px}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.teams-header h3{margin:0;color:#333}.teams-header button{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-team-form{display:flex;gap:8px;margin-bottom:16px}.create-team-form input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.create-team-form button{padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.teams-list{display:flex;flex-direction:column;gap:8px}.team-item{padding:12px;border-radius:4px;cursor:pointer;transition:background .2s}.team-item:hover{background:#f5f5f5}.team-item.active{background:#e8ebfa}.team-name{font-weight:500;color:#333;margin-bottom:4px}.team-role{font-size:12px;color:#666;text-transform:capitalize}.team-details{flex:1;padding-left:24px;overflow-y:auto}.team-details h2{margin-top:0;color:#333}.team-details h3{margin-top:24px;margin-bottom:12px;color:#333}.add-member-form{display:flex;gap:8px;margin:16px 0}.add-member-form input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.add-member-form button{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9f9f9;border-radius:4px}.member-username{font-weight:500;color:#333}.member-role{font-size:12px;color:#666;text-transform:capitalize;background:#e8ebfa;padding:4px 8px;border-radius:4px}.member-role.owner{background:#fef3c7;color:#92400e}.member-role.admin{background:#dbeafe;color:#1e40af}.member-role-section{display:flex;align-items:center;gap:8px}.change-role-btn{background:none;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.change-role-btn:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}.role-change-controls{display:flex;align-items:center;gap:6px}.role-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.role-select:focus{outline:none;border-color:#667eea}.cancel-role-btn{background:none;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;cursor:pointer;font-size:12px;color:#6b7280}.cancel-role-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:#999}.header-buttons{display:flex;gap:8px}.invite-section{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px}.invite-section h3{margin-top:0;margin-bottom:12px;font-size:14px;color:#374151}.invite-link-container{display:flex;gap:8px}.invite-link-input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px;background:#fff;color:#6b7280}.copy-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.copy-btn:hover{background:#5568d3}.regenerate-btn{padding:8px 16px;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.regenerate-btn:hover{background:#4b5563}.invite-expiry{margin-top:8px;font-size:13px;color:#6b7280}.invite-expiry.expired{color:#dc2626;font-weight:500}.navbar-left{display:flex;align-items:center;gap:32px}.navbar-links{display:flex;gap:8px}.nav-link{padding:8px 16px;background:none;border:none;border-radius:6px;cursor:pointer;color:#6b7280;font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#374151}.nav-link.active{background:#e8ebfa;color:#667eea}.home-container{height:100%;display:flex;flex-direction:column}.home-header{margin-bottom:24px}.home-header h1{margin:0 0 8px;color:#111827;font-size:28px;font-weight:600}.home-header p{margin:0;color:#6b7280;font-size:14px}.home-content{flex:1;display:flex;flex-direction:column}.no-team-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.dashboard-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d}.current-events-panel{background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #fbbf24}.live-badge{background:#ef4444;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.current-events-list{display:flex;flex-direction:column;gap:16px}.current-event-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.current-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.current-event-header h4{margin:0;font-size:16px;color:#111827}.live-indicator{background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.event-time-range{font-size:13px;color:#6b7280;margin:8px 0}.current-event-actions{margin-top:12px;display:flex;gap:8px}.event-action-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s}.event-action-btn:hover{background:#2563eb}.event-action-btn.primary{background:#3b82f6;flex:1}.event-action-btn.primary:hover{background:#2563eb}.event-action-btn.secondary{background:#10b981;flex:1}.event-action-btn.secondary:hover{background:#059669}.event-rooms-section{margin:12px 0;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.event-rooms-section h5{margin:0 0 8px;font-size:13px;color:#374151;font-weight:600}.event-rooms-list{display:flex;flex-direction:column;gap:6px}.event-room-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.room-info{display:flex;align-items:center;gap:8px}.room-name{font-size:13px;color:#111827;font-weight:500}.room-capacity{font-size:12px;color:#6b7280}.room-has-layout{font-size:11px;color:#10b981;font-weight:600;background:#d1fae5;padding:2px 6px;border-radius:3px}.event-rooms-loading{padding:12px;text-align:center;color:#9ca3af;font-size:13px;font-style:italic}.event-no-rooms{padding:8px;text-align:center;color:#9ca3af;font-size:12px;font-style:italic}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.panel-header h3{margin:0;color:#111827;font-size:18px;font-weight:600}.panel-count{background:#e8ebfa;color:#667eea;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600}.panel-loading{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.panel-empty{padding:40px;text-align:center}.panel-empty p{margin:0 0 8px;color:#6b7280;font-size:15px}.panel-hint{color:#9ca3af;font-size:13px}.events-timeline{display:flex;flex-direction:column}.timeline-event{display:flex;gap:16px;padding:16px 0;position:relative}.timeline-event:last-child .indicator-line{display:none}.event-indicator{display:flex;flex-direction:column;align-items:center;padding-top:4px}.indicator-dot{width:12px;height:12px;border-radius:50%;background:#667eea;border:3px solid #e8ebfa;flex-shrink:0}.event-indicator.urgent .indicator-dot{background:#f59e0b;border-color:#fef3c7;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.indicator-line{width:2px;flex:1;background:#e5e7eb;margin-top:4px}.event-content{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.timeline-event:last-child .event-content{border-bottom:none;padding-bottom:0}.event-main{flex:1}.event-main h4{margin:0 0 6px;color:#111827;font-size:15px;font-weight:600}.event-main .event-location{margin:0;color:#6b7280;font-size:13px}.event-time{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:100px}.event-relative{color:#667eea;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-date{color:#374151;font-size:14px;font-weight:500}.event-clock{color:#9ca3af;font-size:13px}.team-header-section{margin-bottom:24px}.team-header-section h2{margin:0 0 16px}.team-tabs{display:flex;gap:8px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.team-tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#6b7280;font-size:14px;font-weight:500;transition:all .2s}.team-tab:hover{color:#374151}.team-tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;color:#374151}.add-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.add-btn:hover{background:#5568d3}.event-form{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px}.event-form input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.date-field label{display:block;font-size:13px;color:#6b7280;margin-bottom:4px;font-weight:500}.form-actions{display:flex;gap:8px}.submit-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.submit-btn:hover{background:#5568d3}.cancel-btn{padding:10px 20px;background:#e5e7eb;color:#374151;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.cancel-btn:hover{background:#d1d5db}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s}.event-card:hover{box-shadow:0 2px 8px #0000000d}.event-info h4{margin:0 0 8px;color:#111827;font-size:16px}.event-location{margin:0 0 4px;color:#6b7280;font-size:14px}.event-dates{margin:0;color:#9ca3af;font-size:13px}.delete-btn{padding:6px 12px;background:#fee;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.delete-btn:hover{background:#fecaca}.navbar-right{display:flex;align-items:center;gap:12px}.navbar-team{position:relative}.team-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:background .2s;min-width:180px}.team-button:hover{background:#f3f4f6}.team-icon{font-size:16px}.team-name{color:#374151;font-weight:500;font-size:14px;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:240px;max-width:320px;z-index:1000;max-height:400px;overflow-y:auto}.team-dropdown-item{display:flex;align-items:center;gap:4px;position:relative}.team-dropdown-item .dropdown-item{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.team-dropdown-item .dropdown-item.selected{background:#f3f4f6;font-weight:500}.team-item-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon{color:#667eea;font-size:14px;margin-left:8px}.set-default-btn{padding:8px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.3;transition:opacity .2s}.set-default-btn:hover{opacity:1}.default-badge{padding:8px;font-size:14px;color:#f59e0b}.dropdown-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.app.loading-view{background:#f5f7fa;align-items:center;justify-content:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:#6b7280;font-size:14px;margin:0}.events-container{height:100%;display:flex;flex-direction:column}.events-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.events-header h2{margin:0 0 4px;color:#111827;font-size:28px;font-weight:600}.events-subtitle{margin:0;color:#6b7280;font-size:14px}.events-loading{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.events-empty{padding:60px 40px;text-align:center}.events-empty p{margin:0 0 8px;color:#6b7280;font-size:16px;font-weight:500}.events-empty span{color:#9ca3af;font-size:14px}.events-section{margin-bottom:32px}.events-section.current-events-section{background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #fbbf24;border-radius:12px;padding:20px;margin-bottom:32px}.events-section.current-events-section .section-title{color:#92400e}.section-title{margin:0 0 16px;color:#374151;font-size:18px;font-weight:600}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.event-card-large{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:box-shadow .2s}.event-card-large:hover{box-shadow:0 4px 12px #00000014}.event-card-large.past{opacity:.7;background:#f9fafb}.event-card-large.current-event{border:2px solid #fbbf24;background:#fff;box-shadow:0 4px 12px #fbbf2433}.live-badge-inline{display:inline-block;background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:8px;animation:pulse-badge 2s infinite}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.event-card-header h4{margin:0;color:#111827;font-size:18px;font-weight:600;flex:1}.delete-btn-small{width:28px;height:28px;padding:0;background:#fee;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.delete-btn-small:hover{background:#fecaca}.event-dates-large{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.date-row{display:flex;justify-content:space-between;margin-bottom:6px}.date-label{color:#6b7280;font-size:13px;font-weight:500}.date-value{color:#374151;font-size:13px}.event-creator{margin:12px 0 0;padding-top:12px;border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px}.roles-manager{display:flex;flex-direction:column;gap:24px}.roles-header{display:flex;justify-content:space-between;align-items:center}.roles-header h3{margin:0;color:#111827;font-size:20px;font-weight:600}.roles-loading{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.role-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.role-form-card h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.role-name-input{width:100%;padding:10px 12px;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.permissions-section{margin-bottom:20px}.permissions-label{margin:0 0 12px;color:#374151;font-size:14px;font-weight:500}.permission-group{margin-bottom:20px}.permission-group h5{margin:0 0 12px;color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.permission-checkbox{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.permission-checkbox:hover{border-color:#667eea;background:#f9fafb}.permission-checkbox input[type=checkbox]{margin-top:2px;cursor:pointer}.permission-label-text{display:flex;flex-direction:column;gap:2px;flex:1}.permission-label-text strong{color:#111827;font-size:13px;text-transform:capitalize}.permission-label-text small{color:#6b7280;font-size:12px;line-height:1.4}.roles-list{display:flex;flex-direction:column;gap:16px}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.role-title{display:flex;align-items:center;gap:12px}.role-title h4{margin:0;color:#111827;font-size:16px;font-weight:600}.system-badge{padding:4px 8px;background:#e8ebfa;color:#667eea;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-actions{display:flex;gap:8px}.edit-btn{padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.edit-btn:hover{background:#e5e7eb}.save-btn{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.save-btn:hover{background:#5568d3}.cancel-btn-small{padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.cancel-btn-small:hover{background:#e5e7eb}.role-permissions{display:flex;flex-direction:column;gap:12px}.permissions-count{margin:0;color:#6b7280;font-size:13px;font-weight:500}.permissions-tags{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{padding:6px 12px;background:#f3f4f6;color:#374151;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.settings-section{display:flex;flex-direction:column;gap:24px}.inventory-container{height:100%;display:flex;flex-direction:column}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.inventory-header h2{margin:0 0 4px;color:#111827;font-size:28px;font-weight:600}.inventory-subtitle{margin:0;color:#6b7280;font-size:14px}.checkout-btn{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.checkout-btn:hover{background:#059669}.inventory-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.inventory-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#6b7280;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:-2px}.inventory-tab:hover{color:#374151}.inventory-tab.active{color:#667eea;border-bottom-color:#667eea}.inventory-loading{padding:60px;text-align:center;color:#9ca3af;font-size:14px}.inventory-empty{padding:60px 40px;text-align:center}.inventory-empty p{margin:0 0 8px;color:#6b7280;font-size:16px;font-weight:500}.inventory-empty span{color:#9ca3af;font-size:14px}.no-permission{padding:60px 40px;text-align:center;color:#dc2626;font-size:16px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.inventory-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:box-shadow .2s}.inventory-card:hover{box-shadow:0 4px 12px #00000014}.inventory-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.inventory-card-header h4{margin:0;color:#111827;font-size:18px;font-weight:600;flex:1}.card-actions{display:flex;gap:8px}.edit-btn-small{padding:6px 12px;background:#f3f4f6;color:#374151;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.edit-btn-small:hover{background:#e5e7eb}.item-description{margin:0 0 16px;color:#6b7280;font-size:14px;line-height:1.5}.item-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;font-size:14px}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#111827}.item-instances{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.item-instances strong{display:block;margin-bottom:8px;color:#374151;font-size:13px}.instance-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f3f4f6;border-radius:4px;font-size:12px;margin:4px 4px 4px 0}.status-badge{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.available{background:#d1fae5;color:#065f46}.status-badge.checked_out{background:#fef3c7;color:#92400e}.status-badge.missing{background:#ede9fe;color:#5b21b6}.custom-data{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.checkouts-list{display:flex;flex-direction:column;gap:16px}.checkout-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #10b981;border-radius:8px;padding:20px}.checkout-card.completed{border-left-color:#9ca3af;opacity:.8}.checkout-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.checkout-header h4{margin:0 0 4px;color:#111827;font-size:16px;font-weight:600}.checkout-meta{margin:0;color:#6b7280;font-size:13px}.checkin-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.checkout-items{display:flex;flex-direction:column;gap:8px}.checkout-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f9fafb;border-radius:4px;font-size:14px}.item-quantity{color:#6b7280;font-weight:500}.condition-badge{padding:4px 8px;background:#e5e7eb;color:#374151;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.item-type-manager{display:flex;flex-direction:column;gap:24px}.type-manager-header{display:flex;justify-content:space-between;align-items:center}.type-manager-header h3{margin:0;color:#111827;font-size:20px;font-weight:600}.type-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.type-form-card h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.type-name-input{width:100%;padding:10px 12px;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.custom-fields-section{margin-bottom:20px}.custom-fields-section h5{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.field-input-row{display:flex;gap:8px;margin-bottom:12px}.field-input-row input,.field-input-row select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.field-input-row input{flex:1}.add-field-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.add-field-btn:hover{background:#5568d3}.fields-list{display:flex;flex-direction:column;gap:8px}.field-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;gap:8px}.field-item-content{flex:1;display:flex;flex-direction:column;gap:6px}.field-item-actions{display:flex;gap:4px;flex-shrink:0}.edit-field-btn{width:24px;height:24px;padding:0;background:#f3f4f6;color:#374151;border:none;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.edit-field-btn:hover{background:#e5e7eb}.field-name-edit-input{padding:4px 8px;border:1px solid #667eea;border-radius:4px;font-size:13px;width:100%}.field-options-editable{display:flex;flex-direction:column}.options-tags-row{display:flex;flex-wrap:wrap;gap:4px}.remove-field-btn{width:24px;height:24px;padding:0;background:#fee;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;font-size:18px;line-height:1}.remove-field-btn:hover{background:#fecaca}.types-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.type-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.type-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.type-card-header h4{margin:0;color:#111827;font-size:16px;font-weight:600}.type-fields{display:flex;flex-direction:column;gap:8px}.type-fields strong{color:#374151;font-size:13px}.field-tag{display:inline-block;padding:4px 10px;background:#f3f4f6;color:#374151;border-radius:4px;font-size:12px;margin:4px 4px 0 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#111827;font-size:20px;font-weight:600}.modal-close{width:32px;height:32px;padding:0;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:24px;line-height:1;color:#6b7280}.modal-close:hover{background:#e5e7eb}.inventory-form,.checkout-form{padding:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-fields-form{margin:20px 0;padding:20px;background:#f9fafb;border-radius:8px}.custom-fields-form h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.instances-form{margin:20px 0;padding:20px;background:#f9fafb;border-radius:8px}.instances-form h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.instance-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.instance-number{min-width:40px;color:#6b7280;font-weight:600;font-size:14px}.instance-row input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.checkout-items-section{margin:24px 0}.checkout-items-section h4{margin:0 0 12px;color:#111827;font-size:16px;font-weight:600}.available-items-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:8px}.available-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:4px;transition:background .2s}.available-item:hover{background:#f9fafb}.item-info{display:flex;flex-direction:column;gap:4px}.item-info strong{color:#111827;font-size:14px}.available-qty{color:#6b7280;font-size:12px}.add-item-btn{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.add-item-btn:hover:not(:disabled){background:#5568d3}.add-item-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.selected-items-section{margin:24px 0}.selected-items-section h4{margin:0 0 12px;color:#111827;font-size:16px;font-weight:600}.selected-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-bottom:12px}.selected-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-item-header strong{color:#111827;font-size:15px}.remove-item-btn{width:28px;height:28px;padding:0;background:#fee;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;font-size:20px;line-height:1}.remove-item-btn:hover{background:#fecaca}.item-checkout-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-group{display:flex;flex-direction:column;gap:6px}.detail-group label{color:#6b7280;font-size:13px;font-weight:500}.detail-group input,.detail-group select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.options-section{margin-top:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.options-section label{display:block;margin-bottom:8px;color:#374151;font-size:13px;font-weight:600}.option-input-row{display:flex;gap:8px;margin-bottom:12px}.option-input-row input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.add-option-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.add-option-btn:hover{background:#059669}.options-list{display:flex;flex-wrap:wrap;gap:8px}.option-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#e8ebfa;color:#667eea;border-radius:4px;font-size:13px;font-weight:500}.remove-option-btn{width:18px;height:18px;padding:0;background:#667eea;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-option-btn:hover{background:#5568d3}.field-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.field-item-content{display:flex;flex-direction:column;gap:6px;flex:1}.field-name{color:#111827;font-weight:500}.field-options{color:#6b7280;font-size:12px}.field-display{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.field-options-display{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}.option-badge{padding:4px 8px;background:#e8ebfa;color:#667eea;border-radius:3px;font-size:11px;font-weight:500}.subtype-badge{padding:4px 8px;background:#dbeafe;color:#1e40af;border-radius:3px;font-size:11px;font-weight:500;margin-right:4px;margin-bottom:4px;display:inline-block}.type-subtypes{margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.subtypes-display{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.subtypes-section{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:6px}.subtypes-section h5{margin:0 0 5px;font-size:14px;color:#374151}.help-text-small{font-size:12px;color:#6b7280;margin:0 0 10px}.subtype-input-row{display:flex;gap:8px;margin-bottom:10px}.subtype-input-row input{flex:1}.subtypes-list{display:flex;flex-wrap:wrap;gap:6px}.status-filter-bar{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px}.filter-btn{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.filter-btn:hover{border-color:#3b82f6;background:#eff6ff}.filter-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff;font-weight:500}.card-title-row{display:flex;align-items:center;gap:10px;flex:1}.status-badge-inline{padding:4px 10px;border-radius:12px;font-size:12px;color:#fff;font-weight:500;white-space:nowrap}.status-btn-small{padding:4px 10px;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.status-btn-small:hover{background:#4b5563}.status-manager-modal{max-width:600px;max-height:90vh;overflow-y:auto}.item-name{color:#6b7280;font-size:14px;margin-top:4px}.current-status-display{display:flex;align-items:center;gap:12px;padding:15px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.status-label{font-weight:500;color:#374151}.status-badge-large{padding:8px 16px;border-radius:16px;color:#fff;font-weight:500;font-size:14px}.status-form{margin-bottom:30px}.status-history{border-top:2px solid #e5e7eb;padding-top:20px;margin-top:20px}.status-history h4{margin-bottom:15px;color:#374151}.history-timeline{display:flex;flex-direction:column;gap:15px}.history-entry{padding:15px;background:#f9fafb;border-radius:8px;border-left:4px solid #e5e7eb}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;color:#fff;font-weight:500}.history-date{font-size:12px;color:#6b7280}.history-details{font-size:14px}.history-user{color:#374151;margin-bottom:5px}.history-reason{color:#6b7280;margin-bottom:5px}.history-notes{color:#4b5563;font-style:italic;padding:8px;background:#fff;border-radius:4px;margin-top:8px}.checkin-form-modal{max-width:800px;max-height:90vh;padding:24px;overflow-y:auto}.checkout-info{color:#6b7280;font-size:14px;margin-top:4px}.checkin-instructions{background:#eff6ff;border-left:4px solid #3b82f6;padding:12px 16px;margin-bottom:20px;border-radius:4px}.checkin-instructions p{margin:0;color:#1e40af;font-size:14px}.checkin-items-section{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.checkin-item-card{border:2px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.checkin-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.instance-label{color:#667eea;font-weight:500}.serial-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.instance-status-selector{margin-bottom:12px}.instance-status-selector label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.instance-status-options{display:flex;flex-wrap:wrap;gap:8px}.instance-status-btn{padding:8px 14px;border:2px solid #e5e7eb;border-radius:6px;background:#f9fafb;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.instance-status-btn:hover{border-color:#9ca3af;background:#f3f4f6}.instance-status-btn.active{border-width:2px}} .checkin-item-header h4{margin:0 0 8px;color:#111827}.quantity-badge{display:inline-block;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500;color:#374151;margin-right:8px}.condition-badge-small{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;color:#fff;font-weight:500}.condition-badge-large{padding:8px 16px;border-radius:16px;color:#fff;font-weight:500;font-size:14px;white-space:nowrap}.checkin-item-details{display:flex;flex-direction:column;gap:16px}.condition-selector{display:flex;flex-direction:column;gap:6px}.condition-selector label{font-weight:500;color:#374151;font-size:14px}.condition-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;max-width:200px}.quantity-breakdown{background:#f9fafb;padding:16px;border-radius:6px;border:1px solid #e5e7eb}.quantity-breakdown h5{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.breakdown-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.breakdown-field{display:flex;flex-direction:column;gap:6px}.breakdown-field label{font-size:13px;font-weight:500;color:#4b5563}.breakdown-field input{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.breakdown-summary{padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #d1d5db;font-size:13px;font-weight:500;color:#374151}.item-notes-field{display:flex;flex-direction:column;gap:6px}.item-notes-field label{font-weight:500;color:#374151;font-size:14px}.item-notes-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.checkin-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.checkin-btn:hover{background:#059669}.inventory-list{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.inventory-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.inventory-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s;cursor:pointer}.inventory-table tbody tr:hover{background:#f9fafb}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table td{padding:16px;font-size:14px;color:#374151}.item-name-cell{display:flex;flex-direction:column;gap:4px}.item-name-cell strong{color:#111827;font-size:15px}.item-description-preview{font-size:13px;color:#6b7280;line-height:1.4}.quantity-display{display:flex;align-items:center;gap:6px;font-size:14px}.available-qty{color:#10b981;font-weight:600;font-size:16px}.qty-separator{color:#d1d5db}.total-qty{color:#6b7280}.status-badge-table{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;color:#fff;font-weight:500;white-space:nowrap}.actions-cell{display:flex;gap:8px}.action-btn-table{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn-table.status-btn{background:#6b7280;color:#fff}.action-btn-table.status-btn:hover{background:#4b5563}.action-btn-table.edit-btn{background:#3b82f6;color:#fff}.action-btn-table.edit-btn:hover{background:#2563eb}.action-btn-table.delete-btn{background:#ef4444;color:#fff}.action-btn-table.delete-btn:hover{background:#dc2626}.item-details-modal{max-width:700px;max-height:90vh;overflow-y:auto;padding:24px}.item-details-content{display:flex;flex-direction:column;gap:24px;margin-bottom:20px}.details-section{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.details-section:last-child{border-bottom:none;padding-bottom:0}.details-section h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item .detail-value{font-size:14px;color:#111827}.description-text{margin:0;color:#374151;line-height:1.6;font-size:14px}.instances-list{display:flex;flex-direction:column;gap:10px}.instance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.instance-info{display:flex;flex-direction:column;gap:4px}.instance-info strong{color:#111827;font-size:14px}.serial-number{font-size:12px;color:#6b7280}.instance-status-badge{padding:4px 10px;border-radius:12px;font-size:11px;color:#fff;font-weight:500}.instance-item-detailed{background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;overflow:hidden}.instance-item-row{display:flex;justify-content:space-between;align-items:center;padding:12px}.instance-item-actions{display:flex;align-items:center;gap:8px}.instance-change-btn{width:28px;height:28px;padding:0;background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.instance-change-btn:hover{background:#e5e7eb}.instance-status-change{display:flex;gap:8px;padding:10px 12px;background:#f3f4f6;border-top:1px solid #e5e7eb;align-items:center}.instance-status-change select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff}.instance-status-change input{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.instance-status-change .submit-btn{padding:6px 12px;font-size:13px}.history-timeline-compact{display:flex;flex-direction:column;gap:12px}.history-entry-compact{padding:12px;background:#f9fafb;border-radius:6px;border-left:3px solid #e5e7eb}.history-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-reason-compact{margin:4px 0;font-size:13px;color:#4b5563;font-weight:500}.history-notes-compact{margin:4px 0;font-size:13px;color:#6b7280;font-style:italic}.modal-actions{display:flex;gap:10px;padding-top:20px;border-top:2px solid #e5e7eb}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.status-action{background:#6b7280;color:#fff}.action-btn.status-action:hover{background:#4b5563}.action-btn.edit-action{background:#3b82f6;color:#fff}.action-btn.edit-action:hover{background:#2563eb}.action-btn.delete-action{background:#ef4444;color:#fff}.action-btn.delete-action:hover{background:#dc2626}.list-controls{display:flex;gap:10px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px}.control-btn{padding:6px 14px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.control-btn:hover{background:#f3f4f6;border-color:#9ca3af}.type-group{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.type-group-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;cursor:pointer;transition:background .2s;border-bottom:1px solid #e5e7eb}.type-group-header:hover{background:#f3f4f6}.type-header-left{display:flex;align-items:center;gap:12px}.expand-icon{font-size:12px;color:#6b7280;transition:transform .2s;display:inline-block;width:16px}.expand-icon.expanded{transform:rotate(90deg)}.type-name{margin:0;font-size:16px;font-weight:600;color:#111827}.type-count{padding:4px 10px;background:#e5e7eb;border-radius:12px;font-size:12px;font-weight:500;color:#4b5563}.type-header-right{display:flex;align-items:center;gap:16px}.type-quantity{display:flex;align-items:center;gap:6px;font-size:15px;padding:6px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.type-group-content{background:#fff}.type-group-content .inventory-table{border-radius:0;box-shadow:none}.type-group-content .inventory-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.type-group-content .inventory-table th{padding:12px 20px;font-size:12px}.type-group-content .inventory-table td{padding:14px 20px}.type-group-content .inventory-table tbody tr:last-child{border-bottom:none}.rooms-manager-modal{max-width:800px;max-height:90vh;overflow-y:auto}.event-info{color:#6b7280;font-size:14px;margin-top:4px}.rooms-manager-content{display:flex;flex-direction:column;gap:20px}.add-room-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.add-room-btn:hover{background:#2563eb}.room-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.room-form-card h4{margin:0 0 16px;color:#111827}.rooms-list{display:flex;flex-direction:column;gap:16px}.room-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s}.room-card:hover{box-shadow:0 2px 8px #0000001a}.room-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.room-card-header h4{margin:0 0 8px;color:#111827;font-size:16px}.capacity-badge{display:inline-block;padding:4px 10px;background:#eff6ff;color:#1e40af;border-radius:12px;font-size:12px;font-weight:500}.room-actions{display:flex;gap:8px}.room-description{margin:0 0 12px;color:#4b5563;line-height:1.5;font-size:14px}.room-notes{background:#fef3c7;border-left:3px solid #f59e0b;padding:12px;border-radius:4px;margin-bottom:12px}.room-notes strong{display:block;margin-bottom:4px;color:#92400e;font-size:13px}.room-notes p{margin:0;color:#78350f;font-size:13px;line-height:1.5}.room-meta{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.empty-state p{margin:0 0 8px;font-size:16px;font-weight:500;color:#374151}.empty-state span{font-size:14px}.loading-message{text-align:center;padding:40px 20px;color:#6b7280}.rooms-btn-small{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.rooms-btn-small:hover{background:#059669}.clone-btn-small{padding:6px 12px;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.clone-btn-small:hover{background:#4f46e5}.clone-btn-small:disabled{opacity:.6;cursor:not-allowed}.event-edit-form{display:flex;flex-direction:column;gap:10px}.event-edit-form input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.event-edit-form input:focus{outline:none;border-color:#667eea}.event-actions{display:flex;gap:8px;align-items:center}.layout-designer-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#f9fafb;z-index:1000;display:flex;flex-direction:column}.layout-designer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:20px}.back-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.back-btn:hover{background:#e5e7eb;border-color:#9ca3af}.header-info h2{margin:0;font-size:20px;color:#111827}.header-info .room-info{color:#6b7280;font-size:14px;margin-top:4px}.header-actions{display:flex;gap:12px}.save-btn{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.save-btn:hover:not(:disabled){background:#059669}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-btn-success{background:#10b981;animation:pulse-success .5s ease-in-out}.save-btn-error{background:#ef4444}@keyframes pulse-success{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.layout-designer-workspace{display:flex;flex:1;overflow:hidden}.designer-sidebar{width:280px;background:#fff;border-right:2px solid #e5e7eb;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-section h3{margin:0;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.tool-group-vertical{display:flex;flex-direction:column;gap:8px}.tool-btn-large{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#374151}.tool-btn-large:hover{border-color:#3b82f6;background:#eff6ff}.tool-btn-large.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.tool-btn-large:disabled{opacity:.5;cursor:not-allowed}.tool-btn-large.delete-btn{background:#fee2e2;border-color:#fecaca;color:#991b1b}.tool-btn-large.delete-btn:hover:not(:disabled){background:#fecaca;border-color:#ef4444}.tool-icon{font-size:20px}.tool-label{flex:1;text-align:left}.sidebar-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.sidebar-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.settings-group{display:flex;flex-direction:column;gap:12px}.settings-group label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:#374151}.mode-buttons-vertical{display:flex;flex-direction:column;gap:8px}.mode-btn-large{padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#374151;text-align:left}.mode-btn-large:hover{border-color:#3b82f6;background:#eff6ff}.mode-btn-large.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.legend-list{display:flex;flex-direction:column;gap:8px}.legend-list .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.legend-list .legend-color{width:24px;height:24px;border-radius:4px}.legend-list .legend-line{width:30px;height:2px;background:#ef4444;border-top:2px dashed #ef4444}.legend-divider{font-size:12px;font-weight:600;color:#9ca3af;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.designer-canvas-area{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.canvas-scroll-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:center;padding:40px}.canvas-info{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:16px}.zoom-controls{position:absolute;bottom:20px;right:20px;z-index:10;display:flex;align-items:center;gap:8px;background:#fffffff2;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.zoom-btn{width:32px;height:32px;border:none;background:#3b82f6;color:#fff;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.zoom-btn:hover{background:#2563eb}.zoom-btn:active{background:#1d4ed8}.zoom-level{min-width:50px;text-align:center;font-size:14px;font-weight:600;color:#374151}.zoom-reset-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.zoom-reset-btn:hover{background:#f3f4f6;border-color:#9ca3af}.multi-select-info{font-size:14px;font-weight:600;color:#3b82f6;margin:0 0 8px}.help-text{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.equipment-info{background:#f9fafb;padding:8px;border-radius:4px;margin-top:8px}.equipment-info p{margin:4px 0;font-size:12px;color:#374151}.divider{height:1px;background:#e5e7eb;margin:12px 0}.layers-list{display:flex;flex-direction:column;gap:8px}.layer-item{padding:0}.layer-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;-webkit-user-select:none;user-select:none}.layer-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.layer-checkbox span{flex:1}.layer-hidden{color:#9ca3af;text-decoration:line-through}.grid-indicator,.scale-indicator{background:#fffffff2;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#374151;box-shadow:0 2px 8px #0000001a}.layout-canvas{cursor:crosshair;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:8px}.layout-btn-small{padding:6px 12px;background:#8b5cf6;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.layout-btn-small:hover{background:#7c3aed}.dimensions-badge{display:inline-block;padding:4px 10px;background:#f3e8ff;color:#6b21a8;border-radius:12px;font-size:12px;font-weight:500;margin-left:8px}.cable-type-selector{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px}.cable-type-selector label{font-size:13px;font-weight:500;color:#374151;white-space:nowrap}.cable-type-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.element-properties .cable-type-select{width:100%}.legend-section{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.legend-section strong{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.legend-section .legend-item{margin-left:8px}.draw-mode-selector{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px}.draw-mode-selector label{font-size:13px;font-weight:500;color:#374151;white-space:nowrap}.mode-buttons{display:flex;gap:4px}.mode-btn{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;color:#374151}.mode-btn:hover{border-color:#3b82f6;background:#eff6ff}.mode-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.grid-size-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff;cursor:pointer;width:120px}.dimension-inputs label{min-width:100px}.canvas-container{position:relative}.container-manager{padding:0}.container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.container-header h3{margin:0}.containers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.container-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.container-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.container-card-header h4{margin:0;font-size:16px}.container-item-count{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:12px}.container-description{font-size:13px;color:#64748b;margin:0 0 12px}.container-card-items{border-top:1px solid #f1f5f9;padding-top:8px;margin-bottom:12px}.container-card-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.container-card-qty{color:#64748b;font-weight:600}.container-card-actions{display:flex;gap:8px;border-top:1px solid #f1f5f9;padding-top:12px}.container-items-list{display:flex;flex-direction:column;gap:6px}.container-item-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f8fafc;border-radius:6px;font-size:13px}.container-item-name{flex:1}.delete-btn-small{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}.delete-btn-small:hover{background:#fee2e2}.item-container-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.container-tag{font-size:11px;background:#eff6ff;color:#3b82f6;padding:1px 8px;border-radius:10px;white-space:nowrap}.container-form-item{background:#f8fafc;border-radius:8px;padding:8px;margin-bottom:6px}.instance-checkboxes{display:flex;flex-direction:column;gap:4px;padding:8px 8px 4px}.instance-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;padding:4px 0}.instance-checkbox-label input[type=checkbox]{margin:0}.serial-hint{color:#94a3b8;font-size:11px}.instance-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:auto}.instance-status-dot.available{background:#10b981}.instance-status-dot.damaged{background:#f59e0b}.instance-status-dot.in_repair{background:#3b82f6}.instance-status-dot.missing{background:#8b5cf6}.instance-status-dot.disposed{background:#ef4444}.instance-status-dot.checked_out{background:#f97316}.site-admin{padding:0}.admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.admin-table{width:100%;border-collapse:collapse;margin-top:12px}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f1f5f9}.admin-table th{font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600}.success-msg{background:#ecfdf5;color:#065f46;padding:10px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.import-file-info{background:#f8fafc;padding:12px 16px;border-radius:8px;font-size:14px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-label input[type=radio]{margin:0}.import-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:12px}.summary-item{background:#f8fafc;padding:10px 14px;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:13px;color:#64748b;text-transform:capitalize}.summary-count{font-weight:600;font-size:14px}.conflicts-list{display:flex;flex-direction:column;gap:8px}.conflict-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;gap:12px}.conflict-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.conflict-type-badge{font-size:11px;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:10px;white-space:nowrap}.conflict-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conflict-actions{display:flex;gap:6px;flex-shrink:0}.conflict-btn{font-size:12px;padding:4px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;white-space:nowrap}.conflict-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.conflict-btn.skip.active{background:#6b7280;border-color:#6b7280}.layout-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-scroll-container{overflow:hidden;position:relative;flex:1;cursor:default}.canvas-scroll-container.panning{cursor:grab}.canvas-scroll-container.panning:active{cursor:grabbing}.layout-designer-page{touch-action:manipulation}@media (max-width: 1024px){.layout-designer-workspace{flex-direction:column}.designer-sidebar{flex-direction:row;flex-wrap:wrap;max-height:200px;overflow-y:auto;width:100%}.designer-sidebar .sidebar-section{min-width:150px;flex:1}.designer-canvas-area{flex:1;min-height:400px}}.dropdown-version{padding:6px 12px;font-size:11px;color:#94a3b8;text-align:center}[data-theme=dark] .login-container{background:var(--card-bg);box-shadow:0 10px 40px var(--shadow)}[data-theme=dark] .login-form h2{color:var(--text-primary)}[data-theme=dark] .login-form input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=dark] .navbar{background:var(--navbar-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .nav-link{color:var(--text-secondary)}[data-theme=dark] .nav-link.active,[data-theme=dark] .nav-link:hover,[data-theme=dark] .team-button,[data-theme=dark] .user-button{color:var(--text-primary)}[data-theme=dark] .team-dropdown,[data-theme=dark] .user-dropdown{background:var(--dropdown-bg);border-color:var(--border-color);box-shadow:0 4px 12px var(--shadow)}[data-theme=dark] .dropdown-item{color:var(--text-primary)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-hover)}[data-theme=dark] .dropdown-divider{border-color:var(--border-color)}[data-theme=dark] .dashboard-content-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .inventory-tab{color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .inventory-tab.active{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=dark] .type-group-header{background:var(--bg-tertiary)}[data-theme=dark] .inventory-table th{background:var(--table-header-bg);color:var(--text-secondary)}[data-theme=dark] .inventory-table td{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .inventory-row:hover{background:var(--table-row-hover)}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-content{background:var(--modal-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .item-details-modal{background:var(--modal-bg)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=dark] label{color:var(--text-primary)}[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .container-card,[data-theme=dark] .checkout-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .container-item-row{background:var(--bg-tertiary)}[data-theme=dark] .admin-section{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .admin-table th{color:var(--text-secondary)}[data-theme=dark] .admin-table td{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .conflict-row{background:#422006;border-color:#854d0e}[data-theme=dark] .import-file-info,[data-theme=dark] .summary-item,[data-theme=dark] .container-form-item{background:var(--bg-tertiary)}[data-theme=dark] .event-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .details-section{border-color:var(--border-color)}[data-theme=dark] .filter-btn{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .filter-btn.active{background:var(--accent);color:#fff}[data-theme=dark] .error{background:#450a0a;color:#fca5a5}[data-theme=dark] .success-msg{background:#052e16;color:#86efac}[data-theme=dark] .container-tag{background:#1e1b4b;color:#a5b4fc}[data-theme=dark] .type-group{border-color:var(--border-color)}.theme-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;text-align:left}.theme-toggle:hover{background:var(--bg-hover)}.user-settings{max-width:600px}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:24px;margin-bottom:16px}.settings-card h3{margin:0 0 16px;font-size:16px}.settings-info{display:flex;justify-content:space-between;align-items:center}.settings-label{color:var(--text-secondary);font-size:14px}.settings-value{font-weight:600}.password-form .form-group{margin-bottom:14px}.password-form .form-group label{display:block;margin-bottom:4px;font-size:13px;color:var(--text-secondary)}.password-form .form-group input{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--text-primary)}.password-form .submit-btn{margin-top:8px}