@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap");:root{--brand-primary:#e8360d;--brand-primary-hover:#ff4a1f;--brand-primary-dim:rgba(232,54,13,.1);--brand-primary-glow:rgba(232,54,13,.2);--accent-blue:#2f80ed;--accent-blue-hover:#4390f5;--accent-blue-dim:rgba(47,128,237,.1);--sidebar-bg:#0d1117;--sidebar-border:hsla(0,0%,100%,.06);--sidebar-text:#8b949e;--sidebar-text-hover:#e6edf3;--sidebar-active-bg:rgba(232,54,13,.14);--sidebar-active-text:#ff6b47;--bg-page:#f6f7fb;--bg-surface:#fff;--bg-raised:#fff;--bg-sunken:#f0f2f7;--bg-overlay:rgba(13,17,23,.5);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-on-dark:#e6edf3;--text-inverted:#fff;--border-light:#e9ebf0;--border-medium:#d1d5db;--border-strong:#9ca3af;--status-success:#16a34a;--status-success-bg:rgba(22,163,74,.08);--status-warning:#d97706;--status-warning-bg:rgba(217,119,6,.08);--status-danger:#dc2626;--status-danger-bg:rgba(220,38,38,.08);--status-info:#2f80ed;--status-info-bg:rgba(47,128,237,.08);--status-neutral-bg:#f3f4f6;--status-neutral-text:#6b7280;--table-head-bg:#1c2130;--table-head-text:#8b949e;--table-row-hover:#f8f9fc;--table-border:#eef0f6;--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Fira Code",monospace;--sidebar-width:240px;--radius-sm:4px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 6px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 14px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);--shadow-focus:0 0 0 3px rgba(47,128,237,.2);--shadow-focus-red:0 0 0 3px rgba(232,54,13,.2);--t-fast:0.12s ease;--t-base:0.18s ease;--t-slow:0.28s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.admin-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.admin-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-logo{gap:9px;padding:20px 20px 0;margin-bottom:28px}.admin-logo,.admin-logo-mark{display:flex;align-items:center}.admin-logo-mark{width:28px;height:28px;background:var(--brand-primary);border-radius:var(--radius-md);justify-content:center;flex-shrink:0}.admin-logo-mark:after{content:"";width:10px;height:10px;border:2px solid hsla(0,0%,100%,.9);border-radius:2px;transform:rotate(45deg)}.admin-logo-text{font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--text-on-dark);text-transform:uppercase}.admin-logo-text span{color:var(--brand-primary)}.admin-nav-section{padding:0 12px;margin-bottom:4px}.admin-nav-section-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsla(212,9%,58%,.5);padding:0 8px;margin-bottom:4px;margin-top:16px}.admin-nav{display:flex;flex-direction:column;gap:1px;padding:0 12px}.admin-nav-link{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--sidebar-text);font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.admin-nav-link:hover{background:hsla(0,0%,100%,.06);color:var(--sidebar-text-hover)}.admin-nav-link-active{font-weight:600}.admin-nav-link-active,.admin-nav-link-active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.nav-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.admin-sidebar-footer{margin-top:auto;padding:16px 12px;border-top:1px solid var(--sidebar-border)}.admin-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast)}.admin-user:hover{background:hsla(0,0%,100%,.06)}.admin-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-user-name{font-size:12px;font-weight:500;color:var(--sidebar-text-hover)}.admin-user-role{font-size:11px;color:var(--sidebar-text)}.admin-main{min-width:0;background:var(--bg-page)}.admin-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-light);padding:0 32px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-topbar-left{display:flex;align-items:center;gap:8px}.admin-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.admin-breadcrumb-sep{color:var(--border-medium);font-size:11px}.admin-breadcrumb-current{color:var(--text-primary);font-weight:600}.admin-topbar-right{display:flex;align-items:center;gap:8px}.page-container{padding:28px 32px;max-width:1400px}.page-header{margin-bottom:24px}.page-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:3px}.page-subtitle{font-size:13px;color:var(--text-secondary);font-weight:400}.panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px;box-shadow:var(--shadow-xs)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.005em}.panel-title-sm{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.panel-accent-red{border-top:2px solid var(--brand-primary)}.panel-accent-blue{border-top:2px solid var(--accent-blue)}.toolbar{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:10px 16px;display:flex;align-items:center;gap:10px;margin-bottom:16px;box-shadow:var(--shadow-xs);flex-wrap:wrap}.toolbar-separator{width:1px;height:20px;background:var(--border-light);flex-shrink:0}.table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.btn,.table-wrap{background:var(--bg-surface);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),color var(--t-fast);line-height:1}.btn,.btn:hover{color:var(--text-primary)}.btn:hover{background:var(--bg-sunken);border-color:var(--border-strong)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-sm{padding:5px 10px;font-size:11px}.btn-lg{padding:10px 20px;font-size:13px}.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 1px 3px rgba(232,54,13,.25)}.btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:#fff;box-shadow:0 2px 8px rgba(232,54,13,.35)}.btn-primary:focus-visible{box-shadow:var(--shadow-focus-red)}.btn-blue{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 1px 3px rgba(47,128,237,.25)}.btn-blue:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:#fff;box-shadow:0 2px 8px rgba(47,128,237,.35)}.btn-danger{background:transparent;color:var(--status-danger)}.btn-danger,.btn-danger:hover{border-color:var(--status-danger)}.btn-danger:hover{background:var(--status-danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover{background:var(--bg-sunken);border-color:transparent;color:var(--text-primary)}.btn-icon{padding:7px;width:32px;height:32px}.form-group{margin-bottom:16px}.label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.label-required:after{content:" *";color:var(--brand-primary)}.input,.select{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:13px;transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;box-shadow:var(--shadow-xs)}.input:hover,.select:hover{border-color:var(--border-medium)}.input:focus,.select:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--status-danger)!important}.input-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.15)!important}.field-error{margin-top:4px;font-size:11px;color:var(--status-danger)}textarea.input{resize:vertical;min-height:90px;line-height:1.5}.input-search{padding-left:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:var(--table-head-bg);border-bottom:1px solid hsla(0,0%,100%,.06)}thead th{padding:11px 16px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--table-head-text);white-space:nowrap}thead th:first-child{border-radius:0}tbody tr{border-bottom:1px solid var(--table-border);transition:background var(--t-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--table-row-hover)}tbody td{padding:11px 16px;color:var(--text-primary);vertical-align:middle;font-size:13px}tbody td.text-mono{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.td-actions{display:flex}.badge,.td-actions{align-items:center;gap:4px}.badge{display:inline-flex;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-sm);background:var(--status-neutral-bg);color:var(--status-neutral-text);white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.badge-no-dot:before{display:none}.badge-red{background:var(--status-danger-bg);color:var(--status-danger)}.badge-blue{background:var(--status-info-bg);color:var(--status-info)}.badge-green{background:var(--status-success-bg);color:var(--status-success)}.badge-yellow{background:var(--status-warning-bg);color:var(--status-warning)}.badge-pill{border-radius:100px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.stat-change{font-size:11px;font-weight:500;color:var(--status-success);margin-top:2px}.stat-change-down{color:var(--status-danger)}.stat-value-red{color:var(--brand-primary)}.stat-value-blue{color:var(--accent-blue)}.stat-value-green{color:var(--status-success)}.divider{border:none;border-top:1px solid var(--border-light);margin:20px 0}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-sunken);color:var(--text-secondary);margin-bottom:16px}.alert-error{border-color:rgba(220,38,38,.25);color:var(--status-danger);background:var(--status-danger-bg)}.alert-success{border-color:rgba(22,163,74,.25);color:var(--status-success);background:var(--status-success-bg)}.alert-info{border-color:rgba(47,128,237,.25);color:var(--status-info);background:var(--status-info-bg)}.alert-warning{border-color:rgba(217,119,6,.25);color:var(--status-warning);background:var(--status-warning-bg)}.empty-state{flex-direction:column;padding:48px 24px;text-align:center}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-sunken);margin-bottom:14px}.empty-state-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:5px}.empty-state-description{font-size:13px;color:var(--text-secondary);max-width:300px;line-height:1.5;margin-bottom:16px}.pagination{display:flex;align-items:center;gap:4px;padding:12px 16px;border-top:1px solid var(--border-light)}.pagination-info{font-size:12px;color:var(--text-secondary);margin-right:auto}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0f2f7 25%,#e5e8f0 50%,#f0f2f7 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:13px;margin-bottom:8px}.skeleton-title{height:20px;margin-bottom:12px;width:60%}.skeleton-stat{height:28px;width:80px}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);width:100%;max-width:520px;padding:24px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:160px;z-index:50;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background var(--t-fast)}.dropdown-item:hover{background:var(--bg-sunken)}.dropdown-item-danger{color:var(--status-danger)}.dropdown-separator{height:1px;background:var(--border-light);margin:4px 0}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-light);margin-bottom:20px}.tab{padding:9px 16px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast)}.tab:hover{color:var(--text-primary)}.tab-active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--table-head-bg);color:#e6edf3;font-size:11px;font-weight:500;padding:5px 9px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast);z-index:200}[data-tooltip]:hover:after{opacity:1}.text-muted{color:var(--text-secondary)}.text-danger{color:var(--status-danger)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-info{color:var(--status-info)}.text-mono{font-family:var(--font-mono);font-size:.9em}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex{display:flex}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}@media (max-width:768px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.page-container{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}}