@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Montserrat:wght@300;400;500;600;700&display=swap");:root{--bg-base:#0A0A0A;--bg-surface:#111418;--bg-sidebar:#0C0E12;--bg-card:#1C1F26;--bg-card-hover:#252830;--bg-elevated:#2A2D36;--bg-input:#141720;--border-subtle:#1E2128;--border-default:#2A2D36;--border-strong:#3A3D46;--text-primary:#F0F2F5;--text-secondary:#A0A8B8;--text-muted:#6C7488;--text-subtle:#4A5060;--accent:#145A3A;--accent-hover:#1A7A4E;--accent-subtle:rgba(20,90,58,0.15);--accent-strong:#0F3D2E;--gold:#D4AF37;--gold-light:#F2D16B;--gold-subtle:rgba(212,175,55,0.12);--gold-hover:#E0C050;--green-primary:#0F3D2E;--green-secondary:#145A3A;--success:#2dd4a0;--success-bg:rgba(45,212,160,0.12);--warning:#f5a942;--warning-bg:rgba(245,169,66,0.12);--error:#ef4865;--error-bg:rgba(239,72,101,0.12);--info:#5f9fff;--info-bg:rgba(95,159,255,0.12);--sidebar-w:248px;--sidebar-w-collapsed:64px;--topbar-h:72px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--shadow-sm:0 1px 3px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--trans:180ms ease}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1{font-size:28px;letter-spacing:-.02em}h1,h2{font-weight:700;margin:0}h2{font-size:22px;letter-spacing:-.01em}h3{font-size:17px}h3,h4{font-weight:600;margin:0}h4{font-size:14px}.app-shell{display:flex;min-height:100vh;background:var(--bg-base)}.app-shell__sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:50;transition:transform var(--trans);scrollbar-width:none;-ms-overflow-style:none}.app-shell__sidebar::-webkit-scrollbar{display:none}.app-shell__main{flex:1 1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0}.app-shell__topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell__content{padding:var(--sp-xl) var(--sp-xl);max-width:1600px;width:100%;margin:0 auto}.sidebar__header{padding:var(--sp-lg) var(--sp-md);border-bottom:1px solid var(--border-subtle)}.sidebar__logo{display:flex;align-items:center;gap:var(--sp-sm)}.sidebar__logo-mark{width:36px;height:36px;border-radius:var(--r-md);background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar__logo-mark img{width:100%;height:100%;object-fit:contain}.sidebar__logo-text{font-weight:700;font-size:15px;letter-spacing:.02em;line-height:1.1}.sidebar__logo-sub{font-size:10px;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:2px}.sidebar__env-card{margin:var(--sp-md);padding:var(--sp-md);background:linear-gradient(135deg,rgba(20,90,58,.15),rgba(20,90,58,.05));border:1px solid rgba(20,90,58,.25);border-radius:var(--r-md)}.sidebar__env-label{font-size:10px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.sidebar__env-title{font-size:14px;font-weight:700;margin-bottom:6px}.sidebar__env-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.sidebar__nav{padding:var(--sp-sm) var(--sp-sm) var(--sp-xl)}.sidebar__section{margin-bottom:var(--sp-xs)}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-radius:var(--r-md);transition:background var(--trans)}.sidebar__section-header:hover{background:var(--bg-card)}.sidebar__section-title{display:flex;align-items:center;gap:10px}.sidebar__section-title-icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.sidebar__section-title-text{font-size:13px;font-weight:600;color:var(--text-primary)}.sidebar__section-title-sub{font-size:10px;color:var(--text-muted);display:block;margin-top:1px}.sidebar__section-chevron{color:var(--text-muted);transition:transform var(--trans)}.sidebar__section--open .sidebar__section-chevron{transform:rotate(180deg)}.sidebar__items{margin-top:var(--sp-xs);padding-left:32px;display:flex;flex-direction:column;gap:2px}.sidebar__item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans)}.sidebar__item:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar__item--active{background:linear-gradient(135deg,rgba(15,61,46,.35),rgba(20,90,58,.15));color:var(--gold);border:1px solid rgba(20,90,58,.4)}.sidebar__item-icon{flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-xl);height:var(--topbar-h);gap:var(--sp-lg)}.topbar__left{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar__breadcrumbs{font-size:11px;color:var(--text-muted);letter-spacing:.02em}.topbar__breadcrumbs span{color:var(--text-secondary)}.topbar__title{font-size:20px;font-weight:700;letter-spacing:-.01em}.topbar__center{display:flex;align-items:center;gap:var(--sp-sm)}.topbar__pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans)}.topbar__pill:hover{background:var(--bg-card-hover);color:var(--text-primary)}.topbar__right{gap:var(--sp-sm)}.topbar__right,.topbar__search{display:flex;align-items:center}.topbar__search{gap:8px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);width:280px;max-width:100%}.topbar__search input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px}.topbar__search input::placeholder{color:var(--text-muted)}.search-results-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:420px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,.35));z-index:200;padding:4px}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);width:100%;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--text-primary);font-size:13px;transition:background var(--trans)}.search-result-item+.search-result-item{border-top:1px solid var(--border-subtle)}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-item__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.search-result-item__title{font-weight:600;font-size:13px;color:var(--text-primary)}.search-result-item__subtitle,.search-result-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item__subtitle{font-size:11px;color:var(--text-muted)}.search-result-empty{gap:8px;padding:14px 12px;color:var(--text-muted);font-size:12px}.search-result-empty,.topbar__icon-btn{display:flex;align-items:center;justify-content:center}.topbar__icon-btn{width:36px;height:36px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;color:var(--text-secondary);transition:all var(--trans)}.topbar__icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.topbar__user{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;transition:all var(--trans)}.topbar__user:hover{background:var(--bg-card-hover)}.topbar__avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:white}.topbar__user-info{display:flex;flex-direction:column}.topbar__user-name{font-size:13px;font-weight:600}.topbar__user-role{font-size:10px;color:var(--text-muted)}.topbar__mobile-toggle{display:none;width:36px;height:36px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-default);align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.sidebar__mobile-close{display:none}.page-header{margin-bottom:var(--sp-xl)}.page-header__title{font-size:24px;font-weight:700;margin-bottom:4px}.page-header__subtitle{font-size:13px;color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-lg);transition:all var(--trans)}.card--hover{cursor:pointer}.card--hover:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.card--elevated{background:var(--bg-elevated)}.card--gradient{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-elevated) 100%)}.card--flat{padding:0;background:transparent;border:1px solid var(--border-subtle)}.kpi{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-sm);transition:all var(--trans)}.kpi:hover{border-color:var(--border-strong)}.kpi__header{gap:10px}.kpi__header,.kpi__icon{display:flex;align-items:center}.kpi__icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--accent-subtle);color:var(--accent);justify-content:center}.kpi__label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.01em;text-transform:none}.kpi__value{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary)}.kpi__value--lg{font-size:32px}.kpi__help{font-size:11px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--trans);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--green-secondary) 0,var(--green-primary) 100%);color:white;border:1px solid rgba(212,175,55,.2)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0,var(--green-secondary) 100%);border-color:var(--gold)}.btn--secondary{background:var(--bg-card);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn--danger{background:var(--error);color:white}.btn--danger:hover:not(:disabled){background:#d63a56}.btn--success{background:var(--success);color:var(--bg-base)}.btn--sm{padding:6px 12px;font-size:12px}.btn--lg{padding:12px 22px;font-size:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group__label{font-size:12px;font-weight:600;color:var(--text-secondary)}.input-group__required{color:var(--error)}.input,.select,.textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);font-size:13px;font-family:inherit;transition:all var(--trans);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,175,55,.12)}.input:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.input-group__error{font-size:11px;color:var(--error);margin-top:2px}.input-group__help{font-size:11px;color:var(--text-muted)}.textarea{min-height:80px;resize:vertical}.alert{padding:12px 16px;border-radius:var(--r-md);font-size:13px;display:flex;align-items:flex-start;gap:10px;border:1px solid transparent}.alert--success{background:var(--success-bg);border-color:rgba(45,212,160,.3);color:#7fe4c3}.alert--error{background:var(--error-bg);border-color:rgba(239,72,101,.3);color:#f97b93}.alert--warning{background:var(--warning-bg);border-color:rgba(245,169,66,.3);color:#f8c378}.alert--info{background:var(--info-bg);border-color:rgba(95,159,255,.3);color:#8fb8ff}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--error{background:var(--error-bg);color:var(--error)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--neutral{background:var(--bg-elevated);color:var(--text-secondary)}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--trans)}.table tbody tr:hover{background:var(--bg-card-hover)}.section{margin-bottom:var(--sp-xl)}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.section__title{font-size:16px;font-weight:700}.section__subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.section-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.empty-state{padding:var(--sp-2xl);text-align:center;color:var(--text-muted)}.empty-state__title{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.empty-state__desc{font-size:12px}.spinner{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grid{display:grid;grid-gap:var(--sp-md);gap:var(--sp-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-default);margin-bottom:var(--sp-lg)}.tabs__tab{padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--trans)}.tabs__tab:hover{color:var(--text-secondary)}.tabs__tab--active{color:var(--text-primary);border-bottom-color:var(--accent)}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.mb-md{margin-bottom:var(--sp-md)}.mb-lg{margin-bottom:var(--sp-lg)}.small{color:var(--text-muted)}.code,.small{font-size:12px}.code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;word-break:break-all}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a2350 0,var(--bg-base) 60%);padding:var(--sp-xl)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-2xl)}.auth-card__logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:var(--sp-lg)}input,select,textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);font-size:13px;font-family:inherit;transition:all var(--trans);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,175,55,.12)}input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--accent)}input[type=file]{padding:8px 12px;cursor:pointer;font-size:12px}input[type=file]::-webkit-file-upload-button{background:var(--accent);color:white;border:none;padding:6px 14px;border-radius:var(--r-sm);font-size:12px;font-weight:600;cursor:pointer;margin-right:10px;-webkit-transition:background var(--trans);transition:background var(--trans)}input[type=file]::file-selector-button{background:var(--accent);color:white;border:none;padding:6px 14px;border-radius:var(--r-sm);font-size:12px;font-weight:600;cursor:pointer;margin-right:10px;transition:background var(--trans)}input[type=file]::-webkit-file-upload-button:hover{background:var(--accent-hover)}input[type=file]::file-selector-button:hover{background:var(--accent-hover)}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}label{display:block;margin-bottom:12px}label>div{font-weight:600;margin-bottom:6px}label>div,label>span{font-size:12px;color:var(--text-secondary)}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;background:var(--accent);color:#fff!important;font-family:inherit;transition:all var(--trans)}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.tabs__tab{color:var(--text-secondary)!important;background:transparent!important;border:none!important;border-bottom:2px solid transparent!important}.tabs__tab--active,.tabs__tab:hover{color:var(--text-primary)!important}.tabs__tab--active{border-bottom-color:var(--accent)!important}.container{max-width:1400px;margin:0 auto}.panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:var(--sp-md)}.panel h2{font-size:18px}.panel h2,.panel h3{margin-bottom:var(--sp-sm)}.panel h3{font-size:15px}.error{background:var(--error-bg);border:1px solid rgba(239,72,101,.3);color:#f97b93;border-radius:var(--r-md)}.error,.success{padding:10px 14px;font-size:13px;margin-bottom:var(--sp-sm)}.success{background:var(--success-bg);border:1px solid rgba(45,212,160,.3);color:#7fe4c3;border-radius:var(--r-md)}.danger{background:var(--error)!important;color:#fff!important}.secondary{background:var(--bg-card)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.panel .grid,.panel .grid-2,.panel .grid-3,.table-wrapper{margin-bottom:var(--sp-md)}.card+.card{margin-top:var(--sp-md)}.grid-2>.card+.card,.grid-3>.card+.card,.grid-4>.card+.card,.grid>.card+.card{margin-top:0}.panel a{color:var(--accent)}.panel a:hover{color:var(--accent-hover);text-decoration:underline}@media (max-width:1280px){.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:1024px){.app-shell__content{padding:var(--sp-lg)}.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){:root{--sidebar-w:0px}.app-shell__sidebar{width:280px;transform:translateX(-100%)}.app-shell__sidebar--open{transform:translateX(0);box-shadow:var(--shadow-lg)}.app-shell__main{margin-left:0}.topbar__mobile-toggle{display:flex}.sidebar__mobile-close{display:flex;margin-left:auto}.topbar__center,.topbar__search,.topbar__user-info{display:none}.topbar__title{font-size:17px}.app-shell__content{padding:var(--sp-md)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.kpi__value{font-size:22px}.kpi__value--lg{font-size:26px}.auth-card{padding:var(--sp-lg)}.flex{flex-wrap:wrap}.panel button{width:100%}.panel button[style*="width: auto"],.panel button[style*="width:'auto'"]{width:auto!important}.panel>div>button{font-size:11px;padding:8px 6px}}.auth-card h1,h1,h2,h3{font-family:Playfair Display,Georgia,serif}.auth-card__logo img{filter:drop-shadow(0 2px 8px rgba(212,175,55,.15))}.sidebar__item--active .sidebar__item-icon{color:var(--gold)}.badge--success{background:rgba(15,61,46,.2);color:#2dd47b;border:1px solid rgba(15,61,46,.3)}.kpi-card{border-left:3px solid var(--green-secondary)}.btn--secondary{border-color:var(--border-strong);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}