:root{color-scheme:light;--bg: #f4f5f7;--panel: #ffffff;--ink: #12141a;--muted: #5b6472;--line: #d8dde6;--accent: #0f5c4c;--danger: #9b1c1c;--font: "IBM Plex Sans", "Hiragino Sans", "Noto Sans JP", sans-serif;--display: "IBM Plex Sans", "Hiragino Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}a{color:inherit}button,input{font:inherit}#app{min-height:100vh}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar{background:#101820;color:#f5f7fa;padding:1.25rem .85rem;display:flex;flex-direction:column;gap:1rem}.brand{font-family:var(--display);font-weight:700;letter-spacing:.02em;padding:.35rem .65rem}.nav{display:flex;flex-direction:column;gap:.35rem}.nav a{text-decoration:none;color:#c9d2dc;padding:.55rem .7rem;border-radius:.4rem}.nav a.active,.nav a:hover{background:#ffffff14;color:#fff}.main{padding:1.5rem 1.75rem 2.5rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem}.topbar h1{margin:0;font-size:1.35rem;font-family:var(--display)}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:.55rem;padding:1rem 1.1rem}.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:1.5rem;display:grid;gap:.85rem}.auth-card h1{margin:0;font-size:1.4rem}label{display:grid;gap:.35rem;font-size:.92rem}input{border:1px solid var(--line);border-radius:.4rem;padding:.55rem .65rem;background:#fff}.btn{border:0;border-radius:.4rem;padding:.55rem .9rem;background:var(--accent);color:#fff;cursor:pointer}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--danger);font-size:.9rem}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}.placeholder{padding:1.25rem;border:1px dashed var(--line);border-radius:.55rem;background:#fafbfc}@media(max-width:860px){.shell,.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.nav{flex-direction:row;flex-wrap:wrap}}