:root{--bg: #f4f5f7;--surface: #ffffff;--border: #d8dce3;--text: #1a1d26;--muted: #5c6578;--primary: #1b4f72;--primary-hover: #154360;--danger: #a93226;--ok: #1e8449;--warn: #b7950b;--radius: 8px;--font: "Segoe UI", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.4rem .75rem}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;background:#fff;width:100%;max-width:100%}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.75rem}.layout{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:var(--primary);color:#fff;flex-wrap:wrap}.topbar a{color:#fff}.topbar .brand{font-weight:700;letter-spacing:.02em}.topbar .spacer{flex:1}.topbar select{width:auto;min-width:10rem}.shell{display:flex;flex:1;min-height:0}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;flex-shrink:0}.sidebar nav a{display:block;padding:.45rem .65rem;border-radius:6px;color:var(--text);margin-bottom:.15rem}.sidebar nav a:hover,.sidebar nav a.active{background:#e8eef5;text-decoration:none}.sidebar .section-label{font-size:.75rem;text-transform:uppercase;color:var(--muted);margin:.75rem .65rem .35rem;letter-spacing:.04em}.content{flex:1;padding:1.25rem 1.5rem;overflow:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;margin-bottom:1rem}.card h2,.card h3{margin-top:0}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{border-bottom:1px solid var(--border);padding:.5rem .4rem;text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:600;font-size:.85rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.8rem;background:#e8eef5;color:var(--primary)}.badge.warn{background:#fef9e7;color:#7d6608}.badge.ok{background:#e9f7ef;color:var(--ok)}.badge.danger{background:#fdedec;color:var(--danger)}.muted{color:var(--muted)}.error{color:var(--danger);margin:.5rem 0}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}.login-card h1{margin-top:0;font-size:1.35rem}.toast{position:fixed;bottom:1.25rem;right:1.25rem;background:#1a1d26;color:#fff;padding:.75rem 1rem;border-radius:8px;z-index:50;max-width:360px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 900px){.shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.grid-2{grid-template-columns:1fr}}.notif-panel{position:absolute;right:1rem;top:3.2rem;width:320px;max-height:360px;overflow:auto;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:40}.notif-panel .item{padding:.65rem .85rem;border-bottom:1px solid var(--border)}.topbar-actions{display:flex;align-items:center;gap:.5rem;position:relative}