:root{--blue: #1e6feb;--bg: #f5f6f8;--card: #ffffff;--line: #e2e5ea;--text: #1c1f24;--muted: #6b7280}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:700;color:var(--blue);font-size:18px}.topbar nav{display:flex;gap:14px;flex:1}.topbar nav a.active{font-weight:600}.content{max-width:980px;margin:0 auto;padding:18px 16px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}button{cursor:pointer;border:1px solid var(--blue);background:var(--blue);color:#fff;padding:8px 14px;border-radius:8px;font-size:14px}button.ghost{background:transparent;color:var(--blue)}button.small{padding:4px 9px;font-size:13px}button.danger{background:#e5484d;border-color:#e5484d}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}label{display:block;font-size:13px;color:var(--muted);margin:8px 0 3px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:120px}.task{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:none}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2ff;color:var(--blue)}.badge.DONE{background:#e6f4ea;color:#137333}.badge.CANCELLED{background:#fce8e6;color:#b3261e}.badge.IN_PROGRESS{background:#fef7e0;color:#b06000}.badge.POSTPONED{background:#f1f3f4;color:#5f6368}.muted{color:var(--muted);font-size:13px}.center{max-width:380px;margin:8vh auto}.err{color:#b3261e;font-size:13px;margin-top:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:5vh 12px;z-index:100;overflow-y:auto}.modal{background:var(--card);border-radius:14px;padding:18px;width:100%;max-width:560px;box-shadow:0 12px 40px #00000040}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:12px}.tab{background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.clickable{cursor:pointer}.clickable:hover{background:#fafbfc}