:root{--bg: #0d1f2d;--bg-panel: #0f2235;--bg-card: #132c40;--bg-hover: #1a3a52;--bg2: #0f2235;--border: rgba(0, 212, 200, .18);--border-dim: rgba(255, 255, 255, .08);--teal: #00d4c8;--teal-dark: #00a89e;--gold: #c9a227;--text: #d4e4f0;--text-muted: rgba(212, 228, 240, .55);--text-dim: rgba(212, 228, 240, .35);--red: #f87171;--red-bg: rgba(248, 113, 113, .12)}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:0 20px 40px}header{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin-bottom:28px;border-bottom:1px solid var(--border);background:transparent;position:sticky;top:0;z-index:100;background:var(--bg)}header h1{margin:0;font-size:20px;font-weight:800;color:var(--teal);letter-spacing:-.02em}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button{background:var(--bg-card);color:var(--text);border:1px solid var(--border-dim);border-radius:7px;cursor:pointer;padding:7px 13px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border);color:#fff}button:disabled,button[disabled]{opacity:.45;cursor:not-allowed}header button{background:#00d4c814;border:1px solid rgba(0,212,200,.2);color:var(--teal);font-size:12px;padding:6px 11px;border-radius:6px}header button:hover:not(:disabled){background:#00d4c82e;border-color:var(--teal);color:#fff}button[type=submit],button.btn-primary{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 10px #00d4c840}button[type=submit]:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00e8db,var(--teal));box-shadow:0 3px 16px #00d4c866}input,textarea,select{font-size:14px;padding:8px 11px;background:var(--bg-panel);color:var(--text);border:1px solid var(--border-dim);border-radius:7px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00d4c81f}input::placeholder{color:var(--text-dim)}select option{background:#1a3a52;color:var(--text)}input[type=checkbox]{width:15px;height:15px;accent-color:var(--teal)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}table{border-collapse:collapse}th{background:var(--bg-panel);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}td{padding:9px 8px;color:var(--text)}tr{border-bottom:1px solid var(--border-dim)}tr:hover{background:var(--bg-hover)}tbody tr:last-child{border-bottom:none}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:18px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:20px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-toggle{display:none;background:#00d4c814;border:1px solid rgba(0,212,200,.25);color:var(--teal);font-size:20px;line-height:1;padding:6px 11px;border-radius:6px;cursor:pointer}.app-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav-group{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:4px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:6px;min-width:190px;z-index:50;box-shadow:0 8px 24px #0006}.nav-dropdown button{width:100%;text-align:left}h2{color:#fff;font-size:22px;font-weight:700;margin-top:0}h3{color:var(--text);font-size:16px;font-weight:600}h4{color:var(--text-muted);font-size:14px;font-weight:600}.login{display:none}.error{background:var(--red-bg);border:1px solid rgba(248,113,113,.35);color:var(--red);border-radius:7px;padding:9px 13px;font-size:13px;margin-bottom:12px}.hint{margin-top:8px;color:var(--text-muted);font-size:13px}p{color:var(--text-muted)}a{color:var(--teal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00d4c84d;border-radius:3px}@media (max-width: 768px){.app{padding:0 10px 24px}header{flex-wrap:wrap;gap:0;padding:10px 0;margin-bottom:14px}header>div:first-child{flex:1}.nav-toggle{display:flex}.app-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0 4px;border-top:1px solid var(--border);margin-top:10px}.app-nav.open{display:flex}.app-nav button,.app-nav>div{width:100%;text-align:left}.nav-dropdown{position:static;box-shadow:none;border:none;background:#ffffff08;margin:2px 0 4px 10px;padding:4px}.card{padding:14px;border-radius:8px;max-width:100%!important}.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}h2{font-size:18px}h3{font-size:15px}input,select,textarea{width:100%}input[type=checkbox]{width:auto}.table-wrap{overflow-x:auto}[style*="position: fixed"]{max-width:100vw!important}}::-webkit-scrollbar-thumb:hover{background:#00d4c880}