@charset "UTF-8";:root{--x-brand-50: #EFF6FC;--x-brand-100: #DDEBF8;--x-brand-200: #B9D7F1;--x-brand-300: #8FBEE7;--x-brand-400: #56B4D9;--x-brand-500: #2E7BCF;--x-brand-600: #1F62B0;--x-brand-700: #174E8E;--x-brand-800: #103A6C;--x-brand-900: #0F2E5C;--x-gray-50: #F7F9FC;--x-gray-100: #EEF1F6;--x-gray-200: #E2E7EE;--x-gray-300: #C8D0DA;--x-gray-400: #9AA5B5;--x-gray-500: #6C7989;--x-gray-600: #4A5564;--x-gray-700: #323B49;--x-gray-800: #1F2733;--x-gray-900: #11161F;--x-success-50: #ECFDF5;--x-success-500: #16A34A;--x-success-700: #15803D;--x-warning-50: #FFFBEB;--x-warning-500: #F59E0B;--x-warning-700: #B45309;--x-danger-50: #FEF2F2;--x-danger-500: #DC2626;--x-danger-700: #B91C1C;--x-info-50: #EFF6FF;--x-info-500: #3B82F6;--x-bg: var(--x-gray-50);--x-surface: #FFFFFF;--x-border: var(--x-gray-200);--x-border-soft: var(--x-gray-100);--x-text: var(--x-gray-800);--x-text-soft: var(--x-gray-600);--x-text-muted: var(--x-gray-500);--x-primary: var(--x-brand-500);--x-primary-hover: var(--x-brand-600);--x-primary-active: var(--x-brand-700);--x-sidebar-bg: var(--x-brand-900);--x-sidebar-text: #C8D7EC;--x-sidebar-text-hi: #FFFFFF;--x-sidebar-muted: #7E97BD;--x-sidebar-border: rgba(255,255,255,.06);--x-sidebar-active: rgba(86,180,217,.16);--x-sidebar-active-border: var(--x-brand-400);--x-sidebar-width: 248px;--x-topbar-height: 60px;--x-space-1: .25rem;--x-space-2: .5rem;--x-space-3: .75rem;--x-space-4: 1rem;--x-space-5: 1.5rem;--x-space-6: 2rem;--x-space-8: 3rem;--x-radius-sm: 6px;--x-radius: 8px;--x-radius-lg: 12px;--x-radius-xl: 16px;--x-shadow-xs: 0 1px 2px rgba(15,46,92,.04);--x-shadow-sm: 0 1px 3px rgba(15,46,92,.06), 0 1px 2px rgba(15,46,92,.04);--x-shadow: 0 4px 12px rgba(15,46,92,.08), 0 1px 3px rgba(15,46,92,.05);--x-shadow-lg: 0 12px 28px rgba(15,46,92,.1), 0 4px 8px rgba(15,46,92,.06);--x-shadow-focus: 0 0 0 3px rgba(46,123,207,.18);--x-transition-fast: .12s ease;--x-transition: .18s ease;--x-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--x-font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--x-font-size-xs: .75rem;--x-font-size-sm: .8125rem;--x-font-size-base: .875rem;--x-font-size-md: .9375rem;--x-font-size-lg: 1.0625rem;--x-font-size-xl: 1.25rem;--x-font-size-2xl: 1.625rem}.x-app{display:grid;grid-template-columns:var(--x-sidebar-width) 1fr;min-height:100vh;background:var(--x-bg)}.x-app-body{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.x-main{flex:1;overflow-y:auto;overflow-x:hidden}.x-page{max-width:1440px;margin:0 auto;padding:var(--x-space-5) var(--x-space-6)}.x-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--x-space-4);margin-bottom:var(--x-space-5);padding-bottom:var(--x-space-3);border-bottom:1px solid var(--x-border-soft)}.x-page-header__title{margin:0;font-size:var(--x-font-size-xl);font-weight:600;color:var(--x-gray-900)}.x-page-header__subtitle{margin:2px 0 0;font-size:var(--x-font-size-sm);color:var(--x-text-muted)}.x-page-header__actions{display:flex;gap:var(--x-space-2);align-items:center}.x-sidebar{background:var(--x-sidebar-bg);color:var(--x-sidebar-text);border-right:1px solid var(--x-sidebar-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden}.x-sidebar__brand{display:flex;align-items:center;gap:var(--x-space-3);padding:0 var(--x-space-5);height:var(--x-topbar-height);flex-shrink:0;border-bottom:1px solid var(--x-sidebar-border);text-decoration:none}.x-sidebar__brand:hover{background:#ffffff08}.x-sidebar__brand-mark{width:34px;height:34px;border-radius:var(--x-radius);background:linear-gradient(135deg,var(--x-brand-400),var(--x-brand-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:inset 0 1px #fff3,0 2px 6px #00000040}.x-sidebar__brand-name{color:#fff;font-weight:700;font-size:1.0625rem;letter-spacing:-.01em}.x-sidebar__brand-tag{color:var(--x-sidebar-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em}.x-sidebar__scroll{flex:1;overflow-y:auto;padding:var(--x-space-3) 0 var(--x-space-5)}.x-sidebar__scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-color:var(--x-sidebar-bg)}.x-sidebar-section{padding:var(--x-space-3) var(--x-space-3) var(--x-space-1)}.x-sidebar-section__title{padding:var(--x-space-2) var(--x-space-3);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--x-sidebar-muted)}.x-sidebar-item{display:flex;align-items:center;gap:var(--x-space-3);padding:.5rem var(--x-space-3);margin:1px var(--x-space-2);border-radius:var(--x-radius);color:var(--x-sidebar-text);font-size:var(--x-font-size-sm);font-weight:500;text-decoration:none;transition:background var(--x-transition-fast),color var(--x-transition-fast);position:relative;cursor:pointer}.x-sidebar-item:hover{background:#ffffff0d;color:var(--x-sidebar-text-hi)}.x-sidebar-item.is-active{background:var(--x-sidebar-active);color:var(--x-sidebar-text-hi);font-weight:600}.x-sidebar-item.is-active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--x-sidebar-active-border)}.x-sidebar-item.is-disabled{color:var(--x-sidebar-muted);cursor:not-allowed;pointer-events:none;opacity:.7}.x-sidebar-item__icon{width:18px;height:18px;flex-shrink:0;opacity:.85}.x-sidebar-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-sidebar-item__badge{font-size:.625rem;padding:1px 6px;border-radius:999px;background:#ffffff1a;color:var(--x-sidebar-muted);font-weight:600;text-transform:uppercase}.x-sidebar__footer{flex-shrink:0;padding:var(--x-space-3) var(--x-space-4);border-top:1px solid var(--x-sidebar-border);font-size:var(--x-font-size-xs);color:var(--x-sidebar-muted);display:flex;align-items:center;justify-content:space-between}.x-sidebar__footer-version{font-family:var(--x-font-mono);font-size:.6875rem;padding:2px 6px;border-radius:4px;background:#ffffff0a;color:var(--x-sidebar-text)}.x-topbar{display:flex;align-items:center;gap:var(--x-space-4);height:var(--x-topbar-height);padding:0 var(--x-space-6);background:#fff;border-bottom:1px solid var(--x-border);flex-shrink:0;position:sticky;top:0;z-index:10}.x-topbar__breadcrumb{display:flex;align-items:center;gap:var(--x-space-2);font-size:var(--x-font-size-sm);color:var(--x-text-muted)}.x-topbar__breadcrumb-current{color:var(--x-text);font-weight:600}.x-topbar__spacer{flex:1}.x-topbar__search{position:relative;width:320px;max-width:40%}.x-topbar__search input{width:100%;height:36px;padding:0 var(--x-space-3) 0 36px;border:1px solid var(--x-border);border-radius:var(--x-radius);background:var(--x-gray-50);font-size:var(--x-font-size-sm);color:var(--x-text)}.x-topbar__search input:focus{outline:none;background:#fff;border-color:var(--x-brand-400);box-shadow:var(--x-shadow-focus)}.x-topbar__search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--x-text-muted)}.x-topbar__user{display:flex;align-items:center;gap:var(--x-space-2)}.x-topbar__user-info{display:flex;flex-direction:column;line-height:1.2;text-align:right}.x-topbar__user-name{font-size:var(--x-font-size-sm);font-weight:600;color:var(--x-text)}.x-topbar__user-role{font-size:.6875rem;color:var(--x-text-muted)}.x-topbar__user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--x-brand-500),var(--x-brand-700));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--x-font-size-sm)}.x-topbar__logout{background:transparent;border:1px solid var(--x-border);color:var(--x-text-soft);width:36px;height:36px;border-radius:var(--x-radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--x-transition-fast)}.x-topbar__logout:hover{color:var(--x-danger-700);border-color:var(--x-danger-500);background:var(--x-danger-50)}.x-topbar__logout svg{width:16px;height:16px}.btn{font-family:var(--x-font-sans);font-size:var(--x-font-size-sm);font-weight:600;padding:.5rem 1rem;border-radius:var(--x-radius);border:1px solid transparent;transition:all var(--x-transition-fast);cursor:pointer;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:var(--x-space-2)}.btn:focus{outline:none;box-shadow:var(--x-shadow-focus)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:var(--x-primary);border-color:var(--x-primary);box-shadow:0 1px 2px #0f2e5c1f}.btn-primary:hover{background:var(--x-primary-hover);border-color:var(--x-primary-hover);box-shadow:0 2px 6px #2e7bcf47}.btn-secondary{color:var(--x-text);background:#fff;border-color:var(--x-border)}.btn-secondary:hover{background:var(--x-gray-50);border-color:var(--x-gray-300)}.btn-success{color:#fff;background:var(--x-success-500);border-color:var(--x-success-500)}.btn-success:hover{background:var(--x-success-700);border-color:var(--x-success-700)}.btn-danger{color:#fff;background:var(--x-danger-500);border-color:var(--x-danger-500)}.btn-danger:hover{background:var(--x-danger-700);border-color:var(--x-danger-700)}.btn-ghost{color:var(--x-primary);background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--x-brand-50)}.btn-sm{font-size:var(--x-font-size-xs);padding:.3rem .65rem;border-radius:var(--x-radius-sm)}.btn-lg{font-size:var(--x-font-size-md);padding:.7rem 1.25rem}a.btn-primary:hover,a.btn-success:hover,a.btn-danger:hover{color:#fff}a.btn-secondary:hover{color:var(--x-text)}a.btn-ghost:hover{color:var(--x-primary)}.form-group{margin-bottom:var(--x-space-4)}.form-label,label{font-size:var(--x-font-size-xs);font-weight:600;color:var(--x-text-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;display:inline-block}.form-control,input.form-control,select.form-control,textarea.form-control{font-family:var(--x-font-sans);font-size:var(--x-font-size-sm);color:var(--x-text);background:#fff;border:1px solid var(--x-border);border-radius:var(--x-radius-sm);padding:.45rem .7rem;min-height:36px;line-height:1.4;width:100%;transition:border-color var(--x-transition-fast),box-shadow var(--x-transition-fast)}.form-control:focus{border-color:var(--x-brand-400);box-shadow:var(--x-shadow-focus);outline:none}.form-control[readonly],.form-control:disabled{background:var(--x-gray-50);color:var(--x-text-soft)}.form-control.is-invalid{border-color:var(--x-danger-500)}.form-error{color:var(--x-danger-700);font-size:var(--x-font-size-xs);margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--x-space-4)}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236C7989' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:12px;padding-right:2rem}.x-table-wrap{background:var(--x-surface);border:1px solid var(--x-border);border-radius:var(--x-radius);overflow:hidden;box-shadow:var(--x-shadow-xs)}.x-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--x-font-size-sm)}.x-table thead th{background:var(--x-gray-50);color:var(--x-text-soft);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;border-bottom:1px solid var(--x-border);padding:.75rem 1rem;text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.x-table thead th:hover{color:var(--x-primary)}.x-table tbody td{padding:.7rem 1rem;border-top:1px solid var(--x-border-soft);color:var(--x-text);vertical-align:middle}.x-table tbody tr{transition:background var(--x-transition-fast)}.x-table tbody tr:hover{background:var(--x-brand-50);cursor:pointer}.x-table__actions{display:flex;gap:var(--x-space-2)}.x-table__empty{padding:var(--x-space-8);text-align:center;color:var(--x-text-muted)}.x-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--x-space-3);margin-top:var(--x-space-4);font-size:var(--x-font-size-sm);color:var(--x-text-muted)}.x-pagination__controls{display:flex;gap:var(--x-space-2)}.x-card{background:var(--x-surface);border:1px solid var(--x-border);border-radius:var(--x-radius);box-shadow:var(--x-shadow-xs);margin-bottom:var(--x-space-4)}.x-card__header{padding:var(--x-space-4) var(--x-space-5);border-bottom:1px solid var(--x-border-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--x-space-3)}.x-card__header-title{margin:0;font-size:var(--x-font-size-md);font-weight:600;color:var(--x-gray-900)}.x-card__body{padding:var(--x-space-5)}.x-card__footer{padding:var(--x-space-3) var(--x-space-5);border-top:1px solid var(--x-border-soft);background:var(--x-gray-50);border-radius:0 0 var(--x-radius) var(--x-radius);display:flex;justify-content:flex-end;gap:var(--x-space-2)}.x-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--x-space-4)}.x-kpi{background:var(--x-surface);border:1px solid var(--x-border);border-radius:var(--x-radius);padding:var(--x-space-5);box-shadow:var(--x-shadow-xs)}.x-kpi__label{font-size:var(--x-font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--x-text-muted);font-weight:600}.x-kpi__value{font-size:var(--x-font-size-2xl);font-weight:700;color:var(--x-gray-900);font-variant-numeric:tabular-nums;margin-top:var(--x-space-2)}.x-kpi__hint{font-size:var(--x-font-size-xs);color:var(--x-text-muted);margin-top:var(--x-space-1)}.x-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--x-font-size-xs);font-weight:600;padding:2px 8px;border-radius:999px;background:var(--x-gray-100);color:var(--x-text-soft)}.x-badge--success{background:var(--x-success-50);color:var(--x-success-700)}.x-badge--danger{background:var(--x-danger-50);color:var(--x-danger-700)}.x-badge--warning{background:var(--x-warning-50);color:var(--x-warning-700)}.x-badge--brand{background:var(--x-brand-50);color:var(--x-primary)}.x-alert{border-radius:var(--x-radius);border:1px solid transparent;padding:var(--x-space-3) var(--x-space-4);font-size:var(--x-font-size-sm);margin-bottom:var(--x-space-4)}.x-alert--danger{background:var(--x-danger-50);border-color:#fecaca;color:var(--x-danger-700)}.x-alert--success{background:var(--x-success-50);border-color:#bbf7d0;color:var(--x-success-700)}.x-alert--info{background:var(--x-info-50);border-color:#bfdbfe;color:#1e40af}.x-auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--x-bg)}.x-auth__hero{background:linear-gradient(135deg,var(--x-brand-900) 0%,var(--x-brand-700) 100%);color:#fff;padding:var(--x-space-8);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.x-auth__hero:before{content:"";position:absolute;width:520px;height:520px;top:-240px;right:-180px;border-radius:50%;background:radial-gradient(circle,rgba(86,180,217,.4),transparent 65%)}.x-auth__hero:after{content:"";position:absolute;width:320px;height:320px;bottom:-160px;left:-100px;border-radius:50%;background:radial-gradient(circle,rgba(46,123,207,.45),transparent 65%)}.x-auth__hero>*{position:relative;z-index:1}.x-auth__brand{display:flex;align-items:center;gap:var(--x-space-3);color:#fff}.x-auth__brand-mark{width:44px;height:44px;border-radius:var(--x-radius);background:linear-gradient(135deg,var(--x-brand-400),var(--x-brand-500));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.x-auth__hero-title{font-size:2.5rem;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--x-space-4)}.x-auth__hero-text{font-size:var(--x-font-size-md);color:#ffffffc7;line-height:1.6}.x-auth__hero-features{list-style:none;padding:0;margin:var(--x-space-5) 0 0;display:flex;flex-direction:column;gap:var(--x-space-2)}.x-auth__hero-features li{display:flex;align-items:center;gap:var(--x-space-2);color:#ffffffdb;font-size:var(--x-font-size-sm)}.x-auth__hero-features svg{color:var(--x-brand-400);width:18px;height:18px;flex-shrink:0}.x-auth__form-side{display:flex;align-items:center;justify-content:center;padding:var(--x-space-8)}.x-auth__form-wrap{width:100%;max-width:400px}.x-auth__form-title{font-size:var(--x-font-size-2xl);font-weight:700;color:var(--x-gray-900);margin:0 0 var(--x-space-2)}.x-auth__form-sub{color:var(--x-text-muted);font-size:var(--x-font-size-sm);margin-bottom:var(--x-space-5)}.x-auth__form .form-control{height:42px}.x-auth__form .btn-primary{width:100%;height:44px;font-size:var(--x-font-size-md);margin-top:var(--x-space-2)}@media (max-width: 768px){.x-app{grid-template-columns:1fr}.x-sidebar{position:fixed;inset:0 auto 0 0;width:var(--x-sidebar-width);z-index:100;transform:translate(-100%);transition:transform var(--x-transition);box-shadow:var(--x-shadow-lg)}.x-app.is-sidebar-open .x-sidebar{transform:translate(0)}.x-app-body{height:auto;overflow:visible}.x-main{overflow:visible}.x-auth{grid-template-columns:1fr}.x-auth__hero{display:none}}.x-row{display:flex;align-items:center;gap:var(--x-space-3)}.x-row--between{justify-content:space-between}.x-stack{display:flex;flex-direction:column;gap:var(--x-space-3)}.x-spacer{flex:1}.text-muted{color:var(--x-text-muted)}.text-mono{font-family:var(--x-font-mono)}.text-num{font-variant-numeric:tabular-nums}.x-spinner{width:20px;height:20px;border:2px solid var(--x-border);border-top-color:var(--x-primary);border-radius:50%;animation:x-spin .7s linear infinite}@keyframes x-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--x-bg);color:var(--x-text);font-family:var(--x-font-sans);font-size:var(--x-font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--x-primary);text-decoration:none;transition:color var(--x-transition-fast)}a:hover{color:var(--x-primary-hover)}::selection{background:var(--x-brand-200);color:var(--x-brand-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--x-gray-300);border-radius:10px;border:2px solid var(--x-bg)}::-webkit-scrollbar-thumb:hover{background:var(--x-gray-400)}h1,h2,h3,h4,h5,h6{font-family:var(--x-font-sans);color:var(--x-gray-900);font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:0 0 var(--x-space-3)}h1{font-size:var(--x-font-size-2xl);font-weight:700}h2{font-size:var(--x-font-size-xl)}h3{font-size:var(--x-font-size-lg)}p{margin:0 0 var(--x-space-3)}