:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-color:#f1f5f9;--card-bg:#ffffff;--text-color:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--sidebar-bg:#1e293b;--sidebar-text:#94a3b8;--sidebar-active:#2563eb;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container,.sidebar{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--sidebar-bg);position:fixed;left:0;top:0;flex-direction:column}.sidebar-logo{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo h1{color:white;font-size:1.25rem;font-weight:700}.sidebar-logo span{color:var(--primary-color)}.sidebar-nav{flex:1 1;padding:1rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{color:var(--sidebar-text);font-size:.75rem;font-weight:600;text-transform:uppercase;padding:0 1.5rem;margin-bottom:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--sidebar-text);text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{background-color:rgba(255,255,255,.05);color:white}.nav-link.active{border-left:3px solid var(--primary-color);background-color:rgba(37,99,235,.1)}.nav-link svg{width:20px;height:20px}.main-content{flex:1 1;margin-left:260px;min-height:100vh}.header{background-color:var(--card-bg);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.5rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.content{padding:2rem}.card{background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.125rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--card-bg);padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);align-items:flex-start;gap:1rem}.stat-card,.stat-icon{border-radius:.5rem;display:flex}.stat-icon{width:48px;height:48px;align-items:center;justify-content:center}.stat-icon.blue{background-color:#dbeafe;color:var(--primary-color)}.stat-icon.green{background-color:#dcfce7;color:var(--success-color)}.stat-icon.orange{background-color:#fed7aa;color:var(--warning-color)}.stat-icon.red{background-color:#fecaca;color:var(--danger-color)}.stat-content h3{font-size:.875rem;color:var(--text-muted);font-weight:500}.stat-content p{font-size:1.5rem;font-weight:700;color:var(--text-color)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input.error,.form-select.error{border-color:var(--danger-color)}.form-error{color:var(--danger-color);font-size:.75rem;margin-top:.25rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:white}.btn-secondary:hover{background-color:#475569}.btn-success{background-color:var(--success-color);color:white}.btn-danger{background-color:var(--danger-color);color:white}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:var(--bg-color)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-muted)}.table th,.table tr:hover{background-color:var(--bg-color)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-primary{background-color:#dbeafe;color:var(--primary-color)}.badge-success{background-color:#dcfce7;color:var(--success-color)}.badge-warning{background-color:#fef3c7;color:#d97706}.badge-danger{background-color:#fecaca;color:var(--danger-color)}.badge-secondary{background-color:#f1f5f9;color:var(--secondary-color)}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--card-bg);border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#3730a3)}.auth-card{background-color:var(--card-bg);border-radius:.75rem;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-size:1.75rem;font-weight:700;color:var(--text-color)}.auth-logo span{color:var(--primary-color)}.auth-logo p{color:var(--text-muted);margin-top:.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#eff6ff,#f3f4f6);padding:1rem}.login-container{width:100%;max-width:28rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo-wrap{display:inline-block;animation:loginLogoAnim .6s ease-out}.login-logo{width:72px;height:72px;border-radius:.75rem}.login-title{font-size:1.5rem;font-weight:700;color:#111827;margin-top:1rem;animation:loginFadeUp .5s ease-out .1s both}.login-subtitle{color:#6b7280;margin-top:.25rem;animation:loginFadeUp .5s ease-out .2s both}.login-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:2rem;animation:loginFadeUp .5s ease-out .3s both}.login-card-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.login-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.login-tab{flex:1 1;padding:10px;text-align:center;font-size:13px;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.login-tab:hover{color:#374151}.login-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.login-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.login-logo-icon{color:#2563eb}.login-success{text-align:center;padding:20px 0}.login-success h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.login-success p{font-size:13px;color:#6b7280;margin:0 0 20px;line-height:1.5}.login-loading{justify-content:center;height:200px;color:#9ca3af;font-size:14px}.login-error,.login-loading{display:flex;align-items:center}.login-error{gap:.5rem;padding:.75rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.login-field input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.login-field input::placeholder{color:#9ca3af}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:2.5rem}.login-eye-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;padding:0;display:flex}.login-eye-btn:hover{color:#4b5563}.login-submit{width:100%;padding:.625rem;background:#2563eb;color:#fff;font-weight:500;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .15s}.login-submit:hover{background:#1d4ed8}.login-submit:disabled{background:#93c5fd;cursor:not-allowed}.login-forgot{margin-top:1rem;text-align:center}.login-forgot a{font-size:.875rem;color:#2563eb;text-decoration:none}.login-forgot a:hover{color:#1e40af}.login-footer{text-align:center;font-size:.75rem;color:#9ca3af;margin-top:1.5rem;animation:loginFadeUp .5s ease-out .4s both}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loginLogoAnim{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modern-shell{display:flex;flex-direction:column;height:100vh;background:#f5f7fa}.modern-topnav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;z-index:40}.modern-topnav-left{display:flex;align-items:center;gap:.75rem}.modern-topnav-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:.5rem;cursor:pointer;color:#374151;transition:background .15s}.modern-topnav-menu-btn:hover{background:#f3f4f6}.modern-topnav-brand{display:flex;align-items:center;gap:.5rem}.modern-topnav-logo{width:32px;height:32px;border-radius:.375rem}.modern-topnav-title{font-size:1.125rem;font-weight:700;color:#111827;letter-spacing:-.01em}.modern-topnav-center{flex:1 1;max-width:480px;margin:0 2rem}.modern-search{position:relative;width:100%}.modern-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.modern-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #e5e7eb;border-radius:9999px;font-size:.875rem;background:#f9fafb;outline:none;transition:all .15s}.modern-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.modern-search-input::placeholder{color:#9ca3af}.modern-topnav-right{display:flex;align-items:center;gap:.25rem}.modern-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .15s}.modern-icon-btn:hover{background:#f3f4f6;color:#111827}.modern-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.75rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:transform .15s}.modern-avatar:hover{transform:scale(1.05)}.modern-user-wrap{position:relative}.modern-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:50;overflow:hidden;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1);transform-origin:top right}.modern-user-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem}.modern-user-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modern-user-dropdown-name{font-size:.875rem;font-weight:600;color:#111827}.modern-user-dropdown-email{font-size:.75rem;color:#6b7280}.modern-user-dropdown-divider{height:1px;background:#e5e7eb}.modern-user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;font-size:.875rem;color:#374151;cursor:pointer;transition:background .1s}.modern-user-dropdown-item:hover{background:#f9fafb;color:#ef4444}.profile-preview-wrap{position:relative}.profile-preview-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:9999px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:12px;font-weight:500;color:#374151;transition:all .15s;white-space:nowrap}.profile-preview-btn:hover{background:#f3f4f6;border-color:#d1d5db}.profile-preview-btn.active{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.profile-preview-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.profile-preview-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:1000;overflow:hidden}.profile-preview-dropdown-header{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px 6px}.profile-preview-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:none;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .1s}.profile-preview-dropdown-item:hover{background:#f9fafb}.profile-preview-dropdown-item.active{background:#eff6ff;color:#2563eb;font-weight:600}.profile-preview-dropdown-item.exit{color:#dc2626;border-bottom:1px solid #f3f4f6;padding-bottom:10px;margin-bottom:2px}.profile-preview-dropdown-item.exit:hover{background:#fef2f2}.profile-preview-dropdown-name{flex:1 1}.profile-preview-dropdown-badge{font-size:9px;font-weight:600;padding:1px 6px;border-radius:8px;background:#f0fdf4;color:#15803d}.profile-preview-banner{position:fixed;top:56px;left:0;right:0;height:32px;background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;z-index:999}.profile-preview-banner strong{font-weight:700}.profile-preview-banner button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:2px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.profile-preview-banner button:hover{background:rgba(255,255,255,.3)}.modern-tabbar{display:flex;align-items:center;height:36px;background:#e5e7eb;border-bottom:1px solid #d1d5db;padding:4px 4px 0;flex-shrink:0;gap:0}.modern-tabbar-tabs{display:flex;flex:1 1;overflow-x:auto;gap:1px;scrollbar-width:none}.modern-tabbar-tabs::-webkit-scrollbar{display:none}.modern-tabbar-tab{display:flex;align-items:center;gap:6px;padding:0 12px;height:32px;min-width:120px;max-width:200px;background:#d1d5db;border-radius:6px 6px 0 0;cursor:pointer;font-size:12px;color:#374151;flex-shrink:0;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modern-tabbar-tab:hover{background:#e5e7eb}.modern-tabbar-tab.active{background:#fff;color:#111827;font-weight:500}.modern-tabbar-tab-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-tabbar-tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;border-radius:4px;cursor:pointer;color:#9ca3af;flex-shrink:0;opacity:0;transition:all .1s}.modern-tabbar-tab.active .modern-tabbar-tab-close,.modern-tabbar-tab:hover .modern-tabbar-tab-close{opacity:1}.modern-tabbar-tab-close:hover{background:#e5e7eb;color:#ef4444}.modern-tabbar-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:28px;border:none;background:none;cursor:pointer;color:#6b7280;flex-shrink:0}.modern-tabbar-arrow:hover{color:#111827}.modern-tabbar-add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:4px;flex-shrink:0;margin-left:2px}.modern-tabbar-add:hover{background:#d1d5db;color:#111827}.modern-body{display:flex;flex:1 1;overflow:hidden}.modern-sidebar{width:175px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;transition:width .25s var(--ease-out-expo),transform .25s var(--ease-out-expo);overflow:hidden;z-index:30}.modern-sidebar.closed{width:0;border-right:none}.modern-sidebar.collapsed-icons{width:72px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:30}.modern-sidebar.collapsed-icons .modern-sidebar-inner{flex:1 1;overflow-y:auto;padding:.5rem 0;display:flex;flex-direction:column;align-items:center;gap:2px}.modern-sidebar-icon-item{position:relative;width:100%;display:flex;justify-content:center}.modern-sidebar-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:58px;padding:6px 2px 4px;border:none;background:none;border-radius:.625rem;cursor:pointer;color:#6b7280;transition:all .15s}.modern-sidebar-icon-label{font-size:9px;line-height:1.2;text-align:center;word-break:break-word;max-width:100%}.modern-sidebar-icon-btn.hovered,.modern-sidebar-icon-btn:hover{background:#f3f4f6;color:#111827}.modern-sidebar-icon-btn.has-active{background:#eff6ff;color:#2563eb;position:relative}.modern-sidebar-icon-btn.has-active:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#2563eb;border-radius:0 4px 4px 0}.sidebar-skeleton-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:58px;padding:6px 2px 4px}.sidebar-skeleton-circle{width:22px;height:22px;border-radius:50%}.sidebar-skeleton-circle,.sidebar-skeleton-label{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;animation:sidebar-shimmer 1.2s ease-in-out infinite}.sidebar-skeleton-label{width:32px;height:8px;border-radius:4px;animation-delay:.15s}@keyframes sidebar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-sidebar-icon-item.jiggle{animation:sidebar-jiggle .25s ease-in-out infinite alternate;cursor:-webkit-grab;cursor:grab}.modern-sidebar-icon-item.jiggle:active{cursor:-webkit-grabbing;cursor:grabbing}.modern-sidebar-icon-item.drag-over{border-top:2px solid #2563eb}@keyframes sidebar-jiggle{0%{transform:rotate(-1.5deg) scale(1)}to{transform:rotate(1.5deg) scale(1)}}.modern-sidebar.reorder-active{z-index:60}.modern-sidebar-reorder-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.05)}.modern-sidebar-done-btn{display:flex;align-items:center;justify-content:center;margin:4px 8px 8px;padding:6px;border:none;background:#2563eb;color:#fff;font-size:10px;font-weight:600;border-radius:6px;cursor:pointer}.modern-sidebar-done-btn:hover{background:#1d4ed8}.modern-sidebar-flyout{position:fixed;left:72px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);min-width:200px;z-index:10000;overflow:hidden;top:80px}.modern-sidebar-flyout-header{padding:.625rem 1rem;font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6}.modern-sidebar-flyout-item{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;font-size:.8125rem;color:#374151;cursor:pointer;text-align:left;transition:all .1s}.modern-sidebar-flyout-item:hover{background:#f9fafb;color:#2563eb}.modern-sidebar-flyout-item.active{background:#eff6ff;color:#2563eb;font-weight:500}.modern-sidebar-overlay{display:none}.modern-sidebar-inner{flex:1 1;overflow-y:auto;padding:.5rem 0}.modern-sidebar-inner::-webkit-scrollbar{width:4px}.modern-sidebar-inner::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modern-sidebar-section{margin-bottom:2px}.modern-sidebar-section-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;border:none;background:none;font-size:.8125rem;font-weight:600;color:#374151;cursor:pointer;transition:all .1s}.modern-sidebar-section-btn:hover{background:#f3f4f6}.modern-sidebar-section-btn.has-active{color:#2563eb}.modern-sidebar-section-left{display:flex;align-items:center;gap:.625rem}.modern-sidebar-section-left svg{color:#9ca3af;flex-shrink:0}.modern-sidebar-section-btn.has-active .modern-sidebar-section-left svg{color:#2563eb}.modern-sidebar-children{padding-bottom:.25rem}.modern-sidebar-item{display:block;width:100%;padding:.375rem 1rem .375rem 3rem;background:none;font-size:.8125rem;color:#6b7280;cursor:pointer;text-align:left;transition:all .1s;border:none;border-left:2px solid transparent}.modern-sidebar-item:hover{background:#f9fafb;color:#111827}.modern-sidebar-item.active{background:#eff6ff;color:#2563eb;font-weight:500;border-left-color:#2563eb}.modern-right{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.modern-main{flex:1 1;overflow:auto;animation:pageIn .15s ease-out}@media (max-width:1023px){.modern-sidebar{position:fixed;top:56px;left:0;bottom:0;width:260px;transform:translateX(-100%);z-index:50;box-shadow:none}.modern-sidebar.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.12)}.modern-sidebar.closed{width:260px;border-right:1px solid #e5e7eb}.modern-sidebar-overlay{display:block;position:fixed;inset:0;top:56px;background:rgba(0,0,0,.3);z-index:40}}.zpage{display:flex;flex-direction:column;height:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.zpage-menubar{display:flex;align-items:center;padding:0 .5rem;height:28px;border-bottom:1px solid #e5e7eb;background:#fafafa;gap:0}.zpage-menu-wrap{position:relative}.zpage-menu-trigger{padding:3px 10px;cursor:pointer;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zpage-menu-trigger.active,.zpage-menu-trigger:hover{background:#e5e7eb}.zpage-menu-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:50;min-width:180px;padding:4px 0}.zpage-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:none;font-size:12px;color:#374151;cursor:pointer;text-align:left}.zpage-menu-item:hover{background:#f3f4f6}.zpage-menu-sep{height:1px;background:#e5e7eb;margin:4px 0}.zpage-action-bar{gap:4px;padding:6px 8px;border-bottom:1px solid #e5e7eb}.zpage-action-bar,.zpage-action-btn{display:flex;align-items:center;background:#fff}.zpage-action-btn{gap:5px;padding:5px 12px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;transition:all .1s}.zpage-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.zpage-action-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.zpage-action-btn.primary:hover{background:#1d4ed8}.zpage-action-btn.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.zpage-action-btn.toggled{background:#2563eb;color:#fff;border-color:#2563eb}.zpage-action-sep{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.zpage-toolbar{display:flex;align-items:center;padding:2px 6px;border-bottom:1px solid #e5e7eb;background:#fafafa;gap:1px}.zpage-toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;border-radius:4px;cursor:pointer;transition:all .1s}.zpage-toolbar-btn:hover{background:#e5e7eb;border-color:#d1d5db}.zpage-toolbar-btn.active{background:#dbeafe;border-color:#3b82f6}.zpage-toolbar-sep{width:1px;height:20px;background:#d1d5db;margin:0 4px}.zpage-filters-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid #e5e7eb;background:#fff}.zpage-filters-label{font-size:12px;color:#6b7280}.zpage-filters-select{font-size:12px;padding:2px 6px;border:1px solid #d1d5db;border-radius:4px;background:#fff;outline:none}.zpage-tabs{display:flex;align-items:flex-end;padding:4px 8px 0;border-bottom:1px solid #d1d5db;background:#fff}.zpage-tab{padding:5px 14px;font-size:12px;border:1px solid transparent;border-bottom:none;background:none;cursor:pointer;border-radius:4px 4px 0 0;margin-bottom:-1px;color:#6b7280;transition:all .1s}.zpage-tab:hover{background:#f9fafb;color:#111827}.zpage-tab.active{background:#fff;border-color:#d1d5db #d1d5db #fff;color:#111827;font-weight:500}.zpage-grid{flex:1 1;display:flex;flex-direction:column;border:1px solid #d1d5db;margin:6px 8px 0;overflow:hidden;background:#fff}.zpage-grid-header{display:flex;background:#f9fafb;border-bottom:1px solid #d1d5db;flex-shrink:0}.zpage-grid-th{position:relative;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zpage-grid-th,.zpage-grid-th:last-child{border-right:1px solid #d1d5db}.zpage-grid-th:hover{background:#f3f4f6}.zpage-grid-th-inner{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 8px;font-weight:600;color:#374151;font-size:12px}.zpage-resize-handle{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;z-index:10}.zpage-resize-handle:hover .zpage-resize-line{background:#3b82f6}.zpage-resize-line{position:absolute;top:0;left:4px;width:1px;height:100%;background:transparent;transition:background .1s}.zpage-grid-body{flex:1 1;overflow-y:auto}.zpage-grid-row{display:flex;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .05s}.zpage-grid-row:hover{background:#f0f7ff}.zpage-grid-row.selected{background:#2563eb;color:#fff}.zpage-grid-td{flex-shrink:0;padding:5px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zpage-grid-td,.zpage-grid-td:last-child{border-right:1px solid #e5e7eb}.zpage-grid-totals{display:flex;background:#f9fafb;border-top:2px solid #3b82f6;flex-shrink:0}.zpage-statusbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-top:1px solid #e5e7eb;font-size:11px;color:#6b7280}.zpage-totals-btn{padding:2px 8px;font-size:10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#6b7280;cursor:pointer}.zpage-totals-btn:hover{background:#f3f4f6}.zpage-totals-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.zdetail-pills{display:flex;gap:6px;padding:8px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.zdetail-pill{padding:6px 16px;font-size:12px;font-weight:500;border:none;border-radius:9999px;cursor:pointer;color:#6b7280;background:#f3f4f6;transition:all .15s}.zdetail-pill:hover{background:#e5e7eb;color:#111827}.zdetail-pill.active{background:#2563eb;color:#fff}.zdetail-content{flex:1 1;overflow-y:auto;padding:8px;min-height:100px;align-content:start}.zdetail-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 0;gap:0 0;max-width:800px;position:relative}.zdetail-form:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d1d5db;pointer-events:none}.zdetail-form>.zdetail-field:nth-child(odd){padding-right:14px}.zdetail-form>.zdetail-field:nth-child(2n){padding-left:14px}.zdetail-form.single-col{grid-template-columns:1fr}.zdetail-field{display:flex;align-items:center;gap:4px;min-height:32px;padding:4px 0;border-bottom:1px solid #d1d5db}.zdetail-field.colspan-2{grid-column:1/-1}.zdetail-label{width:110px;flex-shrink:0;font-size:12px;color:#6b7280;text-align:right;padding-right:8px;font-weight:500}.zdetail-input,.zdetail-textarea{flex:1 1;padding:4px 2px;border:none;border-radius:0;font-size:12px;outline:none;background:transparent;transition:all .15s;font-family:inherit;color:#111827}.zdetail-input:focus,.zdetail-textarea:focus{background:#f0f7ff;border-bottom:2px solid #3b82f6;margin-bottom:-2px}select.zdetail-input{padding:4px 0;background:transparent;cursor:pointer}select.zdetail-input:focus{background:#f0f7ff}.zdetail-textarea{resize:vertical;min-height:80px;border:1px solid #e5e7eb;border-radius:4px;padding:6px}.zdetail-textarea:focus{border-color:#3b82f6;background:#fff;margin-bottom:0}.zdetail-value-view{flex:1 1;padding:4px 2px;font-size:12px;color:#111827;background:transparent;min-height:20px}.zdetail-empty{color:#d1d5db}.zdetail-value-readonly{flex:1 1;padding:4px 2px;font-size:12px;color:#6b7280;background:transparent}.zdetail-input.editing,select.zdetail-input.editing{border:1px solid #3b82f6;border-radius:4px;padding:4px 6px;background:#fff;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.zdetail-textarea.editing{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15);background:#fff}.zdetail-related{display:flex;flex-direction:column;height:100%}.zdetail-related-toolbar{display:flex;gap:4px;padding:4px 0}.zdetail-related-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer}.zdetail-related-btn:hover{background:#f3f4f6}.zdetail-related-btn:disabled{opacity:.4;cursor:not-allowed}.zdetail-related-grid{border:1px solid #d1d5db;flex:1 1;display:flex;flex-direction:column;overflow:hidden}.zdetail-related-header{display:flex;background:#f9fafb;border-bottom:1px solid #d1d5db;flex-shrink:0}.zdetail-related-header>div{padding:5px 8px;font-size:11px;font-weight:600;color:#374151;border-right:1px solid #d1d5db;flex-shrink:0}.zdetail-related-body{flex:1 1;overflow-y:auto}.zdetail-related-row{display:flex;border-bottom:1px solid #e5e7eb;cursor:pointer}.zdetail-related-row:hover{background:#f0f7ff}.zdetail-related-row.selected{background:#2563eb;color:#fff}.zdetail-related-row>div{padding:4px 8px;font-size:12px;border-right:1px solid #e5e7eb;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zdetail-split-handle{height:6px;cursor:row-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f9fafb;border-top:1px solid #e5e7eb}.zdetail-split-handle:active .zdetail-split-handle-line,.zdetail-split-handle:hover .zdetail-split-handle-line{background:#3b82f6}.zdetail-split-handle-line{width:40px;height:2px;border-radius:1px;background:#d1d5db;transition:background .15s}.zdetail-accounts{padding:6px 8px;flex:0 0 auto;display:flex;flex-direction:column;overflow:hidden}.zdetail-accounts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.zdetail-accounts-title{font-size:12px;font-weight:600;color:#374151}.zdetail-general-with-links{display:flex;gap:24px;align-items:start}.zdetail-general-with-links .zdetail-form{flex:1 1}.zdetail-quick-links{display:flex;flex-direction:column;gap:4px;padding-top:4px;min-width:140px}.zdetail-quick-link{padding:3px 0;font-size:12px;color:#2563eb;background:none;border:none;cursor:pointer;text-align:left;text-decoration:none}.zdetail-quick-link:hover{color:#1d4ed8;text-decoration:underline}.zdetail-cards{display:flex;flex-wrap:wrap;gap:10px;padding:8px;border-top:1px solid #e5e7eb;flex-shrink:0;overflow-y:auto;align-items:start}.zdetail-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden;width:420px;max-height:220px}.zdetail-card-empty{min-height:180px}.zdetail-card-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.zdetail-card-title{font-size:12px;font-weight:600;color:#111827}.zdetail-card-body{flex:1 1;overflow-y:auto}.zdetail-card-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:12px}.zdetail-card-stat{display:flex;flex-direction:column;gap:2px}.zdetail-card-stat-label{font-size:11px;color:#6b7280;font-weight:500}.zdetail-card-stat-value{font-size:16px;font-weight:600;color:#111827}.datagrid{border:1px solid #d1d5db;flex:1 1;display:flex;flex-direction:column;overflow:hidden}.datagrid-header{display:flex;background:#f9fafb;border-bottom:1px solid #d1d5db;flex-shrink:0}.datagrid-th{position:relative;flex-shrink:0;border-right:1px solid #d1d5db;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s}.datagrid-th:hover{background:#f3f4f6}.datagrid-th.sorted .datagrid-th-inner{color:#2563eb}.datagrid-th.drag-over{background:#dbeafe}.datagrid-th-inner{display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 8px;font-weight:600;color:#374151;font-size:11px}.datagrid-resize{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;z-index:10}.datagrid-resize:hover .datagrid-resize-line{background:#3b82f6}.datagrid-resize-line{position:absolute;top:0;left:4px;width:1px;height:100%;background:transparent;transition:background .1s}.datagrid-body{flex:1 1;overflow-y:auto}.datagrid-row{display:flex;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .05s}.datagrid-row:hover{background:#f0f7ff}.datagrid-row.selected{background:#2563eb;color:#fff}.datagrid-td{flex-shrink:0;padding:4px 8px;border-right:1px solid #e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zdetail-stats-row{display:flex;gap:16px;padding:6px 8px;border-top:1px solid #e5e7eb;flex-shrink:0}.zdetail-stat{display:flex;align-items:center;gap:6px}.zdetail-stat-label{font-size:12px;color:#6b7280}.zdetail-stat-value{font-size:12px;font-weight:500;color:#111827;padding:2px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:.375rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:var(--bg-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:2rem}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input{flex:1 1;min-width:200px;position:relative}.search-input input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem}.search-input svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}@media (max-width:768px){.sidebar{width:70px}.nav-link span,.nav-section-title,.sidebar-logo h1{display:none}.nav-link{justify-content:center;padding:1rem}.main-content{margin-left:70px}.content{padding:1rem}.stats-grid{grid-template-columns:1fr}}.settings-page{display:flex;height:100%;background:#fff}.settings-sidebar{width:200px;border-right:1px solid #e5e7eb;flex-shrink:0;padding:0;background:#fafbfc}.settings-sidebar-header{padding:16px 16px 12px;font-size:16px;font-weight:700;color:#111827}.settings-sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:none;background:none;text-align:left;font-size:13px;color:#6b7280;cursor:pointer;transition:all .1s}.settings-sidebar-item:hover{background:#f3f4f6;color:#111827}.settings-sidebar-item.active{background:#eff6ff;color:#2563eb;font-weight:500}.settings-content{flex:1 1;overflow:auto;min-width:0}.settings-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:4px}.settings-placeholder p{font-size:16px;font-weight:600;color:#6b7280}.settings-placeholder span{font-size:13px}.layout-builder{display:flex;flex-direction:column;height:100%}.layout-builder-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff}.layout-builder-header-left{display:flex;align-items:center;gap:12px}.layout-builder-header-right{display:flex;align-items:center;gap:8px}.layout-builder-name-input{padding:4px 8px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:600;color:#111827;background:transparent;outline:none;transition:all .15s}.layout-builder-name-input:hover{border-color:#e5e7eb;background:#f9fafb}.layout-builder-name-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.layout-builder-page-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#111827;background:#fff;cursor:pointer;outline:none}.layout-builder-page-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.layout-builder-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .1s;background:#fff;color:#374151}.layout-builder-btn:hover{background:#f3f4f6}.layout-builder-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.layout-builder-btn.primary:hover{background:#1d4ed8}.layout-builder-btn.primary:disabled{opacity:.5;cursor:not-allowed}.layout-builder-btn.outline{background:#fff;color:#374151}.layout-builder-btn.danger{background:#fff;color:#dc2626;border-color:#fca5a5;width:100%;justify-content:center}.layout-builder-btn.danger:hover{background:#fef2f2}.layout-builder-body{display:flex;flex:1 1;overflow:hidden}.layout-builder-palette{width:220px;border-right:1px solid #e5e7eb;flex-shrink:0;display:flex;flex-direction:column;background:#fafbfc;overflow-y:auto}.layout-builder-palette-section{border-bottom:1px solid #e5e7eb}.layout-builder-palette-section:last-child{border-bottom:none}.layout-builder-palette-header{padding:14px 12px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;position:-webkit-sticky;position:sticky;top:0;background:#fafbfc;z-index:1}.layout-builder-palette-list{padding:0 8px 8px}.layout-builder-palette-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:4px;background:#fff;cursor:-webkit-grab;cursor:grab;transition:all .15s;color:#374151;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layout-builder-palette-item:hover{border-color:#2563eb;background:#eff6ff}.layout-builder-palette-item:active{cursor:-webkit-grabbing;cursor:grabbing;opacity:.7}.layout-builder-palette-item-label{font-size:12px;font-weight:500}.layout-builder-palette-item-desc{font-size:10px;color:#9ca3af;line-height:1.3}.layout-builder-palette-item.field{gap:8px;padding:6px 10px}.layout-builder-palette-field-name{font-size:12px;font-weight:500}.layout-builder-palette-empty{padding:8px 10px;font-size:11px;color:#9ca3af;font-style:italic}.layout-builder-field-type-badge{display:inline-block;padding:1px 5px;background:#f3f4f6;color:#6b7280;font-size:9px;font-weight:600;text-transform:uppercase;border-radius:3px;flex-shrink:0}.layout-builder-canvas-wrap{flex:1 1;overflow:auto;padding:20px;background:#f3f4f6}.layout-builder-canvas{background:#fff;border:2px dashed #e5e7eb;border-radius:10px;min-height:500px;padding:12px;transition:border-color .15s}.layout-builder-canvas-empty,.layout-builder-canvas:empty{display:flex;align-items:center;justify-content:center}.layout-builder-canvas-empty{flex-direction:column;padding:80px 24px;color:#9ca3af;text-align:center}.layout-builder-canvas-empty p{font-size:14px;margin:12px 0 0}.layout-builder-drop-indicator{height:3px;background:#2563eb;border-radius:2px;margin:2px 0;animation:lb-pulse 1s ease-in-out infinite}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.5}}.layout-builder-drop-zone{height:8px;flex-shrink:0}.layout-builder-section{border:2px solid transparent;border-radius:8px;background:#fff;margin-bottom:4px;transition:all .15s;overflow:hidden}.layout-builder-section:hover{border-color:#93c5fd;box-shadow:0 1px 4px rgba(0,0,0,.05)}.layout-builder-section.selected{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.layout-builder-section-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f9fafb;border-bottom:1px solid #f0f0f0;font-size:12px;font-weight:600;color:#374151}.layout-builder-section-grip{color:#d1d5db;cursor:-webkit-grab;cursor:grab;display:flex;align-items:center;padding:2px;border-radius:3px;transition:color .1s}.layout-builder-section-grip:hover{color:#6b7280;background:#e5e7eb}.layout-builder-section-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.layout-builder-section-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-builder-section-type-badge{font-size:9px;font-weight:600;text-transform:uppercase;color:#9ca3af;padding:1px 5px;background:#f3f4f6;border-radius:3px;letter-spacing:.03em}.layout-builder-section-remove{display:none;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:4px;transition:all .1s}.layout-builder-section:hover .layout-builder-section-remove{display:flex}.layout-builder-section-remove:hover{color:#dc2626;background:#fef2f2}.layout-builder-section-body{padding:0;min-height:40px}.layout-builder-section-placeholder{padding:20px 16px;font-size:13px;color:#9ca3af;text-align:center;font-style:italic}.layout-builder-field-grid{display:grid;grid-gap:0;gap:0;width:100%}.layout-builder-field-grid.cols-1{grid-template-columns:1fr}.layout-builder-field-grid.cols-2{grid-template-columns:1fr 1fr}.layout-builder-field-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.layout-builder-field-cell{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:8px 12px;cursor:pointer;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layout-builder-field-cell:hover{background:#fafbfc}.layout-builder-field-cell.selected{background:#eff6ff}.layout-builder-field-grid.cols-1 .layout-builder-field-cell,.layout-builder-field-grid.cols-2 .layout-builder-field-cell:nth-child(2n),.layout-builder-field-grid.cols-3 .layout-builder-field-cell:nth-child(3n){border-right:none}.layout-builder-field-cell-label{font-size:11px;color:#6b7280;font-weight:500;margin-bottom:3px}.layout-builder-field-cell-value{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1f2937}.layout-builder-field-cell-placeholder{color:#d1d5db}.layout-builder-field-cell{position:relative}.layout-builder-field-cell-remove{display:none;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#fff;cursor:pointer;color:#9ca3af;border-radius:3px;flex-shrink:0;position:absolute;top:4px;right:4px}.layout-builder-field-cell:hover .layout-builder-field-cell-remove{display:flex}.layout-builder-field-cell-remove:hover{color:#dc2626;background:#fef2f2}.layout-builder-field-drop-zone{grid-column:1/-1;padding:24px 16px;text-align:center;font-size:12px;color:#9ca3af;font-style:italic;border:2px dashed #e5e7eb;border-radius:6px;margin:8px;transition:all .15s}.layout-builder-properties{width:240px;border-left:1px solid #e5e7eb;flex-shrink:0;display:flex;flex-direction:column;background:#fafbfc}.layout-builder-properties-header{padding:14px 12px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1px solid #e5e7eb}.layout-builder-properties-body{padding:12px;flex:1 1;overflow-y:auto}.layout-builder-properties-empty{padding:24px 16px;text-align:center;font-size:12px;color:#9ca3af;line-height:1.6}.layout-builder-prop-group{margin-bottom:12px}.layout-builder-prop-group label{display:block;font-size:11px;font-weight:500;color:#6b7280;margin-bottom:4px}.layout-builder-prop-group input[type=text]{width:100%;padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none}.layout-builder-prop-group input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.layout-builder-checkbox-label{display:flex!important;align-items:center;gap:6px;font-size:12px!important;color:#374151!important;cursor:pointer}.layout-builder-checkbox-label input[type=checkbox]{width:auto!important;margin:0;cursor:pointer}.layout-builder-prop-value{font-size:12px;color:#374151;padding:5px 0}.layout-builder-column-picker{display:flex;gap:4px}.layout-builder-col-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .1s}.layout-builder-col-btn:hover{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.layout-builder-col-btn.active{border-color:#2563eb;color:#2563eb;background:#eff6ff}.layout-builder-prop-fields-list{display:flex;flex-direction:column;gap:2px}.layout-builder-prop-field-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;color:#374151}.layout-builder-prop-field-item button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:2px}.layout-builder-prop-field-item button:hover{color:#dc2626}.layout-selector{padding:24px;max-width:800px}.layout-selector-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.layout-selector-header h2{font-size:18px;font-weight:700;color:#111827;margin:0}.layout-selector-header p{font-size:13px;color:#6b7280;margin:4px 0 0}.layout-selector-new-form{margin-bottom:20px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.layout-selector-new-form-inner h3{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.layout-selector-new-fields{display:flex;gap:12px;margin-bottom:12px}.layout-selector-new-fields .layout-builder-prop-group{flex:1 1}.layout-selector-new-actions{display:flex;justify-content:flex-end;gap:8px}.layout-selector-list{gap:16px}.layout-selector-group,.layout-selector-list{display:flex;flex-direction:column}.layout-selector-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:6px}.layout-selector-page-row{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .1s}.layout-selector-page-row:hover{background:#f9fafb}.layout-selector-page-row.no-layouts{opacity:.5}.layout-selector-page-row.no-layouts:hover{opacity:.8}.layout-selector-chevron{color:#9ca3af;flex-shrink:0}.layout-selector-page-name{flex:1 1;font-size:13px;font-weight:600;color:#111827}.layout-selector-page-count{font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.layout-selector-page-empty{display:flex;align-items:center;gap:3px;font-size:11px;color:#9ca3af}.layout-selector-layout-row{display:flex;align-items:center;padding:0 14px 0 36px;border-bottom:1px solid #f9fafb}.layout-selector-layout-content{display:flex;align-items:center;gap:8px;flex:1 1;padding:8px 0;cursor:pointer;transition:background .1s}.layout-selector-layout-content:hover{opacity:.8}.layout-selector-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.layout-selector-status-dot.active{background:#22c55e}.layout-selector-status-dot.inactive{background:#d1d5db}.layout-selector-layout-name{font-size:13px;font-weight:500;color:#374151;flex:1 1}.layout-selector-layout-meta{font-size:11px;color:#6b7280}.layout-selector-layout-meta.inactive{color:#d1d5db;font-style:italic}.layout-selector-item{display:flex;align-items:center;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .1s;margin-bottom:4px;overflow:hidden}.layout-selector-item:hover{border-color:#93c5fd}.layout-selector-item-content{display:flex;align-items:center;gap:12px;padding:12px 14px;flex:1 1;cursor:pointer;transition:background .1s}.layout-selector-item-content:hover{background:#eff6ff}.layout-selector-item-delete{display:flex;align-items:center;justify-content:center;width:40px;height:100%;border:none;border-left:1px solid #e5e7eb;background:none;cursor:pointer;color:#d1d5db;transition:all .1s;padding:12px 0}.layout-selector-item-delete:hover{color:#dc2626;background:#fef2f2}.layout-selector-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;color:#6b7280;flex-shrink:0}.layout-selector-item-content:hover .layout-selector-item-icon{background:#dbeafe;color:#2563eb}.layout-selector-item-info{flex:1 1;min-width:0}.layout-selector-item-name{font-size:14px;font-weight:500;color:#111827}.layout-selector-item-meta{font-size:12px;color:#9ca3af}.layout-selector-item-arrow{color:#d1d5db;flex-shrink:0}.layout-selector-item-content:hover .layout-selector-item-arrow{color:#2563eb}.layout-selector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#9ca3af;text-align:center}.layout-selector-empty p{font-size:16px;font-weight:600;color:#6b7280;margin:12px 0 4px}.layout-selector-empty span{font-size:13px}.layout-builder-module-badge{display:inline-flex;padding:2px 8px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;border-radius:4px}.modules-panel{padding:24px;max-width:700px}.modules-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modules-panel-header h2{font-size:18px;font-weight:700;color:#111827;margin:0}.modules-panel-header p{font-size:13px;color:#6b7280;margin:4px 0 0}.modules-panel-new-form{margin-bottom:20px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.modules-panel-new-form h3{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.modules-panel-new-fields{display:flex;gap:12px;margin-bottom:12px}.modules-panel-new-fields .layout-builder-prop-group{flex:1 1}.modules-panel-new-actions{display:flex;justify-content:flex-end;gap:8px}.modules-panel-list{display:flex;flex-direction:column;gap:2px}.modules-panel-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .1s}.modules-panel-item:hover{background:#f9fafb}.modules-panel-item.editing{border-color:#2563eb;background:#eff6ff}.modules-panel-item-grip{color:#d1d5db;cursor:-webkit-grab;cursor:grab;flex-shrink:0}.modules-panel-item:hover .modules-panel-item-grip{color:#9ca3af}.modules-panel-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;color:#6b7280;flex-shrink:0}.modules-panel-item-name{flex:1 1;font-size:14px;font-weight:500;color:#111827;min-width:0}.modules-panel-item-name input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none}.modules-panel-item-name input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.modules-panel-item-meta{font-size:12px;color:#9ca3af;flex-shrink:0}.modules-panel-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.modules-panel-item-actions.visible{opacity:1}.modules-panel-item.reorder-mode{cursor:-webkit-grab;cursor:grab;animation:module-shake .3s ease-in-out infinite alternate}.modules-panel-item.reorder-mode:nth-child(2n){animation-delay:.15s}.modules-panel-item.drag-over{border-color:#2563eb;background:#eff6ff}.modules-page-wrapper{display:flex;flex-direction:column}.modules-page-fields{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 6px 6px;background:#fafbfc;margin-top:-6px;padding:8px 0}.modules-page-wrapper .modules-panel-item{border-radius:6px}.modules-page-wrapper:has(.modules-page-fields) .modules-panel-item{border-radius:6px 6px 0 0;border-bottom-color:#e5e7eb}.modules-page-fields-header{padding:4px 14px 6px;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.modules-page-fields-list{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 8px}.modules-page-field-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;transition:all .1s}.modules-page-field-chip:hover{border-color:#d1d5db;background:#e5e7eb}.modules-page-field-type{display:inline-block;padding:1px 5px;background:#f3f4f6;border-radius:3px;font-size:9px;font-weight:600;color:#6b7280;text-transform:uppercase}.modules-page-field-name{color:#1f2937;font-weight:500}.modules-page-field-actions{display:flex;gap:2px;margin-left:2px;opacity:0;transition:opacity .1s}.modules-page-field-chip:hover .modules-page-field-actions{opacity:1}.modules-page-field-actions button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:3px}.modules-page-field-actions button:hover{background:#e5e7eb;color:#374151}.modules-page-field-empty{padding:4px 14px 8px;font-size:11px;color:#9ca3af;font-style:italic}.modules-page-field-add-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#fff;border:1px dashed #d1d5db;border-radius:6px;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .1s}.modules-page-field-add-chip:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.modules-page-field-add-form{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#fff;border:1px solid #2563eb;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.modules-page-field-add-form input{width:120px;padding:3px 6px;border:1px solid #e5e7eb;border-radius:4px;font-size:11px}.modules-page-field-add-form input:focus{outline:none;border-color:#2563eb}.modules-page-field-add-form select{padding:3px 4px;border:1px solid #e5e7eb;border-radius:4px;font-size:10px;background:#fff;color:#374151}.modules-page-field-add-form button{display:flex;align-items:center;justify-content:center;padding:3px;border:none;background:none;cursor:pointer;border-radius:3px;color:#6b7280}.modules-page-field-add-form button.confirm{color:#2563eb}.modules-page-field-add-form button.confirm:hover{background:#eff6ff}.modules-page-field-add-form button.cancel{color:#6b7280}.modules-page-field-add-form button.cancel:hover{background:#f3f4f6}.modules-page-field-chip.selected{border-color:#2563eb;background:#eff6ff}.field-popover-backdrop{position:fixed;inset:0;z-index:99}.field-popover{position:fixed;z-index:100;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.06);width:320px;max-height:calc(100vh - 32px);overflow:visible;display:flex;flex-direction:column;animation:popoverIn .12s ease}.field-popover-scroll{overflow-y:auto;max-height:calc(100vh - 32px);border-radius:10px}.field-popover-arrow{position:absolute;left:-10px;width:20px;height:20px;background:#fff;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;transform:translateY(-50%) rotate(45deg);z-index:1}@keyframes popoverIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.field-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.field-modal-body{padding:20px;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:14px}.field-modal-body .layout-builder-prop-group label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.field-modal-body .layout-builder-prop-group input,.field-modal-body .layout-builder-prop-group select{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#1f2937;background:#fff}.field-modal-body .layout-builder-prop-group input:focus,.field-modal-body .layout-builder-prop-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.field-modal-section{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding-top:6px;border-top:1px solid #e5e7eb;margin-top:2px}.field-modal-profile-row{display:flex;align-items:center;gap:12px}.field-modal-profile-name{font-size:12px;font-weight:600;color:#374151;min-width:64px}.field-modal-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;margin-top:4px}.field-modal-save-btn:hover:not(:disabled){background:#1d4ed8}.field-modal-save-btn:disabled{background:#93c5fd;cursor:not-allowed}.field-modal-delete-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.field-modal-delete-btn:hover{background:#fee2e2;border-color:#f87171}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.field-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:110;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .15s ease}.field-confirm-dialog{background:#fff;border-radius:10px;padding:24px;max-width:320px;width:90%;box-shadow:0 8px 30px rgba(0,0,0,.15);text-align:center;animation:modalScaleIn .15s ease}.field-confirm-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:8px}.field-confirm-text{font-size:12px;color:#6b7280;margin-bottom:20px}.field-confirm-actions{display:flex;gap:10px;justify-content:center}.field-confirm-btn{padding:8px 20px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none}.field-confirm-btn.discard{background:#fff;color:#dc2626;border:1px solid #fca5a5}.field-confirm-btn.discard:hover{background:#fef2f2}.field-confirm-btn.save{background:#22c55e;color:#fff}.field-confirm-btn.save:hover{background:#16a34a}@keyframes module-shake{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.modules-panel-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .1s}.modules-panel-action-btn:hover{background:#e5e7eb;color:#111827}.modules-panel-action-btn:disabled{opacity:.3;cursor:not-allowed}.modules-panel-action-btn.delete:hover{background:#fef2f2;color:#dc2626}.modules-panel-action-btn.save{color:#16a34a}.modules-panel-action-btn.save:hover{background:#f0fdf4}.modules-icon-picker-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;color:#374151;width:100%}.modules-icon-picker-btn:hover{border-color:#9ca3af}.modules-icon-picker-btn.compact{width:36px;height:36px;padding:0;justify-content:center;border-radius:8px;background:#f3f4f6}.modules-icon-picker-dropdown{position:absolute;top:100%;left:0;z-index:50;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:4px;width:260px}.modules-icon-picker-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .1s}.modules-icon-picker-option:hover{background:#f3f4f6;color:#111827}.modules-icon-picker-option.active{background:#eff6ff;color:#2563eb}.general-panel{padding:24px;max-width:700px}.general-panel-row{display:grid;grid-template-columns:200px 1fr;grid-gap:32px;gap:32px;padding:24px 0;border-top:1px solid #e5e7eb;align-items:start}.general-panel-row-label{padding-top:6px}.general-panel-row-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:3px}.general-panel-row-desc{font-size:12px;color:#6b7280;line-height:1.4}.general-panel-row-input{min-width:0}.general-panel-row-input input[type=text]{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:100%;max-width:380px}.general-panel-row-input input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.general-panel-logo-area{display:flex;align-items:center;gap:20px}.general-panel-logo-preview{width:72px;height:72px;border-radius:12px;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f9fafb;flex-shrink:0}.general-panel-logo-preview img{width:100%;height:100%;object-fit:contain}.general-panel-logo-preview.has-logo{border-style:solid;border-color:#e5e7eb}.general-panel-logo-actions{display:flex;flex-direction:column;gap:8px}.general-panel-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;color:#374151;transition:all .1s}.general-panel-upload-btn:hover{background:#f3f4f6;border-color:#9ca3af}.general-panel-remove-link{background:none;border:none;color:#dc2626;font-size:11px;cursor:pointer;padding:0;text-align:left}.general-panel-remove-link:hover{text-decoration:underline}.general-panel-logo-hint{font-size:11px;color:#9ca3af}.general-panel-error{font-size:11px;color:#dc2626;margin-top:4px}.general-panel-save-row{display:flex;align-items:center;padding:24px 0}.general-panel-save{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .1s}.general-panel-save:hover{background:#1d4ed8}.general-panel-saved{font-size:12px;color:#22c55e;font-weight:500;margin-left:14px}.users-panel{padding:24px;max-width:700px}.users-panel-list{display:flex;flex-direction:column;gap:6px}.users-panel-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .1s}.users-panel-item:hover{background:#f9fafb}.users-panel-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.users-panel-info{flex:1 1;min-width:0}.users-panel-name{font-size:13px;font-weight:600;color:#111827}.users-panel-email{font-size:12px;color:#6b7280}.users-panel-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#f3f4f6;color:#374151}.users-panel-status{display:flex;align-items:center;gap:5px;font-size:11px;color:#6b7280}.users-panel-status-dot{width:7px;height:7px;border-radius:50%}.users-panel-status-dot.active{background:#22c55e}.users-panel-status-dot.inactive{background:#9ca3af}.users-panel-actions{display:flex;gap:4px;opacity:0;transition:opacity .1s}.users-panel-item:hover .users-panel-actions{opacity:1}.users-panel-new-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.users-panel-new-form h3{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.users-panel-new-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.users-panel-new-fields .layout-builder-prop-group{display:flex;flex-direction:column;gap:4px}.users-panel-new-fields label{font-size:11px;font-weight:600;color:#6b7280}.users-panel-new-fields input,.users-panel-new-fields select{padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px}.users-panel-new-fields input:focus,.users-panel-new-fields select:focus{outline:none;border-color:#2563eb}.users-panel-new-actions{display:flex;gap:8px;justify-content:flex-end}.users-panel-empty{text-align:center;padding:40px 20px;color:#9ca3af}.users-panel-empty p{font-size:14px;font-weight:500;margin:8px 0 4px}.users-panel-empty span{font-size:12px}.users-panel-item{cursor:pointer}.users-panel-item.inactive{opacity:.5}.users-detail{padding:24px;max-width:640px;margin:0 auto}.users-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.users-detail-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;flex-shrink:0}.users-detail-header-info{flex:1 1}.users-detail-header-info h2{font-size:18px;font-weight:700;color:#111827;margin:0}.users-detail-header-info p{font-size:13px;color:#6b7280;margin:2px 0 0}.users-detail-status-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid}.users-detail-status-btn.deactivate{background:#fef2f2;color:#dc2626;border-color:#fecaca}.users-detail-status-btn.deactivate:hover{background:#fee2e2}.users-detail-status-btn.activate{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.users-detail-status-btn.activate:hover{background:#dcfce7}.users-detail-section{margin-bottom:28px}.users-detail-section-title{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.users-detail-fields{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.users-detail-row{display:flex;flex-direction:column;gap:1px;padding:6px 10px;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.users-detail-row:nth-child(2n):not(.full-width){border-right:none}.users-detail-row.full-width{grid-column:1/-1;border-right:none}.users-detail-label{font-size:12px;font-weight:600;color:#6b7280}.users-detail-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;width:100%}.users-detail-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.users-detail-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;width:100%}.users-detail-ssn-wrap{display:flex;align-items:center;gap:8px}.users-detail-ssn-wrap input{flex:1 1}.users-detail-ssn-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;color:#6b7280;flex-shrink:0}.users-detail-ssn-toggle:hover{background:#f3f4f6}.users-detail-save-row{padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px;display:flex;align-items:center;gap:12px}.users-detail-value{font-size:13px;color:#111827;padding:2px 0}.users-detail-value.empty{color:#9ca3af;font-style:italic}.users-detail-header-actions{display:flex;gap:8px;margin-left:auto}.users-quick-toolbar{margin-bottom:20px;padding-bottom:16px}.users-quick-toolbar-label{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.users-quick-toolbar-items{display:flex;gap:8px;min-height:48px;padding:8px;border:1px dashed #d1d5db;border-radius:8px;align-items:center;transition:all .15s}.users-quick-toolbar-items.drag-over{border-color:#2563eb;background:#eff6ff;border-style:solid}.users-quick-toolbar-items.has-items{border-style:solid;border-color:#e5e7eb;padding:6px}.users-quick-toolbar-item{display:flex;flex-direction:column;gap:1px;padding:6px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;position:relative;transition:all .1s;min-width:80px}.users-quick-toolbar-item:hover{background:#f3f4f6;border-color:#d1d5db}.users-quick-toolbar-item-label{font-size:9px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.users-quick-toolbar-item-value{font-size:12px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.users-quick-toolbar-item-remove{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #d1d5db;display:none;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;padding:0}.users-quick-toolbar-item:hover .users-quick-toolbar-item-remove{display:flex}.users-quick-toolbar-item-remove:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.users-quick-toolbar-item-edit{display:flex;align-items:center}.users-quick-toolbar-item-edit input,.users-quick-toolbar-item-edit select{font-size:12px;padding:1px 4px;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;max-width:100px}.users-quick-toolbar-item-edit input:focus,.users-quick-toolbar-item-edit select:focus{border-color:#2563eb}.users-quick-toolbar-empty{font-size:11px;color:#9ca3af;font-style:italic;padding:4px 8px}.users-detail-row[draggable=true]{cursor:-webkit-grab;cursor:grab}.users-detail-row[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.profiles-panel{padding:24px;max-width:800px}.profiles-list{display:flex;flex-direction:column;gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.profiles-list-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;cursor:pointer;transition:background .1s}.profiles-list-item:hover{background:#f9fafb}.profiles-list-item-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.profiles-list-item-info{flex:1 1;min-width:0}.profiles-list-item-name{font-size:14px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.profiles-list-item-desc{font-size:12px;color:#6b7280;margin-top:2px}.profiles-list-item-users{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;flex-shrink:0}.profiles-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.profiles-badge.protected{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.profiles-badge.custom{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.profiles-new-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin-bottom:16px}.profiles-new-form h3{margin:0 0 14px;font-size:14px;font-weight:600;color:#111827}.profiles-new-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.profiles-new-actions{display:flex;gap:8px;justify-content:flex-end}.profiles-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.profiles-detail-header-left{display:flex;align-items:flex-start;gap:12px}.profiles-detail-header-left .layout-builder-btn{margin-top:2px}.profiles-detail-header-info{display:flex;flex-direction:column;gap:4px}.profiles-detail-title-row{display:flex;align-items:center;gap:10px}.profiles-detail-title-row h2{margin:0;font-size:20px;font-weight:700;color:#111827}.profiles-detail-desc{font-size:13px;color:#6b7280;margin:0;cursor:pointer}.profiles-detail-desc:hover{color:#374151}.profiles-detail-header-actions{display:flex;gap:8px;flex-shrink:0}.profiles-inline-edit{display:flex;align-items:center;gap:4px}.profiles-inline-edit input{font-size:14px;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;outline:none;width:200px}.profiles-inline-edit input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.profiles-inline-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer;color:#374151}.profiles-inline-btn:hover{background:#f3f4f6}.profiles-section{margin-bottom:28px}.profiles-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.profiles-users-row{display:flex;flex-wrap:wrap;gap:8px}.profiles-user-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;color:#374151;font-weight:500}.profiles-user-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0}.profiles-empty-hint{font-size:12px;color:#9ca3af;font-style:italic;padding:8px 0}.profiles-module-list{display:flex;flex-direction:column;gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.profiles-module-block{background:#fff}.profiles-module-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .1s}.profiles-module-row:hover{background:#f9fafb}.profiles-module-row-left{display:flex;align-items:center;gap:10px}.profiles-chevron{color:#9ca3af;flex-shrink:0}.profiles-module-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0}.profiles-module-name{font-size:13px;font-weight:600;color:#111827}.profiles-module-meta{font-size:11px;color:#9ca3af}.profiles-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.profiles-toggle input{opacity:0;width:0;height:0;position:absolute}.profiles-toggle-slider{width:36px;height:20px;background:#d1d5db;border-radius:10px;position:relative;transition:background .2s}.profiles-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.profiles-toggle input:checked+.profiles-toggle-slider{background:#2563eb}.profiles-toggle input:checked+.profiles-toggle-slider:after{transform:translateX(16px)}.profiles-toggle input:disabled+.profiles-toggle-slider{opacity:.4;cursor:not-allowed}.profiles-toggle.sm .profiles-toggle-slider{width:30px;height:16px}.profiles-toggle.sm .profiles-toggle-slider:after{width:12px;height:12px}.profiles-toggle.sm input:checked+.profiles-toggle-slider:after{transform:translateX(14px)}.profiles-pages-list{border-top:1px solid #f3f4f6}.profiles-page-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 36px;cursor:pointer;transition:background .1s}.profiles-page-row:hover{background:#fafafa}.profiles-page-row-left{display:flex;align-items:center;gap:8px}.profiles-page-name{font-size:12px;font-weight:500;color:#374151}.profiles-page-meta{font-size:11px;color:#9ca3af}.profiles-fields-table{padding:0 16px 8px 56px}.profiles-fields-header{padding:6px 8px;font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #f3f4f6}.profiles-field-row,.profiles-fields-header{display:grid;grid-template-columns:1fr 80px 50px 50px;grid-gap:4px;gap:4px}.profiles-field-row{align-items:center;padding:5px 8px;font-size:12px;border-bottom:1px solid #f9fafb;transition:background .1s}.profiles-field-row:last-child{border-bottom:none}.profiles-field-row:hover{background:#fafafa}.profiles-field-row.disabled{opacity:.4}.profiles-field-name{color:#374151;font-weight:500}.profiles-field-type{color:#9ca3af;font-size:11px;text-transform:capitalize}.profiles-checkbox{display:flex;align-items:center;justify-content:center}.profiles-checkbox input{width:15px;height:15px;accent-color:#2563eb;cursor:pointer}.profiles-checkbox input:disabled{cursor:not-allowed}.profiles-system-perms{display:flex;flex-direction:column;gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.profiles-perm-group{background:#fff}.profiles-perm-group-title{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;padding:10px 16px 6px;background:#fafafa;border-bottom:1px solid #f3f4f6}.profiles-perm-group-list{display:flex;flex-direction:column}.profiles-perm-row{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid #f9fafb;transition:background .1s}.profiles-perm-row:last-child{border-bottom:none}.profiles-perm-row:hover{background:#fafafa}.profiles-perm-label{font-size:13px;color:#374151;font-weight:500}.layout-save-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.layout-save-dialog{background:#fff;border-radius:14px;width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.layout-save-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e5e7eb}.layout-save-dialog-header h3{margin:0;font-size:16px;font-weight:700;color:#111827}.layout-save-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px}.layout-save-close:hover{background:#f3f4f6;color:#111827}.layout-save-dialog-body{padding:20px 24px;overflow-y:auto;flex:1 1}.layout-save-hint{font-size:12px;color:#6b7280;margin:4px 0 10px}.layout-save-profiles{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.layout-save-profile-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f3f4f6}.layout-save-profile-row:last-child{border-bottom:none}.layout-save-profile-row:hover{background:#f9fafb}.layout-save-profile-row.all{background:#fafafa;font-weight:600}.layout-save-profile-row input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;margin-right:4px}.layout-save-profile-name{font-size:13px;color:#374151;font-weight:500;flex:1 1}.layout-save-profile-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:8px;background:#f0fdf4;color:#15803d}.layout-save-profiles-divider{height:1px;background:#e5e7eb}.layout-save-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#fafafa}.home-page{padding:28px 32px;height:100%;overflow-y:auto}.home-greeting{margin-bottom:28px}.home-greeting-title{margin:0 0 4px;font-size:26px;font-weight:700;color:#111827;letter-spacing:-.025em}.home-greeting-subtitle{margin:0;font-size:14px;color:#6b7280}.home-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.home-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:transform .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo)}.home-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(0,0,0,.1)}.home-stat-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f0f5ff;color:#3b82f6;border-radius:10px;flex-shrink:0}.home-stat-content{display:flex;flex-direction:column}.home-stat-value{font-size:22px;font-weight:700;color:#111827;line-height:1.2}.home-stat-label{font-size:12px;color:#6b7280;margin-top:2px}.home-stat-change{display:flex;align-items:center;gap:3px;font-size:11px;margin-top:4px}.home-stat-change.positive{color:#10b981}.home-stat-change.negative{color:#ef4444}.home-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:900px){.home-grid{grid-template-columns:1fr}}.home-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.home-card-header{padding:16px 20px;border-bottom:1px solid #f3f4f6}.home-card-header h3{margin:0;font-size:14px;font-weight:600;color:#111827}.home-quick-actions{padding:8px;display:flex;flex-direction:column;gap:2px}.home-quick-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;font-size:13px;color:#374151;border-radius:8px;cursor:pointer;transition:background .12s;text-align:left}.home-quick-action-btn:hover{background:#f9fafb}.home-quick-action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--action-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0}.home-quick-action-arrow{margin-left:auto;color:#9ca3af}.home-empty-state{padding:24px;text-align:center;color:#9ca3af;font-size:13px}.home-activity-list{padding:8px 16px}.home-activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.home-activity-item:last-child{border-bottom:none}.home-activity-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#f0f5ff;color:#3b82f6}.home-activity-dot.success{background:#ecfdf5;color:#10b981}.home-activity-dot.warning{background:#fffbeb;color:#f59e0b}.home-activity-content{flex:1 1;min-width:0}.home-activity-text{font-size:13px;color:#374151}.home-activity-time{font-size:11px;color:#9ca3af;margin-top:2px}.dynamic-page{padding:20px 24px;height:100%;overflow-y:auto}.dynamic-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dynamic-list-header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.dynamic-list-actions{display:flex;gap:8px}.dynamic-list-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.dynamic-list-table{width:100%;border-collapse:collapse;font-size:13px}.dynamic-list-table thead{background:#f9fafb}.dynamic-list-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e5e7eb}.dynamic-list-table td{padding:10px 14px;border-bottom:1px solid #f3f4f6;color:#374151}.dynamic-list-row{cursor:pointer;transition:background .1s}.dynamic-list-row:hover{background:#f9fafb}.dynamic-list-row:last-child td{border-bottom:none}.dynamic-list-empty{padding:32px;text-align:center;color:#9ca3af;font-size:13px}.dynamic-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.dynamic-detail-title{margin:0;font-size:18px;font-weight:700;color:#111827;flex:1 1;letter-spacing:-.025em}.dynamic-detail-actions{display:flex;gap:8px}.dynamic-detail-sections{display:flex;flex-direction:column;gap:24px}.dynamic-detail-section-title{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.dynamic-detail-field-grid{display:grid;grid-gap:1px;gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.dynamic-detail-field-grid.cols-1{grid-template-columns:1fr}.dynamic-detail-field-grid.cols-2{grid-template-columns:1fr 1fr}.dynamic-detail-field-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.dynamic-detail-field{padding:10px 14px;background:#fff;transition:background .1s}.dynamic-detail-field.hoverable{cursor:pointer}.dynamic-detail-field.hoverable:hover{background:#eff6ff}.dynamic-detail-field-label{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:3px}.dynamic-detail-field-value{font-size:13px;color:#111827}.dynamic-detail-field-input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none}.dynamic-detail-field-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}select.dynamic-detail-field-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.dynamic-detail-placeholder{padding:20px;text-align:center;color:#9ca3af;font-size:13px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.slv{display:flex;flex-direction:column;height:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.slv-action-bar{gap:4px;padding:6px 8px;border-bottom:1px solid #e5e7eb}.slv-action-bar,.slv-action-btn{display:flex;align-items:center;background:#fff}.slv-action-btn{gap:5px;padding:5px 12px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;transition:all .1s}.slv-action-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.slv-action-btn:disabled{opacity:.45;cursor:not-allowed}.slv-action-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.slv-action-btn.primary:hover:not(:disabled){background:#1d4ed8}.slv-action-btn.danger{color:#dc2626;border-color:#fca5a5}.slv-action-btn.danger:hover{background:#fef2f2}.slv-action-btn.toggled{background:#2563eb;color:#fff;border-color:#2563eb}.slv-action-sep{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.slv-tabs{display:flex;align-items:flex-end;padding:4px 8px 0;border-bottom:1px solid #d1d5db;background:#fff}.slv-tab{padding:5px 14px;font-size:12px;border:1px solid transparent;border-bottom:none;background:none;cursor:pointer;border-radius:4px 4px 0 0;margin-bottom:-1px;color:#6b7280;transition:all .1s;display:flex;align-items:center;gap:6px;white-space:nowrap}.slv-tab:hover{background:#f9fafb;color:#111827}.slv-tab.active{background:#fff;border-color:#d1d5db #d1d5db #fff;color:#111827;font-weight:500}.slv-tab-btn{font:inherit;color:inherit;padding:0}.slv-tab-btn,.slv-tab-remove{border:none;background:none;cursor:pointer}.slv-tab-remove{display:none;color:#9ca3af;padding:2px;border-radius:3px}.slv-tab:hover .slv-tab-remove{display:flex}.slv-tab-remove:hover{color:#dc2626;background:#fef2f2}.slv-tab-add{padding:5px 10px;font-size:14px;border:1px solid transparent;border-bottom:none;background:none;cursor:pointer;border-radius:4px 4px 0 0;margin-bottom:-1px;color:#9ca3af;transition:all .1s;display:flex;align-items:center}.slv-tab-add:hover{background:#f9fafb;color:#374151}.slv-filter-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.slv-filter-select{font-size:12px;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;outline:none;background:#fff}.slv-filter-select:focus{border-color:#2563eb}.slv-filter-input{font-size:12px;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;outline:none;width:180px}.slv-filter-input:focus{border-color:#2563eb}.slv-save-tab-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#eff6ff;border-bottom:1px solid #bfdbfe}.slv-grid{flex:1 1;display:flex;flex-direction:column;border:1px solid #d1d5db;margin:6px 8px 0;overflow:hidden;background:#fff}.slv-grid-header{display:flex;background:#f9fafb;border-bottom:1px solid #d1d5db}.slv-grid-header,.slv-grid-th{flex-shrink:0;position:relative}.slv-grid-th{border-right:1px solid #d1d5db;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s;overflow:hidden}.slv-grid-th:hover{background:#f3f4f6}.slv-grid-th.drag-over{border-left:3px solid #2563eb;background:#eff6ff;transition:all .15s var(--ease-out-expo)}.slv-grid-th-inner{justify-content:center;gap:3px;padding:6px 8px;color:#374151;font-size:12px;overflow:hidden;word-break:break-word;text-align:center}.slv-add-field-btn,.slv-grid-th-inner{display:flex;align-items:center;font-weight:600}.slv-add-field-btn{position:absolute;right:0;top:0;height:100%;gap:4px;color:#2563eb;font-size:11px;padding:0 14px;cursor:pointer;white-space:nowrap;background:#fff;border-left:1px solid #e5e7eb}.slv-add-field-btn:hover{color:#1d4ed8;background:#eff6ff}.slv-resize-handle{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;z-index:10}.slv-resize-handle:hover .slv-resize-line{background:#3b82f6}.slv-resize-line{position:absolute;top:4px;left:4px;width:2px;height:calc(100% - 8px);background:#d1d5db;border-radius:1px;transition:background .15s}@keyframes slv-wiggle{0%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}to{transform:rotate(-2.5deg)}}.slv-grid-th.wiggle{animation:slv-wiggle .5s ease-in-out infinite;cursor:-webkit-grab;cursor:grab}.slv-grid-th.wiggle:before{content:"⠿";position:absolute;left:1px;top:50%;font-size:18px;color:#9ca3af;line-height:1;animation:slv-counter-wiggle .5s ease-in-out infinite}@keyframes slv-counter-wiggle{0%{transform:translateY(-50%) rotate(2.5deg)}50%{transform:translateY(-50%) rotate(-2.5deg)}to{transform:translateY(-50%) rotate(2.5deg)}}.slv-grid-th.wiggle:active{cursor:-webkit-grabbing;cursor:grabbing}.slv-grid-body{flex:1 1;overflow-y:auto}.slv-grid-row{display:flex;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo);background:#fff;border-left:3px solid transparent}.slv-grid-row.alt{background:#fafafa}.slv-grid-row:hover{background:#eff6ff;border-left-color:#2563eb}.slv-grid-td{flex-shrink:0;padding:5px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.slv-grid-td,.slv-grid-td:last-child{border-right:1px solid #e5e7eb}.slv-checkbox-col{width:40px!important;min-width:40px!important;max-width:40px!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slv-checkbox-col input[type=checkbox]{width:15px;height:15px;accent-color:#2563eb;cursor:pointer}.slv-empty{padding:32px;text-align:center;color:#9ca3af;font-size:13px}.slv-statusbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-top:1px solid #e5e7eb;font-size:11px;color:#6b7280}.slv-totals-btn{padding:2px 8px;font-size:10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#6b7280;cursor:pointer}.slv-totals-btn:hover:not(:disabled){background:#f3f4f6}.slv-totals-btn:disabled{opacity:.45;cursor:not-allowed}.slv-totals-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.slv-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropIn .2s ease-out}.slv-modal{background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.18);width:360px;max-height:520px;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .25s cubic-bezier(.16,1,.3,1)}.slv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb}.slv-modal-title{font-size:14px;font-weight:700;color:#111827;letter-spacing:-.025em}.slv-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .1s}.slv-modal-close:hover{background:#f3f4f6;color:#111827}.slv-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.slv-modal-field-row{display:flex;align-items:center;gap:10px;padding:8px 18px;cursor:pointer;transition:background .1s;font-size:13px;color:#374151}.slv-modal-field-row:hover{background:#f9fafb}.slv-modal-field-row.all{font-weight:600;background:#fafafa}.slv-modal-field-row input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.slv-modal-field-type{margin-left:auto;font-size:10px;color:#9ca3af;text-transform:uppercase;font-weight:500}.slv-modal-divider{height:1px;background:#e5e7eb;margin:2px 0}.slv-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px;border-top:1px solid #e5e7eb;background:#fafafa;border-radius:0 0 10px 10px}.slv-new-field-group{display:flex;flex-direction:column;gap:4px}.slv-new-field-label{font-size:12px;font-weight:600;color:#374151;display:flex;align-items:center;gap:3px}.slv-new-field-required{color:#dc2626;font-size:14px;font-weight:700}.slv-new-field-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;width:100%}.slv-new-field-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.slv-new-fields-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.home-quick-action-btn:active,.layout-builder-btn:active,.login-submit:active,.slv-action-btn:active{transform:scale(.97);transition-duration:50ms}.slv-grid-row input[type=checkbox],.slv-grid-th-inner input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .15s;position:relative;background:#fff;flex-shrink:0}.slv-grid-row input[type=checkbox]:hover,.slv-grid-th-inner input[type=checkbox]:hover{border-color:#2563eb}.slv-grid-row input[type=checkbox]:checked,.slv-grid-th-inner input[type=checkbox]:checked{background:#2563eb;border-color:#2563eb}.slv-grid-row input[type=checkbox]:checked:after,.slv-grid-th-inner input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.modern-sidebar-bottom{padding:.5rem 0;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.modern-sidebar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.7rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;margin:4px 0}.modern-sidebar-avatar:hover{transform:scale(1.08)}.modern-sidebar-user-dropdown{position:fixed;left:78px;bottom:12px;width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:10000;overflow:hidden}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropdownIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.cc{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#f5f6f8;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.cc-stats{background:#fff;border-bottom:1px solid #e5e7eb;padding:0}.cc-stat,.cc-stats{display:flex;align-items:center}.cc-stat{flex:1 1;flex-direction:column;padding:12px 16px}.cc-stat-val{font-size:18px;font-weight:500;color:#1a1a1a;line-height:1}.cc-stat-lbl{font-size:10px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.cc-stat-click{cursor:pointer;border-radius:4px;transition:background .15s}.cc-stat-click:hover{background:#f3f4f6}.cc-stat-active{background:#eff6ff}.cc-stat-active .cc-stat-lbl,.cc-stat-active .cc-stat-val{color:#1a3a5c}.cc-stat-sep{width:1px;height:28px;background:#e5e7eb;flex-shrink:0}.cc-top{display:flex;border-bottom:1px solid #e5e7eb;height:52%;min-height:320px;flex-shrink:0}.cc-map-card{flex:1 1}.cc-top-side{width:300px;flex-shrink:0;border-left:1px solid #e5e7eb;overflow-y:auto;background:#fff}.cc-bottom{overflow:hidden}.cc-bottom,.cc-bottom-col{flex:1 1;display:flex;min-height:0}.cc-bottom-col{flex-direction:column;border-right:1px solid #e5e7eb;overflow-y:auto}.cc-bottom-col:last-child{border-right:none}.cc-card{background:#fff;display:flex;flex-direction:column;min-height:0;flex:1 1}.cc-card+.cc-card{border-top:1px solid #e5e7eb}.cc-card-body{min-height:0}.cc-card-count{font-size:12px;font-weight:500;color:#1a1a1a;text-transform:none;letter-spacing:0;background:#f3f4f6;padding:1px 8px;border-radius:10px}.cc-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #f0f0f0;background:#fafbfc;flex-shrink:0}.cc-card-head span{display:flex;align-items:center;gap:6px}.cc-head-warn span{color:#d97706}.cc-head-green span{color:#16a34a}.cc-card-body{flex:1 1;overflow-y:auto}.cc-map-popup .leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:4px}.cc-map-popup .leaflet-popup-content{margin:12px 16px 12px 14px}.cc-map-popup .leaflet-popup-tip{box-shadow:none}.cc-map-popup a.leaflet-popup-close-button{top:8px;right:8px;color:#9ca3af;font-size:16px;width:20px;height:20px}.cc-map-popup a.leaflet-popup-close-button:hover{color:#374151}@keyframes cc-pulse{0%,to{opacity:1}50%{opacity:.4}}.cc-blink{animation:cc-pulse 1.5s ease-in-out infinite}.cc-animated-trail{animation:cc-trail-flow 1s linear infinite}@keyframes cc-trail-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.cc-card-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cc-card-toggle:hover{background:#f3f4f6}.cc-card-head-right{display:flex;align-items:center;gap:6px}.cc-chevron{color:#9ca3af;transition:transform .2s}.cc-chevron.cc-collapsed{transform:rotate(-90deg)}.cc-clickable{cursor:pointer}.cc-clickable:hover{text-decoration:underline;color:#1a3a5c}.cc-legend-hint{font-size:10px;color:#9ca3af;text-transform:none;letter-spacing:0;font-weight:500}.cc-map-wrap{flex:1 1;min-height:0;position:relative;z-index:0}.dh-map-area{z-index:0}.leaflet-container{z-index:0!important}.cc-map-reset{position:absolute;top:10px;left:10px;z-index:1000;padding:5px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:500;color:#374151;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:inherit}.cc-map-reset:hover{background:#f3f4f6}.cc-route-row{padding:10px 16px;border-bottom:1px solid #f3f4f6}.cc-route-top{display:flex;align-items:center;justify-content:space-between}.cc-route-name{color:#1a1a1a}.cc-route-eta,.cc-route-name{font-size:13px;font-weight:500}.cc-route-eta{color:#2563eb}.cc-route-bottom{display:flex;align-items:center;gap:8px;margin-top:3px}.cc-route-ticket{font-size:11px;font-weight:500;color:#1a3a5c;font-family:SF Mono,Consolas,monospace}.cc-route-account{font-size:12px;color:#6b7280;flex:1 1}.cc-route-dist{font-size:11px;color:#9ca3af}.cc-route-bar-track{height:3px;background:#f3f4f6;border-radius:2px;margin-top:8px}.cc-route-bar{height:100%;background:#2563eb;border-radius:2px;transition:width .3s}.cc-site-row{padding:10px 16px;border-bottom:1px solid #f3f4f6}.cc-site-top{display:flex;align-items:center;justify-content:space-between}.cc-site-name{font-size:13px;font-weight:500;color:#1a1a1a}.cc-site-dur{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#7c3aed}.cc-active-total{font-size:13px;font-weight:500;color:#1a1a1a;text-transform:none;letter-spacing:0}.cc-ttype-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.cc-ttype-row:hover{background:#f9fafb}.cc-ttype-row:last-child{border-bottom:none}.cc-ttype-name{flex:1 1;font-size:13px;font-weight:500;color:#374151}.cc-ttype-count{font-size:15px;font-weight:500;color:#1a1a1a;min-width:28px;text-align:right}.cc-ttype-arrow{color:#d1d5db;flex-shrink:0}.cc-ttype-row:hover .cc-ttype-arrow{color:#9ca3af}.cc-dur-green{color:#16a34a}.cc-dur-green,.cc-dur-yellow{display:inline-flex;align-items:center;gap:3px}.cc-dur-yellow{color:#d97706}.cc-dur-red{color:#dc2626;display:inline-flex;align-items:center;gap:3px}.cc-site-bottom{display:flex;align-items:center;gap:8px;margin-top:3px}.cc-site-ticket{font-size:11px;font-weight:500;color:#1a3a5c;font-family:SF Mono,Consolas,monospace}.cc-site-account{font-size:12px;color:#6b7280;flex:1 1}.cc-site-type{font-size:10px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:1px 6px;border-radius:3px;text-transform:uppercase}.cc-site-started{font-size:11px;color:#9ca3af;margin-top:2px;padding-left:0}.cc-unassigned-row{padding:10px 16px;border-bottom:1px solid #f3f4f6}.cc-unassigned-top{display:flex;align-items:center;justify-content:space-between}.cc-unassigned-id{font-size:12px;font-weight:500;color:#1a3a5c;font-family:SF Mono,Consolas,monospace}.cc-unassigned-pri{font-size:10px;font-weight:600;text-transform:uppercase;padding:1px 7px;border-radius:3px}.cc-pri-high{background:#fef2f2;color:#dc2626}.cc-pri-normal{background:#fef3c7;color:#d97706}.cc-pri-low{background:#f3f4f6;color:#6b7280}.cc-unassigned-bottom{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:12px;color:#6b7280}.cc-unassigned-type{font-size:10px;font-weight:500;background:#f3f4f6;padding:1px 6px;border-radius:3px;text-transform:uppercase}.cc-unassigned-age{display:flex;align-items:center;gap:3px;font-size:11px;color:#9ca3af;margin-left:auto}.cc-avail-row{padding:10px 16px;border-bottom:1px solid #f3f4f6}.cc-avail-top{display:flex;align-items:center;gap:8px}.cc-avail-name{font-size:13px;font-weight:500;color:#1a1a1a}.cc-avail-bottom{display:flex;align-items:center;gap:14px;margin-top:4px;padding-left:15px;font-size:12px;color:#6b7280}.cc-avail-bottom span{display:flex;align-items:center;gap:4px}@media (max-width:900px){.cc-top{flex-direction:column;height:auto}.cc-top-side{width:100%;border-left:none;border-top:1px solid #e5e7eb}.cc-bottom{flex-direction:column}.cc-bottom-col{border-right:none;border-bottom:1px solid #e5e7eb}}.dh{display:flex;height:100%;background:#f5f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dh-side{width:320px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.dh-side-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.dh-side-title{font-size:14px;font-weight:600;color:#1a1a1a}.dh-side-count{font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.dh-filters{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid #f0f0f0}.dh-filter{flex:1 1;padding:6px 4px;border:none;background:none;font-size:11px;font-weight:600;color:#6b7280;cursor:pointer;border-radius:4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.dh-filter:hover{background:#f9fafb}.dh-filter.active{background:#eff6ff;color:#1a3a5c}.dh-filter-count{font-size:14px;font-weight:700;color:inherit}.dh-list{flex:1 1;overflow-y:auto}.dh-mech{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.dh-mech:hover{background:#f9fafb}.dh-mech.active{background:#eff6ff;border-left:3px solid #1a3a5c}.dh-mech-top{display:flex;align-items:center;gap:8px}.dh-mech-name{font-size:13px;font-weight:600;color:#1a1a1a;flex:1 1}.dh-mech-arrow{color:#d1d5db}.dh-mech-detail{display:flex;align-items:center;gap:8px;margin-top:4px;padding-left:16px}.dh-mech-ticket{font-size:11px;font-weight:600;color:#1a3a5c;font-family:SF Mono,Consolas,monospace}.dh-mech-account{font-size:12px;color:#6b7280}.dh-mech-avail{font-size:12px;color:#9ca3af;font-style:italic}.dh-mech-meta{display:flex;gap:8px;margin-top:3px;padding-left:16px;font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px}.dh-map-area{flex:1 1;position:relative;min-width:0}.dh-map{width:100%;height:100%}.dh-popup{position:absolute;bottom:24px;left:24px;z-index:1000;background:#fff;border-radius:8px;padding:14px 16px;box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid #e5e7eb;min-width:260px}.dh-popup-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dh-popup-name{font-size:14px;font-weight:600;color:#1a1a1a;flex:1 1}.dh-popup-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:3px}.dh-st-on-site{background:#ede9fe;color:#5b21b6}.dh-st-en-route{background:#dbeafe;color:#1e40af}.dh-st-available{background:#dcfce7;color:#065f46}.dh-popup-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;padding:3px 0}.dh-popup-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;line-height:1}.dh-popup-close:hover{color:#374151}.dm-date-bar{justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e5e7eb}.dm-date-arrow,.dm-date-bar{display:flex;align-items:center}.dm-date-arrow{background:none;border:1px solid #e5e7eb;border-radius:4px;padding:4px 6px;cursor:pointer;color:#374151}.dm-date-arrow:hover{background:#f3f4f6}.dm-date-arrow:disabled{opacity:.3;cursor:not-allowed}.dm-date-label{gap:6px;font-size:13px;font-weight:500;color:#1a1a1a}.dm-date-label,.dm-division{display:flex;align-items:center}.dm-division{gap:8px;padding:8px 12px;border-bottom:1px solid #f0f0f0;color:#6b7280}.dm-division-select{flex:1 1;border:1px solid #e5e7eb;border-radius:4px;padding:5px 8px;font-size:12px;font-family:inherit;color:#374151;background:#fff;cursor:pointer}.dm-division-select:focus{outline:none;border-color:#1a3a5c}.dm-toggle-row{padding:8px 12px;border-bottom:1px solid #f0f0f0}.dm-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;cursor:pointer}.dm-toggle input{accent-color:#1a3a5c}.dm-mech-div{font-size:10px;color:#9ca3af;background:#f3f4f6;padding:1px 6px;border-radius:3px}.dm-mech-stops{font-size:11px;color:#9ca3af;padding-left:16px;margin-top:2px}.dh-mech-empty{padding:20px 16px;text-align:center;font-size:13px;color:#9ca3af}.dm-popup-trail{margin-top:10px;padding-top:8px;border-top:1px solid #f0f0f0}.dm-popup-trail-title{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.dm-popup-trail-stop{display:flex;align-items:flex-start;gap:8px;padding:4px 0}.dm-popup-trail-num{width:18px;height:18px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#6b7280;flex-shrink:0}.dm-popup-trail-label{font-size:12px;color:#374151}.dm-popup-trail-time{font-size:11px;color:#9ca3af}.dash-container{padding:24px 32px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dash-title{font-size:22px;font-weight:500;color:#111827;margin-bottom:4px}.dash-subtitle{font-size:14px;color:#6b7280}.dash-header-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;background:#fff;padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;white-space:nowrap}.dash-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.dash-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;position:relative}.dash-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-info{display:flex;flex-direction:column;flex:1 1;min-width:0}.dash-stat-value{font-size:20px;font-weight:500;color:#111827;line-height:1.2}.dash-stat-label{font-size:12px;color:#6b7280;font-weight:500}.dash-stat-change{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:20px;white-space:nowrap}.dash-stat-change.up{color:#16a34a;background:#f0fdf4}.dash-stat-change.down{color:#dc2626;background:#fef2f2}.dash-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;position:relative}.dash-card-wide{grid-column:1/-1}.dash-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6}.dash-card-header h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#111827;margin:0}.dash-card-link{background:none;border:none;color:#2563eb;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px}.dash-card-link:hover{background:#eff6ff}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#fafbfc;border-bottom:1px solid #f3f4f6}.dash-table td{padding:10px 16px;color:#374151;border-bottom:1px solid #f9fafb}.dash-table tbody tr:hover{background:#f9fafb}.dash-table-id{font-weight:500;color:#2563eb}.dash-table-time{color:#9ca3af;font-size:12px}.dash-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:500}.dash-badge-open{background:#fef3c7;color:#d97706}.dash-badge-dispatched{background:#dbeafe;color:#2563eb}.dash-badge-in-progress{background:#ede9fe;color:#7c3aed}.dash-badge-completed{background:#dcfce7;color:#16a34a}.dash-badge-default{background:#f3f4f6;color:#6b7280}.dash-upcoming-list{padding:8px 0}.dash-upcoming-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f9fafb}.dash-upcoming-item:last-child{border-bottom:none}.dash-upcoming-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.dash-upcoming-info{display:flex;flex-direction:column}.dash-upcoming-title{font-size:13px;font-weight:500;color:#111827}.dash-upcoming-time{font-size:12px;color:#9ca3af}.dash-pipeline{padding:12px 0}.dash-pipeline-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #f9fafb}.dash-pipeline-row:last-child{border-bottom:none}.dash-pipeline-stage{display:flex;align-items:center;gap:8px}.dash-pipeline-name{font-size:13px;font-weight:500;color:#374151}.dash-pipeline-count{font-size:11px;font-weight:600;background:#f3f4f6;color:#6b7280;padding:1px 7px;border-radius:10px}.dash-pipeline-amount{font-size:13px;font-weight:500;color:#111827}.dash-aging{padding:16px 20px}.dash-aging-row{margin-bottom:14px}.dash-aging-row:last-child{margin-bottom:0}.dash-aging-bar-track{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:6px}.dash-aging-bar{height:100%;border-radius:4px;transition:width .3s ease}.dash-aging-info{display:flex;justify-content:space-between;align-items:center}.dash-aging-bucket{font-size:12px;font-weight:500;color:#374151}.dash-aging-amount{font-size:12px;color:#6b7280}.dash-actions{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.dash-action-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.dash-action-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.dash-header-right{display:flex;align-items:center;gap:10px}.dash-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:inherit;transition:all .15s}.dash-edit-btn:hover{background:#f3f4f6}.dash-edit-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}.dash-edit-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;margin-bottom:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:12px;color:#64748b}.dash-edit-bar-actions{display:flex;gap:8px;align-items:center}.dash-add-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;border-radius:8px;background:#2563eb;font-size:12px;font-weight:500;color:#fff;cursor:pointer;font-family:inherit;transition:background .15s}.dash-add-btn:hover{background:#1d4ed8}.dash-reset-btn{padding:6px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;font-family:inherit;transition:all .15s}.dash-reset-btn:hover{background:#f1f5f9;border-color:#cbd5e1;background:#f3f4f6}.dw-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:10000;display:flex;align-items:center;justify-content:center;animation:dw-fade-in .2s ease;perspective:1200px}@keyframes dw-fade-in{0%{opacity:0}to{opacity:1}}.dw-modal{background:#fff;border-radius:14px;width:380px;max-height:70vh;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;animation:dw-flip-in .4s ease}@keyframes dw-flip-in{0%{transform:rotateY(-90deg) scale(.6);opacity:0}50%{transform:rotateY(-10deg) scale(1.02);opacity:1}to{transform:rotateY(0deg) scale(1)}}@keyframes dash-jiggle{0%{transform:rotate(-.3deg)}to{transform:rotate(.3deg)}}.dw-editing{box-shadow:0 0 0 2px rgba(26,58,92,.12);animation:dash-jiggle .15s ease-in-out infinite alternate}.dw-editing:nth-child(2n){animation-delay:.07s;animation-direction:alternate-reverse}.dw-editing:nth-child(3n){animation-delay:.04s}.react-draggable-dragging .dw-editing,.react-grid-item.resizing .dw-editing{animation:none}.dw-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #fff;font-size:10px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.2);pointer-events:auto}.dw-remove:hover{background:#dc2626}.dw-stat-drag{display:flex;align-items:center;gap:14px;flex:1 1;cursor:-webkit-grab;cursor:grab}.dw-stat-drag:active{cursor:-webkit-grabbing;cursor:grabbing}.dw-drag{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #d1d5db;color:#9ca3af;cursor:-webkit-grab;cursor:grab;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dw-drag:active{cursor:-webkit-grabbing;cursor:grabbing}.dash-rgl{margin:0}.dash-grid-item{height:100%}.dash-grid-item .dash-card{height:100%;display:flex;flex-direction:column}.dash-grid-item.dw-is-editing{overflow:visible!important}.dash-grid-item.dw-is-editing .dash-card{overflow:visible}.react-grid-item.dw-is-editing{overflow:visible!important}.dash-rgl .react-grid-item.react-grid-placeholder{background:#1a3a5c;opacity:.08;border-radius:12px}.dash-rgl .react-grid-item>.react-resizable-handle{display:none}.dash-rgl .react-grid-item.dw-is-editing>.react-resizable-handle{display:block;opacity:0;pointer-events:auto;z-index:5;cursor:se-resize}.dash-rgl .react-grid-item.dw-is-editing>.react-resizable-handle:hover{opacity:.4}.dash-rgl .react-resizable-handle:after{border-color:#9ca3af!important}.dash-rgl-inner{flex:1 1;overflow:auto}.dw-editing .dash-rgl-inner{cursor:pointer}.dw-click-area{position:relative;z-index:1}.dw-drag-bar{height:22px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;font-size:9px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px 12px 0 0}.dw-drag-bar:active{cursor:-webkit-grabbing;cursor:grabbing;background:#e5e7eb}.dw-edit-card{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#1a3a5c;color:#fff;border:2px solid #fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.2);pointer-events:auto}.dw-edit-card:hover{background:#153250}.dwp{padding:12px 0;height:100%;display:flex;flex-direction:column}.dwp-head{gap:8px;padding:4px 14px 10px;font-size:13px;font-weight:500;color:#374151;border-bottom:1px solid #f0f0f0}.dwp-back,.dwp-head{display:flex;align-items:center}.dwp-back{background:none;border:none;cursor:pointer;color:#6b7280;padding:2px}.dwp-back:hover{color:#374151}.dwp-list{flex:1 1;overflow-y:auto;padding:4px 0}.dwp-option{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .1s;font-size:13px;color:#374151}.dwp-option:hover{background:#f9fafb}.dwp-option.active{background:#eff6ff;color:#1a3a5c}.dwp-option-icon{color:#9ca3af}.dwp-option.active .dwp-option-icon{color:#1a3a5c}.dwp-option-label{flex:1 1}.dwp-check{color:#1a3a5c}.dwp-divider{height:1px;background:#e5e7eb;margin:4px 14px}.dwp-ai{padding:10px 14px}.dwp-ai-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#7c3aed;margin-bottom:8px}.dwp-ai-input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-family:inherit;margin-bottom:6px;box-sizing:border-box}.dwp-ai-input:focus{outline:none;border-color:#7c3aed}.dwp-ai-btn{width:100%;padding:7px;border:none;border-radius:6px;background:#7c3aed;color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.dwp-ai-btn:hover{background:#6d28d9}.dwp-ai-btn:disabled{opacity:.4;cursor:not-allowed}.dash-ai-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:#9ca3af;gap:8px}.dash-ai-prompt{font-size:13px;color:#6b7280;font-style:italic;margin:0}.dash-ai-hint{font-size:11px;color:#9ca3af}.dash-widget-missing{padding:20px;text-align:center;color:#9ca3af;font-size:13px}@media (max-width:1100px){.dash-stats-row{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (max-width:640px){.dash-container{padding:16px}.dash-stats-row{grid-template-columns:1fr}.dash-header{flex-direction:column;gap:12px}}