:root{--bg: #0f172a;--bg-elevated: #1e293b;--sidebar-bg: #111827;--surface: #ffffff;--surface-muted: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--text-inverse: #e2e8f0;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--radius: 8px;--sidebar-width: 240px;--header-height: 60px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--surface-muted)}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);color:var(--text-inverse);display:flex;flex-direction:column;padding:16px 12px}.sidebar__brand{font-size:1.1rem;font-weight:700;padding:8px 12px 20px;color:#fff}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{padding:10px 12px;border-radius:var(--radius);color:var(--text-inverse);font-size:.92rem;transition:background .15s ease,color .15s ease}.sidebar__link:hover{background:#ffffff14}.sidebar__link--active{background:var(--primary);color:#fff}.sidebar__group{display:flex;flex-direction:column;gap:2px}.sidebar__group+.sidebar__group{margin-top:14px}.sidebar__group-title{padding:4px 12px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73}.layout__main{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header__title{font-weight:600}.header__user{display:flex;align-items:center;gap:12px}.header__email{color:var(--text-muted);font-size:.9rem}.content{flex:1;padding:24px;overflow:auto}.page__title{margin:0 0 8px;font-size:1.5rem}.page__subtitle{color:var(--text-muted);margin:0}.centered-state{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.btn{border:1px solid transparent;border-radius:var(--radius);padding:9px 16px;font-size:.9rem;transition:background .15s ease,border-color .15s ease}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-muted)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--surface-muted)}.btn:disabled{opacity:.6;cursor:not-allowed}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login__card{width:360px;background:var(--surface);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #00000040}.login__title{margin:0 0 8px;font-size:1.35rem;text-align:center}.login__field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-muted)}.login__field input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;color:var(--text)}.login__field input:focus{outline:2px solid var(--primary);outline-offset:0}.login__error{color:var(--danger);font-size:.85rem;margin:0}.login__divider{text-align:center;color:var(--text-muted);font-size:.8rem}