:root{--bg: #f4f5f7;--surface: #ffffff;--text: #1a1d21;--text-soft: #5c636e;--line: #e3e6ea;--red: #d32f2f;--red-soft: #fdecec;--blue: #1565c0;--amber: #b26a00;--green: #2e7d32;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text)}.screen{max-width:480px;margin:0 auto;padding:20px 16px 48px}.header{margin-bottom:28px}.hello{margin:0;font-size:16px;color:var(--text-soft)}.title{margin:4px 0 0;font-size:30px;font-weight:700}.overdue-banner{margin:14px 0 0;padding:14px 16px;background:var(--red-soft);border-left:5px solid var(--red);border-radius:10px;color:var(--red);font-size:17px;font-weight:600}.group{margin-bottom:30px}.group-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:19px;font-weight:700}.heading-todo{color:var(--blue)}.heading-doing{color:var(--amber)}.heading-done{color:var(--green)}.count{min-width:28px;padding:2px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text-soft);font-size:15px;font-weight:600;text-align:center}.card{display:flex;flex-direction:column;gap:12px;width:100%;min-height:76px;margin-bottom:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:14px;font:inherit;text-align:left;cursor:pointer}.card:active{background:#f0f2f5}.card-overdue{background:var(--red-soft);border-color:#f3c9c9;border-left-color:var(--red)}.card-title{font-size:18px;font-weight:600;line-height:1.35}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.due{font-size:15px;color:var(--text-soft)}.due-overdue{color:var(--red);font-weight:700}.chip{padding:5px 12px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}.chip-high{background:#fdecec;color:var(--red)}.chip-medium{background:#fff4e0;color:var(--amber)}.chip-low{background:#eceff1;color:var(--text-soft)}.empty{margin:0;padding:18px;background:var(--surface);border:1px dashed var(--line);border-radius:14px;color:var(--text-soft);font-size:16px}.back{display:inline-flex;align-items:center;min-height:48px;margin-bottom:12px;padding:0 14px 0 4px;background:none;border:0;color:var(--blue);font:inherit;font-size:18px;font-weight:600;cursor:pointer}.detail-title{margin:0 0 16px;font-size:26px;font-weight:700;line-height:1.3}.facts{margin:20px 0 28px;padding:4px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.fact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.fact dt{color:var(--text-soft);font-size:16px}.fact dd{margin:0;font-size:16px;font-weight:600;text-align:right}.fact-red{color:var(--red)}.status-todo{background:#e3f0fb;color:var(--blue)}.status-doing{background:#fff4e0;color:var(--amber)}.status-done{background:#e6f4e7;color:var(--green)}.actions{display:flex;flex-direction:column;gap:12px}.action{width:100%;min-height:62px;padding:18px;border:2px solid transparent;border-radius:14px;font:inherit;font-size:19px;font-weight:700;cursor:pointer}.action-primary{background:var(--blue);color:#fff}.action-done{background:var(--green);color:#fff}.action-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.action:active{opacity:.85}.note{margin:24px 0 0;color:var(--text-soft);font-size:15px;text-align:center}.preview-bar{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#22262b;color:#cfd4da;font-size:13px}.preview-bar b{color:#fff}.susp-flag{color:#ff9a9a}.switcher{display:flex;align-items:center;gap:8px}.switcher-label{color:#9aa2ab}.switcher select{padding:5px 8px;background:#3a4048;border:1px solid #4a515a;border-radius:6px;color:#fff;font:inherit;font-size:13px}.member-shell{min-height:100vh;background:#e9ebee}.phone-wrap{display:flex;justify-content:center;padding:24px 12px 48px}.phone{width:100%;max-width:390px;min-height:720px;background:var(--bg);border-radius:28px;box-shadow:0 8px 40px #0000002e;overflow:hidden}.locked{padding-top:80px;text-align:center}.admin-shell{min-height:100vh;background:var(--bg)}.topbar{display:flex;align-items:center;gap:28px;padding:0 32px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:800;letter-spacing:-.3px}.tabs{display:flex;gap:4px;flex:1}.tab{padding:20px 18px;background:none;border:0;border-bottom:3px solid transparent;color:var(--text-soft);font:inherit;font-size:16px;font-weight:600;cursor:pointer}.tab:hover{color:var(--text)}.tab-on{color:var(--blue);border-bottom-color:var(--blue)}.who{color:var(--text-soft);font-size:15px}.admin-main{padding:28px 32px 64px}.admin-page{max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title{margin:0;font-size:28px;font-weight:700}.page-sub{margin:6px 0 0;color:var(--text-soft);font-size:15px}.panel{margin-bottom:24px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.panel-danger{border-color:#f3c9c9;background:snow}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:8px}.panel-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:18px;font-weight:700}.panel-head .panel-title{margin-bottom:0}.panel-danger .panel-title{color:var(--red)}.dot-red{width:10px;height:10px;border-radius:50%;background:var(--red)}.filters{display:flex;align-items:center;gap:18px}.field-inline{display:flex;align-items:center;gap:8px;font-size:15px}.check{display:flex;align-items:center;gap:8px;font-size:15px;cursor:pointer}.check input{width:17px;height:17px;cursor:pointer}.status-block{margin-top:22px}.status-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:16px;font-weight:700}.table{width:100%;border-collapse:collapse}.table th{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:13px;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.4px}.table td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.cell-title{font-weight:600}.cell-late{color:var(--red);font-weight:700}.cell-action{width:1%;white-space:nowrap;text-align:right}.row-danger{background:var(--red-soft)}.row-muted{opacity:.6}.chip-active{background:#e6f4e7;color:var(--green)}.chip-suspended{background:#eceff1;color:var(--text-soft)}.btn{padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{background:#f0f2f5}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:#114f9c}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{background:#b02525}.btn-danger-ghost{color:var(--red)}.btn-danger-ghost:hover{background:var(--red-soft)}.btn-small{padding:7px 12px;font-size:14px}.btn-small+.btn-small{margin-left:8px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--surface)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>span{color:var(--text-soft);font-size:14px;font-weight:600}.field input,.field select,.field-inline select{padding:11px 12px;background:var(--surface);border:1px solid #c9ced5;border-radius:9px;color:var(--text);font:inherit;font-size:15px}.field input:focus,.field select:focus{outline:2px solid var(--blue);outline-offset:-1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.add-row .field{margin-bottom:0}.add-row .btn{height:44px}.form-error{margin:4px 0 0;color:var(--red);font-size:14px;font-weight:600}.hint{margin:16px 0 0;color:var(--text-soft);font-size:14px;line-height:1.6}.confirm-text{margin:0;font-size:16px;line-height:1.55}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#14181c80;z-index:50}.modal{width:100%;max-width:540px;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-sm{max-width:420px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px;font-weight:700}.icon-btn{width:36px;height:36px;background:none;border:0;border-radius:8px;color:var(--text-soft);font-size:26px;line-height:1;cursor:pointer}.icon-btn:hover{background:#f0f2f5}.modal-body{padding:22px 24px}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:#fafbfc;border-top:1px solid var(--line)}.foot-right{display:flex;gap:12px;margin-left:auto}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;color:var(--text-soft);font-size:17px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:400px;padding:32px 28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px #00000014}.login-brand{margin:0;font-size:30px;font-weight:800;letter-spacing:-.5px}.login-sub{margin:6px 0 26px;color:var(--text-soft);font-size:16px}.login-card .action{margin-top:8px}.login-help{margin:20px 0 0;color:var(--text-soft);font-size:14px;text-align:center}.hello-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.who{display:flex;align-items:center;gap:12px}.attend-total{color:var(--text-soft);font-size:15px}.attend-total b{color:var(--text)}.still-open{color:var(--amber);font-weight:600}.panel-title .chip{margin-left:10px;font-size:13px}.locked .action{margin-top:28px}@media(max-width:720px){.admin-main{padding:20px 16px 48px}.topbar{padding:0 16px;gap:16px}.field-row,.add-row{grid-template-columns:1fr}}