:root{--bg:#fff;--fg:#111;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--danger:#dc2626;--ok:#16a34a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 -apple-system,BlinkMacSystemFont,Pretendard,sans-serif}a{color:inherit}h1{font-size:22px;margin:0 0 16px}h2{font-size:17px;margin:24px 0 12px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;max-width:100%}textarea{width:100%;min-height:120px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-weight:800;font-size:18px;text-decoration:none}.nav-group{margin-bottom:12px}.nav-title{font-size:12px;color:var(--muted);margin-bottom:4px}.nav-link{display:block;padding:4px 8px;border-radius:6px;text-decoration:none}.nav-link.active{background:#eef2ff;font-weight:700}.sidebar-account{margin-top:auto}.content{flex:1 1;padding:24px 32px;max-width:1100px;min-width:0}.card{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.row{align-items:center;flex-wrap:wrap}.row,.stack{display:flex;gap:8px}.stack{flex-direction:column}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.badge{font-size:12px;padding:0 8px;border-radius:999px}.badge,.btn{display:inline-block;border:1px solid var(--line)}.btn{padding:6px 14px;border-radius:6px;background:#fff;cursor:pointer;text-decoration:none;font:inherit}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:4px;margin-bottom:12px}.btn.active{background:#111;color:#fff}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#f3f4f6}.todo{border:1px dashed #f59e0b;background:#fffbeb;border-radius:8px;padding:12px}@media (max-width:720px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}.content{padding:16px}}