@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-base:.875rem;--fs-md:.9375rem;--fs-lg:1rem;--fs-xl:1.125rem;--fs-2xl:1.25rem;--fs-3xl:1.5rem;--fs-4xl:1.75rem;--fs-5xl:2rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.6;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 16px 42px #0f172a17;--shadow-lg:0 24px 64px #0f172a21;--shadow-xl:0 34px 84px #0f172a2e;--shadow-glow:0 0 0 4px #2563eb24;--sidebar-width:280px;--sidebar-collapsed:72px;--right-sidebar-width:320px;--navbar-height:56px;--content-max-width:1120px;--page-max-width:1440px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent)}[data-theme=light],:root{--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-light:#1d4ed81a;--color-primary-soft:#eff6ff;--color-nav:#0f172a;--color-nav-soft:#1e3a5f;--color-violet:#7c3aed;--color-violet-light:#7c3aed1a;--color-accent:#0f766e;--color-accent-light:#0f766e1a;--color-primary-gradient:linear-gradient(135deg, #1e3a5f 0%, #1d4ed8 58%, #0f766e 100%);--color-success:#16a34a;--color-success-light:#16a34a1a;--color-warning:#d97706;--color-warning-light:#d977061f;--color-error:#e11d48;--color-error-light:#e11d481a;--color-info:#0891b2;--bg-primary:#fff;--bg-secondary:#f6f8fb;--bg-tertiary:#eef3f8;--bg-hover:#0f172a0e;--bg-active:#2563eb1a;--bg-overlay:#0f172a8f;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#7b8797;--text-inverse:#fff;--text-link:#2563eb;--border-primary:#d5dce7;--border-secondary:#e5eaf1;--border-focus:#2563eb;--card-bg:#fff;--card-border:#94a3b847;--card-shadow:var(--shadow-sm);--input-bg:#f1f5f9;--input-border:#d5dce7;--input-focus-bg:#fff;--glass-bg:#ffffffd1;--glass-border:#94a3b847;--glass-blur:blur(20px);--surface-raised:#fff;--surface-sunken:#f1f5f9;--navbar-bg:#ffffffeb;--navbar-shadow:0 12px 30px #0f172a12;--sidebar-bg:#ffffffd1}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-light:#60a5fa24;--color-primary-soft:#60a5fa1f;--color-nav:#020617;--color-nav-soft:#0f172a;--color-violet:#a78bfa;--color-violet-light:#a78bfa21;--color-accent:#2dd4bf;--color-accent-light:#2dd4bf1f;--color-primary-gradient:linear-gradient(135deg, #60a5fa 0%, #2dd4bf 100%);--color-success:#34d399;--color-success-light:#34d39921;--color-warning:#fbbf24;--color-warning-light:#fbbf2421;--color-error:#fb7185;--color-error-light:#fb718524;--bg-primary:#111612;--bg-secondary:#141a17;--bg-tertiary:#222b26;--bg-hover:#ffffff12;--bg-active:#60a5fa24;--bg-overlay:#000000b8;--text-primary:#f3f7f4;--text-secondary:#b7c0ba;--text-tertiary:#7d8a83;--text-inverse:#0d1110;--text-link:#93c5fd;--border-primary:#303a34;--border-secondary:#252e29;--border-focus:#60a5fa;--card-bg:#1b211e;--card-border:#94a3b829;--card-shadow:0 16px 40px #00000047;--input-bg:#252c28;--input-border:#343f39;--input-focus-bg:#202722;--surface-raised:#1b211e;--surface-sunken:#222b26;--glass-bg:#1b211ec7;--glass-border:#94a3b824;--glass-blur:blur(20px);--navbar-bg:#141916e0;--navbar-shadow:0 16px 36px #0000005c;--sidebar-bg:#141916bd;--shadow-xs:0 1px 2px #00000038;--shadow-sm:0 12px 28px #0000003d;--shadow-md:0 18px 44px #0000004d;--shadow-lg:0 26px 64px #00000061}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 7%, transparent) 0, transparent 360px), var(--bg-secondary);min-height:100vh;overflow-x:hidden}::selection{color:#fff;background:var(--color-primary)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 36%, transparent);outline-offset:2px}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button:disabled,button[aria-disabled=true]{cursor:not-allowed;opacity:.62;box-shadow:none!important;transform:none!important}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border-radius:var(--radius-md);outline:none;min-height:40px}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}table{border-collapse:collapse;width:100%}th{color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:left;text-transform:uppercase;letter-spacing:0}td{color:var(--text-secondary)}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-page{width:min(100%, var(--content-max-width));margin:0 auto}.ui-page-shell{width:min(100%, var(--content-max-width));gap:var(--sp-6);margin:0 auto;display:grid}.app-container{width:min(100%, var(--page-max-width));padding-inline:clamp(var(--sp-4), 3vw, var(--sp-8));margin:0 auto}.ui-page-header,.ui-section-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.ui-page-kicker{align-items:center;gap:var(--sp-2);min-height:28px;padding:0 var(--sp-3);color:var(--color-primary);background:var(--color-primary-soft);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}.ui-page-title{color:var(--text-primary);font-size:clamp(var(--fs-3xl), 2.4vw, var(--fs-5xl));font-weight:var(--fw-extrabold);line-height:var(--lh-tight);letter-spacing:0}.ui-page-subtitle{max-width:680px;margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--lh-relaxed)}.ui-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.ui-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 96%, var(--color-primary) 4%), var(--card-bg));border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.ui-list-card{align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:flex}.ui-list-card:hover{background:color-mix(in srgb, var(--card-bg) 94%, var(--color-primary) 6%);border-color:color-mix(in srgb, var(--color-primary) 20%, var(--card-border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ui-card-interactive{transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.ui-card-interactive:hover{border-color:color-mix(in srgb, var(--color-primary) 24%, var(--card-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.ui-stat-card{gap:var(--sp-3);padding:var(--sp-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);display:grid;position:relative;overflow:hidden}.ui-stat-card:before{content:"";background:var(--color-primary);width:3px;position:absolute;inset:0 auto 0 0}.ui-button,.ui-button-primary,.ui-button-secondary,.ui-button-ghost,.ui-icon-button,.ui-button-danger,.ui-button-success{gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);font-weight:var(--fw-bold);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.ui-button:hover,.ui-button-primary:hover,.ui-button-secondary:hover,.ui-button-ghost:hover,.ui-icon-button:hover,.ui-button-danger:hover,.ui-button-success:hover{transform:translateY(-1px)}.ui-button{color:var(--text-primary);background:var(--card-bg);border:1px solid var(--card-border)}.ui-button-primary{color:#fff;background:var(--color-primary)}.ui-button-primary:hover{background:var(--color-primary-hover);box-shadow:0 10px 24px color-mix(in srgb, var(--color-primary) 24%, transparent)}.ui-button-secondary{color:var(--color-primary);background:var(--color-primary-soft);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent)}.ui-button-ghost{color:var(--text-secondary);background:0 0}.ui-button-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.ui-icon-button{width:40px;min-width:40px;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--card-border);padding:0}.ui-button-success{color:#fff;background:var(--color-success)}.ui-button-danger{color:var(--color-error);background:var(--color-error-light);border:1px solid color-mix(in srgb, var(--color-error) 18%, transparent)}.ui-toolbar,.ui-action-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);flex-wrap:wrap;display:flex}.ui-search-control{width:min(100%,420px);position:relative}.ui-search-control svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ui-search-control input{width:100%;min-height:42px;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:10px 12px 10px 38px}.ui-search-control input:focus{background:var(--input-focus-bg);border-color:var(--border-focus);box-shadow:var(--focus-ring)}.ui-input{width:100%;min-height:42px;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 12px}.ui-input:focus{background:var(--input-focus-bg);border-color:var(--border-focus);box-shadow:var(--focus-ring)}.ui-field{gap:var(--sp-2);display:grid}.ui-form-section{gap:var(--sp-4);padding:var(--sp-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);display:grid}.ui-form-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-label{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:0;text-transform:uppercase}.ui-help-text{color:var(--text-tertiary);font-size:var(--fs-xs);line-height:var(--lh-normal)}.ui-error-text{color:var(--color-error);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.ui-badge{align-items:center;gap:var(--sp-1);min-height:24px;padding:0 var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-full);display:inline-flex}.ui-badge-info{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 12%, transparent)}.ui-badge-success{color:var(--color-success);background:var(--color-success-light)}.ui-badge-warning{color:var(--color-warning);background:var(--color-warning-light)}.ui-badge-danger{color:var(--color-error);background:var(--color-error-light)}.ui-badge-violet{color:var(--color-violet);background:var(--color-violet-light)}.ui-callout{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);background:var(--color-primary-soft);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);color:var(--text-secondary);line-height:var(--lh-relaxed);display:flex}.ui-avatar{color:#fff;background:var(--color-primary-gradient);border-radius:var(--radius-full);width:40px;height:40px;font-weight:var(--fw-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.ui-avatar-sm{width:32px;height:32px;font-size:var(--fs-sm)}.ui-avatar-lg{width:56px;height:56px;font-size:var(--fs-xl)}.ui-avatar-xl{width:80px;height:80px;font-size:var(--fs-3xl)}.ui-table-shell{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--card-shadow);overflow-x:auto}.ui-table{min-width:720px}.ui-table th,.ui-table td{border-bottom:1px solid var(--border-secondary);vertical-align:middle;padding:14px 16px}.ui-table tbody tr:hover td{background:var(--bg-hover)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-tabs{gap:var(--sp-1);padding:var(--sp-1);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:inline-flex}.ui-tab{justify-content:center;align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-3);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-bold);transition:all var(--transition-fast);display:inline-flex}.ui-tab[aria-selected=true],.ui-tab.is-active{color:#fff;background:var(--color-primary);box-shadow:var(--shadow-xs)}.ui-modal-overlay{z-index:var(--z-modal);padding:var(--sp-4);background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;display:grid;position:fixed;inset:0}.ui-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);width:min(100%,560px);max-height:min(90vh,760px);box-shadow:var(--shadow-xl);overflow:auto}.ui-modal-header,.ui-modal-body,.ui-modal-footer{padding:var(--sp-5)}.ui-modal-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);border-bottom:1px solid var(--border-secondary);display:flex}.ui-modal-body{gap:var(--sp-4);display:grid}.ui-modal-footer{justify-content:flex-end;gap:var(--sp-3);border-top:1px solid var(--border-secondary);display:flex}.ui-empty-state,.ui-error-state,.ui-success-state{place-items:center;gap:var(--sp-3);min-height:220px;padding:var(--sp-8);color:var(--text-secondary);text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);display:grid}.ui-empty-state svg,.ui-error-state svg,.ui-success-state svg{color:var(--text-tertiary)}.ui-error-state svg{color:var(--color-error)}.ui-success-state svg{color:var(--color-success)}.ui-breadcrumbs{align-items:center;gap:var(--sp-2);color:var(--text-tertiary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);display:flex}.ui-tooltip{z-index:var(--z-tooltip);max-width:240px;padding:var(--sp-2) var(--sp-3);color:var(--text-inverse);background:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);box-shadow:var(--shadow-md);position:absolute}.ui-pagination{justify-content:flex-end;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.ui-responsive-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.ui-split-grid{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;display:grid}.status-dot{border-radius:var(--radius-full);background:var(--text-tertiary);width:8px;height:8px;box-shadow:0 0 0 2px var(--card-bg)}.status-dot.is-online{background:var(--color-success)}.status-dot.is-busy{background:var(--color-warning)}.status-dot.is-offline{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) both}.animate-fade-in-up{animation:fadeInUp var(--transition-smooth) both}.animate-scale-in{animation:scaleIn var(--transition-smooth) both}.animate-slide-right{animation:slideInRight var(--transition-smooth) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text-sm{width:60%;height:12px;margin-bottom:6px}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton-avatar-lg{border-radius:var(--radius-full);width:80px;height:80px}.skeleton-card{height:200px}.skeleton-image{height:300px}@media (max-width:1279px){:root{--right-sidebar-width:0px}}@media (max-width:1023px){:root{--sidebar-width:var(--sidebar-collapsed);--content-max-width:100%}}@media (max-width:767px){:root{--sidebar-width:0px;--navbar-height:56px}body{padding-bottom:56px}.app-container{padding-inline:var(--sp-4)}.ui-page-header,.ui-section-header{flex-direction:column;align-items:stretch}.ui-tabs{width:100%;overflow-x:auto}.ui-tab{flex:1 0 auto;min-width:max-content}.ui-modal-overlay{padding:var(--sp-2);align-items:end}.ui-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh}.ui-modal-footer{flex-direction:column-reverse}.ui-modal-footer>*{width:100%}.ui-form-grid,.ui-split-grid{grid-template-columns:1fr}.ui-toolbar,.ui-action-toolbar{align-items:stretch}.ui-search-control{width:100%}}@media (max-width:480px){:root{--fs-5xl:1.75rem;--fs-4xl:1.5rem}.ui-page-shell{gap:var(--sp-4)}.ui-page-title{font-size:var(--fs-3xl)}.ui-empty-state,.ui-error-state,.ui-success-state{min-height:180px;padding:var(--sp-5)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%230084ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line></svg>");background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:4px;width:20px;height:20px;padding:2px;transition:all .2s}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#0084ff1a}