:root{--bg: #0f172a;--surface: #111827;--card: #020617;--text: #e5e7eb;--border: #1f2933;--muted: rgba(255, 255, 255, .33);--primary: #2e6dd3;--primaryHover: #1844a3;--danger: #ef4444;--warnBg: rgba(239, 68, 68, .12);--radius: 14px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--focus: 0 0 0 3px rgba(59, 130, 246, .35);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.2;color:var(--text);background:linear-gradient(180deg,#3d4d96,#050d20);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:transparent;color:var(--text);letter-spacing:-.01em}.container{max-width:1100px;margin:0 auto;padding:24px 16px 40px}.section{margin-top:2rem;margin-bottom:2rem}.card{background:#020617b8;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid,.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.grid-2{grid-template-columns:1fr 1fr}}h1{font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.05}.h2{font-size:26px;font-weight:600;margin:0 0 12px}h1,.h2{letter-spacing:-.02em}p{margin-top:0}.form-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.form-row input,.form-row select,.form-row button{flex:1 1 160px;min-width:0}.inline-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#556295;color:var(--text);outline:none;margin-top:2px;margin-bottom:2px;font:inherit}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{box-shadow:var(--focus);border-color:var(--primary)}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}label{font-weight:600}button{border:none;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600;font:inherit;background:var(--primary);color:#fff;transition:transform .08s ease,background .15s ease,opacity .15s ease}button:hover{background:var(--primaryHover);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.button-ghost:hover{background:#ffffff0f}.button-danger{background:var(--danger)}.button-danger:hover{background:#dc2626}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.data-table,table{width:100%;min-width:700px;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#02061794}.data-table th,.data-table td,table th,table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table thead th,table thead th{background:#ffffff0d;font-size:15px;white-space:nowrap}.data-table tbody tr:hover,table tbody tr:hover{background:#ffffff0a}.data-table td input,.data-table td select,table td input,table td select{margin:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (max-width: 768px){.container{padding:16px 12px 28px}h1{font-size:44px}.h2{font-size:22px}.form-row{flex-direction:column;align-items:stretch}.form-row input,.form-row select,.form-row button{width:100%;flex:unset}.inline-actions{flex-direction:column;align-items:stretch}.inline-actions button{width:100%}.data-table th,.data-table td,table th,table td{padding:8px 10px;font-size:14px}}@media (max-width: 480px){.container{padding:12px 10px 24px}h1{font-size:28px}.h2{font-size:20px}.data-table,table{min-width:600px}.data-table th,.data-table td,table th,table td{font-size:13px;padding:7px 8px}button{width:100%}}table td{font-variant-numeric:tabular-nums}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:100%;max-width:420px;background:#020617b8;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.auth-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.top-bar{max-width:1100px;margin:0 auto;padding:16px;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.auth-help{color:var(--muted);font-size:.9rem;line-height:1.4;margin:0}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--muted)}.password-toggle:hover{color:#fff}.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:48px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:auto;min-width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text);display:grid;place-items:center;cursor:pointer}.password-toggle:hover{background:transparent;transform:translateY(-50%)}@media (max-width: 480px){.password-toggle{width:32px;min-width:32px}}