:root{--bg: #f4f5f7;--surface: #ffffff;--border: #d9dce1;--text: #1c2430;--muted: #66707d;--primary: #0a4d8c;--primary-hover: #08406f;--danger: #b3261e;--danger-bg: #fdeceb;--success: #1e7d34;--warning: #9a6700;--warning-bg: #fff4d6;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .12)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.4rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:0 0 .75rem}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.45rem .85rem;border-radius:var(--radius);transition:background .15s}button:hover:not(:disabled){background:#eef1f5}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.danger{border-color:var(--danger);color:var(--danger)}button.small{padding:.25rem .55rem;font-size:.85rem}input,select,textarea{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.85rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:120px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1.25rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}tbody tr:hover{background:#f7f9fc}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;background:#eef1f5;color:var(--muted);white-space:nowrap}.badge.warn{background:var(--warning-bg);color:var(--warning)}.badge.ok{background:#e3f4e7;color:var(--success)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.field-error{display:block;margin-top:.25rem;font-size:.8rem;color:var(--danger)}input.invalid,select.invalid,textarea.invalid{border-color:var(--danger)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pager{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.pager .pager-info{color:var(--muted);font-size:.85rem}.muted{color:var(--muted)}.empty{padding:2rem;text-align:center;color:var(--muted)}.error-box{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);padding:.6rem .85rem;margin-bottom:1rem}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{background:#11233a;color:#cfd8e3;display:flex;align-items:center;gap:1rem;padding:.5rem 1.25rem}.topbar .hamburger{background:transparent;border:1px solid transparent;color:#cfd8e3;font-size:1.2rem;line-height:1;padding:.3rem .55rem}.topbar .hamburger:hover:not(:disabled){background:#ffffff14}.topbar .brand{font-weight:700;font-size:1.05rem;color:#fff;white-space:nowrap}.topbar-controls{display:flex;align-items:center;gap:.85rem;margin-left:auto}.topbar-controls .control{display:flex;flex-direction:column;line-height:1.2}.topbar-controls .control-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#8ea1b8}.topbar-controls .control-value{font-size:.85rem;color:#fff}.topbar-controls .bar-select{width:auto;padding:.2rem .4rem;font-size:.85rem;background:#1c3552;color:#fff;border-color:#2c4a6e}.layout{display:flex;flex:1;min-height:0;position:relative}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:.75rem;overflow-y:auto}.sidebar.closed{display:none}.sidebarnav{display:flex;flex-direction:column;gap:.15rem}.sidebarnav a{display:block;color:var(--text);padding:.5rem .7rem;border-radius:var(--radius);white-space:nowrap}.sidebarnav a:hover{background:#eef1f5;text-decoration:none}.sidebarnav a.router-link-active{background:var(--primary);color:#fff}.backdrop{display:none}.main{padding:1.5rem 2rem;overflow:auto;flex:1;min-width:0}@media(max-width:800px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:200;display:block;box-shadow:var(--shadow);transform:translate(-100%);transition:transform .2s ease}.sidebar.closed{display:block;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150}}.toasts{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{padding:.65rem 1rem;border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;max-width:360px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:340px}