*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void: #101010;--bg-surface: #101010;--bg-raised: #181818;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #444444;--accent: linear-gradient(90deg, #c90d0d 0%, #fc5800 100%);--accent-start: #c90d0d;--accent-end: #fc5800;--accent-dim: rgba(201,13,13,.1);--accent-color: #fc5800;--accent-success: #2ed573;--accent-danger: #c90d0d;--accent-warn: #fc5800;--accent-2: #fc5800;--glass-bg: #181818;--glass-border: #181818;--glass-border-bright: #222222;--glass-bg-hover: #1e1e1e;--glass-shine: transparent;--sep: 1px solid #181818;--tablet-w: 1432px;--tablet-h: 892px;--header-h: 52px;--menu-w: 260px;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 8px;--font-display: "Inter", system-ui, sans-serif;--font-mono: "Inter", system-ui, sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html,body{width:var(--tablet-w);height:var(--tablet-h);overflow:hidden;background:var(--bg-void);font-family:var(--font-display);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:12px;font-weight:400;line-height:1.3;-webkit-user-select:none;user-select:none}#root{width:var(--tablet-w);height:var(--tablet-h);overflow:hidden;position:relative}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.glass,.glass-bright{background:var(--bg-raised);border-radius:var(--radius-sm)}.glass-input{background:var(--bg-void);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);font-size:12px;font-weight:400;padding:9px 14px;outline:none;transition:box-shadow .15s;width:100%}.glass-input:focus{box-shadow:0 0 0 2px #c90d0d66}.glass-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;border-radius:var(--radius-sm);border:none;background:transparent;color:#555;font-family:var(--font-display);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,background .15s;letter-spacing:0}.btn:hover{color:var(--text-primary);background:#1e1e1e}.btn:active{opacity:.8}.btn-primary{background:linear-gradient(90deg,#c90d0d,#fc5800);color:#fff;font-weight:500}.btn-primary:hover{background:linear-gradient(90deg,#e00e0e,#ff6210);color:#fff}.btn-danger{background:transparent;color:#c90d0d}.btn-danger:hover{background:#c90d0d14;color:#c90d0d}.btn-success{background:transparent;color:var(--accent-success)}.btn-success:hover{background:#2ed57314}.btn:disabled{opacity:.3;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:4px;font-size:10px;font-weight:500;letter-spacing:0;background:var(--accent-dim);color:var(--accent-color);border:none}.badge-admin,.badge-employee,.badge-test{background:#c90d0d1a;color:#fc5800}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .2s var(--ease-smooth) both}.slide-in-left{animation:slideInLeft .2s var(--ease-smooth) both}