:root{--color-topbar:#123a5f;--color-topbar-dark:#0c2842;--color-accent:#b3541e;--color-bg:#f2f4f6;--color-surface:#fff;--color-border:#c7cdd4;--color-text:#1c2530;--color-text-muted:#5a6472;--color-danger:#8c1d1d;--color-success:#2e6b2e;font-family:Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0;font-size:15px}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-topbar)}table{border-collapse:collapse;background-color:var(--color-surface);width:100%}th,td{border:1px solid var(--color-border);text-align:left;padding:.45rem .6rem;font-size:.9rem}th{background-color:#e4e9ee;font-weight:600}button{border:1px solid var(--color-topbar);background-color:var(--color-topbar);color:#fff;cursor:pointer;padding:.45rem .9rem;font-family:inherit;font-size:.9rem}button:hover:not(:disabled){background-color:var(--color-topbar-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background-color:var(--color-surface);color:var(--color-topbar)}button.secondary:hover:not(:disabled){background-color:#e4e9ee}button.danger{background-color:var(--color-danger);border-color:var(--color-danger)}input,select,textarea{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);padding:.4rem .5rem;font-family:inherit;font-size:.9rem}label{color:var(--color-text-muted);margin-bottom:.2rem;font-size:.85rem;font-weight:600;display:block}.field{margin-bottom:.75rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border);margin-bottom:1rem;padding:1rem}.badge{border:1px solid #00000026;padding:.15rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.error-text{color:var(--color-danger);font-size:.85rem}.hint-box{border:1px solid var(--color-border);background-color:#eef3f8;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem}.page{width:100%;max-width:1400px;margin:0 auto;padding:1.25rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.tile{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-topbar);padding:1rem}.tile .tile-value{color:var(--color-topbar);font-size:2rem;font-weight:700}.tile .tile-label{color:var(--color-text-muted);font-size:.85rem}.toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}@media (width<=820px){.page{padding:.75rem}}.topbar[data-v-c5e54a6e]{background-color:var(--color-topbar);color:#fff;border-bottom:3px solid var(--color-topbar-dark)}.topbar-inner[data-v-c5e54a6e]{flex-wrap:wrap;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.6rem 1.25rem;display:flex}.brand[data-v-c5e54a6e]{flex-direction:column;line-height:1.1;display:flex}.brand-title[data-v-c5e54a6e]{letter-spacing:.02em;font-size:1.2rem;font-weight:700}.brand-subtitle[data-v-c5e54a6e]{color:#cdd9e5;font-size:.7rem}.main-nav[data-v-c5e54a6e]{flex-wrap:wrap;flex-grow:1;gap:1rem;display:flex}.main-nav a[data-v-c5e54a6e]{color:#e4ecf4;border-bottom:2px solid #0000;padding:.3rem .1rem;font-size:.9rem;text-decoration:none}.main-nav a[data-v-c5e54a6e]:hover{color:#fff}.main-nav a.router-link-exact-active[data-v-c5e54a6e]{color:#fff;border-bottom-color:var(--color-accent);font-weight:600}.session-info[data-v-c5e54a6e]{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.session-role[data-v-c5e54a6e]{color:#cdd9e5}.logout-btn[data-v-c5e54a6e]{color:#fff;background-color:#0000;border-color:#fff}.logout-btn[data-v-c5e54a6e]:hover{background-color:#ffffff26}.app-main[data-v-c5e54a6e]{flex-direction:column;flex-grow:1;display:flex}@media (width<=820px){.topbar-inner[data-v-c5e54a6e]{flex-direction:column;align-items:flex-start}.main-nav[data-v-c5e54a6e]{gap:.75rem}}