:root{color-scheme:light dark;--bg: #0c1222;--bg-elevated: #141c2f;--surface: #1a2438;--border: rgba(120, 160, 220, .22);--text: #e8eef8;--muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--radius: 12px;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(59,130,246,.18),transparent),radial-gradient(900px 500px at 100% 0%,rgba(139,92,246,.12),transparent),var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}button,input,select,textarea{font:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:0 12px 40px #00000040}.login-card{width:min(100%,400px)}.stack{display:flex;flex-direction:column;gap:.85rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field span{color:var(--muted)}.input,select.input{padding:.55rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.input:focus,select.input:focus{outline:2px solid rgba(59,130,246,.45);outline-offset:1px}.btn{cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.55rem .9rem;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--btn-primary-custom, var(--accent));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-danger{background:#ef444426;color:#fecaca;border-color:#ef444459}.alert{padding:.55rem .65rem;border-radius:8px;font-size:.9rem}.alert-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca}.toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:1rem}.table-wrap{overflow:auto;border-radius:var(--radius);border:1px solid var(--border)}table.data{width:100%;border-collapse:collapse;font-size:.875rem}table.data th,table.data td{padding:.55rem .65rem;text-align:left;border-bottom:1px solid var(--border)}table.data th{background:var(--bg-elevated);color:var(--muted);font-weight:600}table.data tr:hover td{background:#3b82f60f}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:1rem}.dialog{width:min(100%,560px);max-height:90vh;overflow:auto}.dialog h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.app-shell{display:flex;min-height:100%;align-items:stretch}.app-sidebar{width:230px;flex-shrink:0;background:var(--sidebar-bg, var(--surface));border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s ease}.app-shell--collapsed .app-sidebar{width:72px}.app-sidebar__brand{padding:1rem .75rem;border-bottom:1px solid var(--border);text-align:center}.app-sidebar__logo{max-width:100%;max-height:48px;object-fit:contain}.app-sidebar__title{font-weight:700;font-size:.95rem;line-height:1.25;word-break:break-word}.app-shell--collapsed .app-sidebar__title{font-size:.7rem}.app-sidebar__nav{display:flex;flex-direction:column;padding:.5rem 0;flex:1;gap:.15rem}.app-sidebar__nav a{display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;color:var(--text);text-decoration:none;font-size:.9rem;border-radius:0 8px 8px 0}.app-sidebar__nav a:hover{background:#ffffff0f}.app-sidebar__nav a.active{background:var(--sidebar-active, rgba(59, 130, 246, .25));font-weight:600}.app-sidebar__ico{flex-shrink:0;width:1.5rem;text-align:center}.app-shell--collapsed .app-sidebar__txt{display:none}.app-sidebar__collapse{margin:.5rem;font-size:1.1rem}.app-column{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:var(--topbar-bg, rgba(10, 16, 30, .92));border-bottom:1px solid var(--border)}.app-topbar__title{margin:0;font-size:1.05rem;font-weight:600}.app-topbar__actions{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.app-topbar__user{color:var(--muted)}.app-main{flex:1;padding:1.25rem;max-width:1280px;margin:0 auto;width:100%}.login-page-outer{background:radial-gradient(1200px 600px at 10% -10%,rgba(59,130,246,.18),transparent),radial-gradient(900px 500px at 100% 0%,rgba(139,92,246,.12),transparent),var(--bg)}.login-page-outer.login-page-outer--img{background-color:var(--bg)}[data-theme=light]{color-scheme:light;--bg: #f1f5f9;--bg-elevated: #ffffff;--surface: #ffffff;--border: rgba(15, 23, 42, .12);--text: #0f172a;--muted: #64748b;--danger: #dc2626}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] .alert-error{color:#991b1b;background:#fee2e2e6;border-color:#dc262659}[data-theme=light] .btn-danger{color:#991b1b}[data-theme=light] .app-sidebar__nav a:hover{background:#0f172a0f}.breadcrumbs{margin-bottom:1rem;font-size:.875rem}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:0}.breadcrumbs__item{display:inline-flex;align-items:center}.breadcrumbs__sep{display:inline-flex;margin:0 .35rem;color:var(--muted);-webkit-user-select:none;user-select:none;list-style:none}.breadcrumbs__link{color:var(--accent);text-decoration:none}.breadcrumbs__link:hover{text-decoration:underline}.breadcrumbs__current{color:var(--text);font-weight:600}