*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #080B14;--surface: #111827;--surface2: #1a2235;--border: #1f2d45;--border2: #2a3a55;--text: #EAF0FA;--text2: #93A4C6;--text3: #8493B3;--accent: #E67E22;--accent2: #F0A047;--success: #2ECC71;--danger: #E74C3C;--warning: #F39C12;--info: #3498DB;--font-head: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--accent-soft: rgba(230,126,34,.16);--shadow: 0 10px 34px rgba(0,0,0,.42);--shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.24);--shadow-md: 0 4px 10px rgba(0,0,0,.34), 0 2px 4px rgba(0,0,0,.28);--shadow-lg: 0 18px 44px rgba(0,0,0,.5), 0 6px 16px rgba(0,0,0,.36)}[data-theme=light]{--bg: #EEF1F6;--surface: #FFFFFF;--surface2: #F5F7FB;--border: #E3E8F0;--border2: #D3DAE6;--text: #16202E;--text2: #566078;--text3: #6B7280;--accent: #E67E22;--accent2: #CF6411;--success: #1E9E54;--danger: #C0392B;--warning: #D98A0B;--info: #2980B9;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--accent-soft: rgba(230,126,34,.12);--shadow: 0 10px 30px rgba(23,40,70,.1);--shadow-sm: 0 1px 2px rgba(23,40,70,.06), 0 1px 1px rgba(23,40,70,.04);--shadow-md: 0 6px 16px rgba(23,40,70,.08), 0 2px 6px rgba(23,40,70,.05);--shadow-lg: 0 20px 48px rgba(23,40,70,.16), 0 8px 18px rgba(23,40,70,.08)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--text)}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:15px}p{line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent2)}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body);color:var(--text);background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);padding:9px 12px;font-size:13px;outline:none;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--text3)}input:hover,select:hover,textarea:hover{border-color:var(--border2)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}select option{background:var(--surface2);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text3);background-clip:padding-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:13px;line-height:1.2;letter-spacing:.01em;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent2);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{filter:brightness(1.08);box-shadow:var(--shadow-md)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{filter:brightness(1.08);box-shadow:var(--shadow-md)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none;filter:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.4;border:1px solid transparent}.tag-success{background:#2ecc7124;color:var(--success);border-color:#2ecc714d}.tag-danger{background:#e74c3c24;color:var(--danger);border-color:#e74c3c4d}.tag-warning{background:#f39c1226;color:var(--warning);border-color:#f39c1252}.tag-info{background:#3498db24;color:var(--info);border-color:#3498db4d}.tag-gray{background:var(--surface2);color:var(--text2);border-color:var(--border2)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.form-row{display:grid;gap:14px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:var(--surface2);position:sticky;top:0;z-index:5}th{padding:12px 16px;text-align:left;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tbody tr{transition:background .13s ease}tbody tr:hover{background:var(--accent-soft)}tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0609129e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .16s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-header h3{font-size:18px;font-family:var(--font-head)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.action-menu-trigger{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border2);border-radius:var(--radius-sm);width:30px;height:30px;font-size:16px;line-height:1;color:var(--text2);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.action-menu-trigger:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.action-menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.action-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:156px;overflow:hidden;padding:4px;animation:fadeIn .14s ease}.action-menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);background:none;border:none;font-family:var(--font-body);font-size:13px;color:var(--text2);cursor:pointer;transition:background .13s ease,color .13s ease}.action-menu-item:hover{background:var(--surface2);color:var(--text)}.action-menu-item.danger{color:var(--danger)}.action-menu-item.danger:hover{background:#e74c3c1a;color:var(--danger)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:22px;font-family:var(--font-head)}.page-subtitle{color:var(--text2);font-size:13px;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;color:var(--text3);gap:12px;text-align:center}.empty-state-icon{font-size:42px;opacity:.85}.empty-state p{font-size:15px;font-weight:600;color:var(--text2)}.empty-state span{font-size:13px;color:var(--text3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}a:focus-visible,.action-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=light] .tag-success{color:#1e7b46}[data-theme=light] .tag-warning{color:#8a5a00}[data-theme=light] .tag-info{color:#1f6fa3}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media (max-width: 768px){html,body{max-width:100%;overflow-x:hidden}body{font-size:13.5px}table{font-size:12px}th{padding:9px 11px}td{padding:10px 11px}.stack-mobile{grid-template-columns:1fr!important;flex-direction:column!important}.form-row-2,.form-row-3{grid-template-columns:1fr}.page-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.modal-overlay{padding:10px}.modal{max-width:100%;padding:18px;border-radius:var(--radius-lg)}.card{padding:16px}.app-main-content{padding:14px!important}.app-topbar{padding:12px 14px!important}.action-menu-trigger{min-width:40px;min-height:40px}.btn-sm{min-height:38px}.action-menu-item{padding:12px 14px}.app-sidebar{position:fixed;top:0;left:0;height:100vh!important;width:230px!important;transform:translate(-100%);transition:transform .25s ease;z-index:1100;box-shadow:var(--shadow)}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1050}}