@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--primary:#1f1b16;--primary-hover:#342c24;--primary-soft:#f0ebe2;--primary-dark:#14110d;--secondary:#3f7a5f;--secondary-hover:#31654e;--secondary-soft:#e8f3ed;--success:#059669;--success-hover:#047857;--success-soft:#ecfdf5;--warning:#d97706;--warning-hover:#b45309;--warning-soft:#fffbeb;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--info:#0891b2;--info-soft:#ecfeff;--bg-app:#f8f4ee;--bg-sidebar:#efe6dc;--bg-sidebar-hover:#f8f2ea;--bg-sidebar-active:#fff;--bg-card:#fff;--border:#e4d8ca;--border-hover:#d2c1af;--field-bg:#fff;--field-border:#c8b8a7;--field-border-hover:#9d8d7d;--field-focus:#3f7a5f;--field-focus-ring:#3f7a5f29;--field-placeholder:#8b8174;--text-main:#222;--text-muted:#5f5f5f;--text-light:#8a837b;--text-white:#fff;--text-sidebar:#5f564b;--text-sidebar-muted:#958a7b;--font-sans:var(--font-inter), "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-inter), "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-card:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--sidebar-rail-width:76px;--sidebar-panel-width:244px;--sidebar-width:calc(var(--sidebar-rail-width) + var(--sidebar-panel-width));--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-main);letter-spacing:-.02em;font-weight:600;line-height:1.3}h1{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.2}h2{font-size:22px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.35}p{color:var(--text-muted);font-size:15px;font-weight:400;line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.app-container{background-color:var(--bg-app);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-rail-width);background:var(--bg-sidebar);z-index:100;height:100vh;transition:width var(--transition-normal);border-right:1px solid #5d4c3a1a;flex-shrink:0;display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:10px 0 30px #4637260d}.sidebar-rail{width:var(--sidebar-rail-width);scrollbar-width:none;z-index:2;background:#eee5db;border-right:1px solid #5d4c3a1a;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;height:100%;padding:14px 8px;display:flex;position:relative}.sidebar-rail::-webkit-scrollbar{display:none}.rail-brand{color:#fffaf3;background:#1f1b16;border-radius:18px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 12px 24px #1f1b162e}.rail-brand:hover{color:#fffaf3}.rail-brand span{font-size:1.35rem;font-weight:800;line-height:1}.rail-nav{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;padding:4px 0;display:flex;overflow-y:auto}.rail-nav::-webkit-scrollbar{display:none}.rail-item{color:#74695d;width:58px;min-height:58px;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex}.rail-item span{text-overflow:ellipsis;white-space:nowrap;max-width:54px;font-size:.63rem;font-weight:700;line-height:1;overflow:hidden}.rail-item:hover{color:#1f1b16;background:#ffffff9e}.rail-item.active{color:#2f6f53;background:#fff;transform:translate(2px);box-shadow:0 10px 24px #614e3621}.rail-toggle,.panel-toggle,.sidebar-icon-button{cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center;align-items:center;display:inline-flex}.rail-toggle,.panel-toggle,.rail-toggle-collapsed{display:none}.rail-footer{justify-content:center;display:flex}.rail-avatar{border:2px solid #fffc;width:38px;height:38px;box-shadow:0 8px 20px #3f7a5f2e}.sidebar-panel{left:var(--sidebar-rail-width);width:var(--sidebar-panel-width);opacity:0;visibility:hidden;pointer-events:none;height:100%;transition:opacity var(--transition-normal), transform var(--transition-normal), visibility var(--transition-normal);z-index:1;background:radial-gradient(circle at 0 0,#3f7a5f1a,#0000 34%),linear-gradient(#f7efe6 0%,#f3eadf 100%);border-right:1px solid #5d4c3a1a;flex-direction:column;display:flex;position:absolute;top:0;transform:translate(-10px);box-shadow:16px 0 34px #4637261f}.sidebar:hover .sidebar-panel,.sidebar:focus-within .sidebar-panel,.sidebar.sidebar-panel-open .sidebar-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar-panel-top{min-height:24px;padding:18px 20px 0;display:none}.sidebar-context-header{padding:20px 20px 12px}.sidebar-context-header span{color:#3f7a5f;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.sidebar-context-header h2{color:#1f1b16;letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1.2}.sidebar-menu{flex-direction:column;flex:1;gap:7px;padding:6px 14px 16px;display:flex;overflow:hidden auto}.menu-item{color:#5f564b;letter-spacing:-.01em;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1px;padding:10px 12px;font-size:14px;font-weight:500;line-height:1.3;display:flex;position:relative;overflow:hidden}.menu-item:hover{color:#1f1b16;background:#ffffff94;transform:translate(2px)}.menu-item.active{color:#1f1b16;background:#fff;border:1px solid #e4d8cae6;box-shadow:0 12px 30px #5a48321f}.menu-item-chevron{color:#a09284;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);transform:translate(-4px)}.menu-item:hover .menu-item-chevron,.menu-item.active .menu-item-chevron{color:#3f7a5f;opacity:1;transform:translate(0)}.sidebar-footer{border-top:1px solid #5d4c3a14;flex-shrink:0;padding:14px}.sidebar-footer-inner{transition:background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff7a;border:1px solid #ffffffa6;border-radius:18px;align-items:center;gap:10px;padding:10px;display:flex}.sidebar-footer-inner:hover{background:#fff;box-shadow:0 10px 24px #5a48321a}.user-avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#3f7a5f,#6fa984);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.user-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-name{color:#1f1b16;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role{color:#8b8174;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-icon-button{color:#74695d;background:0 0;border-radius:12px;flex-shrink:0;width:32px;height:32px}.sidebar-icon-button:hover{color:#1f1b16;background:#fff}.main-content{margin-left:var(--sidebar-rail-width);min-width:0;min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.mini-sidebar-layout .sidebar{width:var(--sidebar-rail-width)}.mini-sidebar-layout .main-content{margin-left:var(--sidebar-rail-width)}.header{height:var(--header-height);background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:90;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-search{width:300px;position:relative}.header-search input{border:1px solid var(--field-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);background-color:var(--field-bg);color:var(--text-main);transition:all var(--transition-fast);outline:none;padding:8px 14px 8px 36px;font-size:14px;line-height:1.5}.header-search input:focus{border-color:var(--field-focus);background-color:var(--bg-card);box-shadow:0 0 0 3px var(--field-focus-ring)}.header-search input::placeholder{color:var(--field-placeholder)}.header-search-icon{color:var(--text-light);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.header-actions{align-items:center;gap:8px;display:flex}.header-btn{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-btn:hover{background-color:var(--bg-app);color:var(--text-main);border-color:var(--border-hover)}.content-body{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:28px 32px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title-area{flex-direction:column;gap:3px;display:flex}.page-title{color:var(--text-main);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-muted);font-size:15px;font-weight:400;line-height:1.6}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.card.hoverable:hover{box-shadow:var(--shadow-md);transition:box-shadow var(--transition-fast)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.card-title{color:var(--text-main);letter-spacing:-.02em;font-size:18px;font-weight:600;line-height:1.35}.card-body{flex:1;padding:20px}.card-footer{background-color:var(--bg-app);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.grid-cols-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.flex-row{align-items:center;gap:12px;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.kpi-card{align-items:center;gap:20px;display:flex}.kpi-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-details{flex-direction:column;gap:2px;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:13px;font-weight:500}.kpi-value{font-size:30px;font-weight:700;font-family:var(--font-display);color:var(--text-main);line-height:1.1}.kpi-trend{align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.btn{letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:10px 20px;font-size:15px}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-soft);color:var(--secondary);border-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--secondary);color:#fff}.btn-outline{border-color:var(--border);background-color:var(--bg-card);color:var(--text-muted)}.btn-outline:hover:not(:disabled){background-color:var(--bg-app);color:var(--text-main);border-color:var(--border-hover)}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:var(--success-hover)}.btn-ghost{color:var(--text-muted);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-app);color:var(--text-main)}.form-group{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-row .form-group{flex:1;min-width:200px}.form-label{color:var(--text-main);font-size:13px;font-weight:500;line-height:1.3}.form-control,:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]),select,textarea){border:1px solid var(--field-border);border-radius:var(--radius-md);background-color:var(--field-bg);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:all var(--transition-fast);appearance:auto;outline:none;padding:10px 12px;font-size:14px;font-weight:400;line-height:1.5}.form-control:hover:not(:disabled),:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]),select,textarea):hover:not(:disabled){border-color:var(--field-border-hover)}.form-control:focus,:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]),select,textarea):focus{border-color:var(--field-focus);box-shadow:0 0 0 3px var(--field-focus-ring)}.form-control.no-spinner,input.no-spinner[type=number]{appearance:textfield}.form-control.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-control.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.no-spinner[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.no-spinner[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control::placeholder,:where(input,textarea)::placeholder{color:var(--field-placeholder);opacity:1}.form-control:disabled,:where(input,select,textarea):disabled{background-color:var(--bg-app);color:var(--text-muted);cursor:not-allowed;opacity:.7}textarea.form-control{resize:vertical;min-height:80px;line-height:1.5}.table-container{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-card);box-shadow:var(--shadow-card);position:relative;overflow:auto hidden}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.4}.custom-table th{background-color:var(--bg-app);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 16px;font-size:13px;font-weight:600;line-height:1.4}.custom-table td{border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;padding:13px 16px;font-size:14px;line-height:1.4}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr:hover td{background-color:#f9fafb}.custom-table tbody tr.clickable-row:hover td{background-color:#eff6ff}.custom-table tbody tr.clickable-row:hover td:first-child b{color:var(--primary)}.custom-table tbody tr.row-actions-hover td{vertical-align:top}.row-hover-actions{align-items:center;gap:12px;margin-top:6px;display:none}.custom-table tbody tr.row-actions-hover:hover .row-hover-actions,.custom-table tbody tr.row-actions-hover:focus-within .row-hover-actions{display:inline-flex}.row-hover-action{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.78rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.row-hover-action-edit{color:#b45309}.row-hover-action-edit:hover{color:#92400e}.row-hover-action-delete{color:var(--danger)}.row-hover-action-delete:hover{color:var(--danger-hover)}.row-hover-action-view{color:var(--primary)}.row-hover-action-view:hover{color:var(--primary-hover)}.badge{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background-color:#d1fae5}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-danger{color:#991b1b;background-color:#fee2e2}.badge-info{color:#075985;background-color:#e0f2fe}.badge-primary{color:#1e40af;background-color:#dbeafe}.badge-outline{background-color:var(--bg-app);color:var(--text-muted);border:1px solid var(--border)}.user-status-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.user-status-toggle input{opacity:0;width:0;height:0;position:absolute}.user-status-toggle-track{background:#d1d5db;border-radius:999px;width:42px;height:24px;transition:background-color .15s;position:relative}.user-status-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0f172a2e}.user-status-toggle input:checked+.user-status-toggle-track{background:#10b981}.user-status-toggle input:checked+.user-status-toggle-track .user-status-toggle-thumb{transform:translate(18px)}.user-status-toggle input:disabled+.user-status-toggle-track{opacity:.7}.user-status-toggle-label{min-width:58px;color:var(--text-muted);font-size:.82rem;font-weight:600}.user-status-toggle input:checked~.user-status-toggle-label{color:#047857}.queue-list{flex-direction:column;gap:12px;display:flex}.queue-item{background-color:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.queue-item:hover{border-color:var(--border-hover);transform:translate(2px)}.queue-title{font-size:15px;font-weight:600;line-height:1.4}.queue-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.timeline{flex-direction:column;padding-left:28px;display:flex;position:relative}.timeline:before{content:"";background-color:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:10px}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon{border-radius:var(--radius-full);background-color:var(--bg-card);border:2px solid var(--border);z-index:2;width:22px;height:22px;transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:-28px}.timeline-item:hover .timeline-icon{border-color:var(--primary)}.timeline-content{flex-direction:column;gap:4px;display:flex}.timeline-header{align-items:center;gap:8px;display:flex}.timeline-time{color:var(--text-light);font-size:13px}.timeline-desc{color:var(--text-muted)}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex;overflow-x:auto}.tab-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500;line-height:1.4}.tab-item:hover{color:var(--text-main)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.package-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:28px 32px;display:grid}.package-detail-header-main{flex-direction:column;gap:12px;min-width:0;display:flex}.package-detail-header-aside{flex-direction:column;align-items:flex-end;min-width:220px;display:flex}.package-detail-metrics{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:32px;margin-top:4px;display:flex}.package-detail-metrics-secondary{border-top:1px solid var(--border);gap:32px;margin-top:14px;padding-top:14px}.package-detail-metrics-financial{gap:32px;margin-top:12px}.package-detail-metric{text-align:left;min-width:100px}.package-detail-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.package-detail-metric-value{font-size:1.05rem;font-weight:700;font-family:var(--font-display);margin-top:4px;line-height:1.2}.package-detail-nav{border-radius:var(--radius-md);border:1px dashed var(--border);background:linear-gradient(135deg, var(--bg-app) 0%, var(--bg-card) 100%);width:100%;max-width:240px;padding:12px 14px}.package-detail-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.package-detail-nav-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.package-detail-nav-link:hover{color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent);border-color:color-mix(in srgb, var(--primary) 12%, transparent)}.package-detail-nav-link.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));border-color:color-mix(in srgb, var(--primary) 22%, transparent);box-shadow:var(--shadow-sm);font-weight:600}.package-detail-nav-link svg{opacity:.85;flex-shrink:0}.package-detail-nav-link.active svg{opacity:1}@media (max-width:900px){.package-detail-header{grid-template-columns:1fr}.package-detail-header-aside{align-items:stretch;min-width:0}.package-detail-metrics{justify-content:flex-start}.package-detail-metric{text-align:left}.package-detail-nav{max-width:none}}.package-section-subnav{border-radius:var(--radius-md);background:var(--bg-app);border:1px solid var(--border);flex-wrap:wrap;gap:8px;width:fit-content;padding:4px;display:flex}.package-section-subnav-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);padding:8px 14px;font-size:.85rem;font-weight:500;text-decoration:none}.package-section-subnav-link:hover{color:var(--primary);background:var(--bg-card)}.package-section-subnav-link.active{color:var(--primary);background:var(--bg-card);box-shadow:var(--shadow-sm);font-weight:600}.customer-details-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:20px;display:grid}.customer-details-left,.customer-details-right{flex-direction:column;gap:16px;min-width:0;display:flex}.customer-details-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);padding:16px 18px}.customer-details-panel-grow{flex:1}.customer-details-panel-notes{min-height:120px}.customer-details-panel-title{color:var(--text-main);letter-spacing:.01em;margin:0 0 14px;font-size:.92rem;font-weight:700}.customer-details-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.customer-query-fields,.customer-dates-fields{flex-direction:column;gap:14px;display:flex}.phone-call-row{align-items:stretch;gap:8px;display:flex}.phone-call-row .form-control{flex:1;min-width:0}.phone-call-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:58px;padding:6px 10px;font-size:.72rem;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.phone-call-btn:hover{filter:brightness(1.05);color:#fff}.package-type-row{align-items:stretch;gap:8px;display:flex}.package-type-current{min-width:120px;color:var(--text-main);cursor:default;background:#f3f4f6;flex:0 42%}.package-type-change{flex:1;min-width:0}.customer-package-image-preview{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-app);width:120px;height:90px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.78rem;display:flex;overflow:hidden}.customer-package-image-preview img{object-fit:cover;width:100%;height:100%}.customer-details-hint{color:var(--text-muted);margin:6px 0 0;font-size:.78rem}.customer-details-link{color:var(--primary);font-size:.8rem;font-weight:600;text-decoration:none}.customer-details-link:hover{text-decoration:underline}.customer-notes-list,.customer-activity-list{flex-direction:column;gap:10px;max-height:180px;display:flex;overflow-y:auto}.customer-note-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-app);padding:10px 12px}.customer-note-meta{color:var(--text-light);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:.75rem;display:flex}.customer-note-item p{margin:0;font-size:.84rem;line-height:1.45}.customer-activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.customer-activity-item:last-child{border-bottom:none;padding-bottom:0}.customer-activity-icon{background:color-mix(in srgb, var(--primary) 10%, var(--bg-app));width:20px;height:20px;color:var(--primary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.customer-activity-title{text-transform:capitalize;font-size:.82rem;font-weight:600}.customer-activity-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem;line-height:1.4}.customer-activity-time{color:var(--text-light);margin-top:4px;font-size:.74rem}.customer-details-empty{color:var(--text-muted);margin:0;font-size:.84rem}.customer-details-verify{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.45;display:flex}.customer-details-save-row{z-index:20;background:linear-gradient(to top, var(--bg-card) 78%, transparent);justify-content:flex-end;margin-top:-4px;padding:12px 0;display:flex;position:sticky;bottom:0}.package-report-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.package-report-card{border-radius:var(--radius-md);background:linear-gradient(#fffaf3 0%,#f8f1e8 100%);border:1px solid #e8dfd2;flex-direction:column;gap:10px;min-height:150px;padding:18px;display:flex}.package-report-card-title{color:var(--text-main);font-size:.95rem;font-weight:700}.package-report-card-desc{color:var(--text-muted);flex:1;font-size:.82rem;line-height:1.45}.package-report-download-btn{background:#fff;justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}.package-report-download-stack{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.package-report-download-row .package-report-download-btn{width:auto;min-width:72px}@media (max-width:1100px){.customer-details-layout{grid-template-columns:1fr}}.cost-component-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.cost-card{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.cost-card:before{content:"";background-color:var(--border);width:4px;position:absolute;top:0;bottom:0;left:0}.cost-card.primary:before{background-color:var(--primary)}.cost-card.success:before{background-color:var(--success)}.cost-card.warning:before{background-color:var(--warning)}.cost-card.info:before{background-color:var(--info)}.cost-card.secondary:before{background-color:var(--secondary)}.cost-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85rem;font-weight:700}.cost-card-value{font-size:1.6rem;font-family:var(--font-display);font-weight:700}.cost-card-meta{color:var(--text-light);font-size:.8rem}.pagination{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pagination-buttons{gap:8px;display:flex}.sticky-actions-bar{background-color:var(--bg-card);border-top:1px solid var(--border);z-index:80;justify-content:space-between;align-items:center;margin:0 -32px -32px;padding:16px 32px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 10px #0000000d}.modal-backdrop{z-index:200;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:.15s ease-out modal-in;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-container{background:radial-gradient(circle at 12% 10%, #3f7a5f1a, transparent 28%), var(--bg-app);min-height:100vh;display:flex}.auth-left{background:linear-gradient(#fffaf5 0%,#f8f4ee 100%);flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.auth-card{background:#ffffffd1;border:1px solid #e4d8cacc;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:400px;padding:32px;display:flex;box-shadow:0 24px 60px #5a48321f}.auth-header{flex-direction:column;gap:6px;display:flex}.auth-logo{letter-spacing:-.03em;color:var(--text-main);margin-bottom:4px;font-size:24px;font-weight:700}.auth-logo span{color:var(--secondary)}.auth-right{color:#fffaf3;background:radial-gradient(circle at 22% 18%,#6fa98447,#0000 28%),radial-gradient(circle at 84% 74%,#fffaf324,#0000 30%),linear-gradient(135deg,#1f1b16 0%,#342c24 58%,#3f7a5f 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:none}@media (min-width:1024px){.auth-right{display:flex}}.auth-right-content{max-width:360px}.auth-right-content h1{color:#fffaf3;letter-spacing:-.03em;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.2}.auth-right-content p{color:#fffaf3c7;margin-bottom:32px;font-size:15px;line-height:1.6}.auth-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf312;border:1px solid #fffaf31f;border-radius:18px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px;display:flex}.auth-feature-icon{color:#9ed0b2;flex-shrink:0;width:20px;height:20px;margin-top:2px}.auth-feature h3{color:#fffaf3;margin-bottom:2px;font-size:18px;font-weight:600}.auth-feature p{color:#fffaf3b8;margin-bottom:0;font-size:13px}.welcome-banner-preview{color:#fff;border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);padding:40px;position:relative;overflow:hidden}.welcome-banner-preview h2{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;margin-bottom:8px;font-size:30px;line-height:1.2}.welcome-banner-preview p{opacity:.9;font-size:16px}.dashboard-welcome{color:var(--text-main);border-radius:var(--radius-lg);background:linear-gradient(135deg,#eef9f2 0%,#e6f5ec 60%,#dff1e7 100%);border:1px solid #d5ebdd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 10px 24px #3f7a5f14}.dashboard-welcome-text h1{letter-spacing:-.03em;margin-bottom:4px;font-size:30px;font-weight:700;line-height:1.2;color:var(--text-main)!important}.dashboard-welcome-text p{color:#5d6d63;font-size:15px}.dashboard-quick-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-white{background-color:#fff;border:1px solid #cfe6d8;font-weight:600;box-shadow:0 8px 18px #3f7a5f1a;color:#234f3a!important}.btn-white:hover{background-color:#f7fcf9}.btn-white-trans{background-color:#d9efe2;border:1px solid #c4e1cf;color:#234f3a!important}.btn-white-trans:hover{background-color:#cfe8da}.premium-kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast);align-items:center;gap:16px;padding:20px;display:flex}.premium-kpi-card:hover{box-shadow:var(--shadow-md)}.premium-kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.premium-kpi-value{color:var(--text-main);margin-top:2px;font-size:30px;font-weight:700;line-height:1}.premium-kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:500}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.pulse-warning-badge{animation:2s infinite pulse-red}.commercial-glass-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffd9 0%,#f8fafcf2 100%);position:relative;border-radius:var(--radius-lg)!important}.commercial-glass-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary), var(--info));width:100%;height:4px;position:absolute;top:0;left:0}.premium-list-item{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.premium-list-item:hover{border-color:var(--border-hover);background-color:#f9fafb}.custom-table th.sticky-actions,.custom-table td.sticky-actions{background-color:var(--bg-card);z-index:2;text-align:center;position:sticky;right:0;box-shadow:-4px 0 8px -4px #00000026}.custom-table tr:hover td.sticky-actions{background-color:var(--primary-soft)!important}.table-container{position:relative;overflow-x:auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-glow{0%{transform:rotate(0);box-shadow:0 0 10px #2563eb33}50%{box-shadow:0 0 25px #4f46e566}to{transform:rotate(360deg);box-shadow:0 0 10px #2563eb33}}.glowing-spinner{border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1.2s ease-in-out infinite spin-glow}