:root{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--border: #d9dce1;--text: #1f2430;--muted: #6b7280;--primary: #2563eb;--danger: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);font-size:14px}button{font:inherit;padding:5px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.danger{color:var(--danger);border-color:#f2c0c0}button.active{background:#e8efff;border-color:var(--primary)}input,textarea{font:inherit;padding:5px 8px;border:1px solid var(--border);border-radius:5px;width:100%}a{color:var(--primary)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar nav{display:flex;gap:10px}.topbar nav a{color:var(--text);text-decoration:none;padding:4px 6px;border-radius:4px}.topbar nav a.active{background:#e8efff}.brand{font-weight:700}.spacer{flex:1}.muted{color:var(--muted)}.mono,.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.content{flex:1;min-height:0}.center{display:grid;place-items:center;height:100vh}.calendar-page{display:grid;grid-template-columns:240px 1fr;height:100%}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.calendar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.calendar-list button{width:100%;text-align:left;display:flex;align-items:center;gap:8px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.calendar-main{padding:12px;min-height:0;overflow:auto}.page{padding:18px;max-width:1100px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:16px}.row,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}label{display:block;margin:6px 0}label.inline{display:inline-flex;align-items:center;gap:6px}label.inline input{width:auto}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px;vertical-align:middle}th{font-weight:600;color:var(--muted)}.stats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px}.error-banner{background:#fdecec;border:1px solid #f2c0c0;color:#8a1c1c;padding:8px 10px;border-radius:6px;margin:8px 0}.info-banner{background:#e9f4ff;border:1px solid #b6d8ff;padding:8px 10px;border-radius:6px;margin:8px 0}.error-text{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:10px;padding:18px;width:min(560px,100%);max-height:90vh;overflow:auto}.login{display:grid;place-items:center;height:100vh}.login form{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;width:min(360px,90vw)}.clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}pre.code{background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;overflow:auto;max-height:320px}@media(max-width:820px){.calendar-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap}}