:root{--bg:#f4f6f9;--card:#fff;--border:#e2e6ec;--text:#1f2733;--muted:#6b7685;--primary:#1d4ed8;--primary-d:#1740a6;--danger:#c0392b;--success-bg:#e6f6ec;--success-fg:#1d6f3f;--error-bg:#fdecea;--error-fg:#b03228;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.centered{min-height:100vh;color:var(--muted);place-items:center;display:grid}.app-shell{min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.5rem;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.brand{color:var(--primary);font-weight:700}.nav{flex:1;gap:1rem;display:flex}.nav a{color:var(--muted);padding:.35rem 0;font-weight:500}.nav a.active{color:var(--text);border-bottom:2px solid var(--primary)}.user-box{align-items:center;gap:.75rem;display:flex}.who{color:var(--muted);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.badge{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:.65rem}.content{max-width:1100px;margin:0 auto;padding:1.5rem}.page h1{margin:0 0 1rem;font-size:1.5rem}.page-head{justify-content:space-between;align-items:center;display:flex}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.member-card{flex-direction:column;gap:.75rem;display:flex}.member-head h3{margin:0;font-size:1.05rem}.member-contact{flex-direction:column;gap:2px;font-size:.85rem;display:flex}.member-contact .seat{color:var(--muted)}.stats{border-top:1px solid var(--border);gap:.5rem;padding-top:.75rem;display:flex}.stat{text-align:center;flex:1}.stat strong{color:var(--primary);font-size:1.2rem;display:block}.stat span{color:var(--muted);text-transform:uppercase;font-size:.7rem}.form-card{margin-bottom:1.5rem}.form-card h3{margin-top:0}label{margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:6px;margin-top:4px;padding:.5rem .6rem;display:block}input:disabled{color:var(--muted);background:#f0f2f5}textarea{resize:vertical;min-height:70px}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row>label{flex:1;min-width:160px}label.check{align-items:center;gap:.5rem;font-weight:400;display:flex}label.check input{width:auto;margin:0}.form-actions{align-items:center;gap:.75rem;display:flex}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.btn{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;text-align:center;background:#fff;border-radius:6px;padding:.55rem 1.1rem;font-weight:500;display:inline-block}.btn:hover{background:#f5f7fa;text-decoration:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-d)}.btn:disabled{opacity:.6;cursor:default}.btn-link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0 .4rem}.btn-link.danger{color:var(--danger)}.table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.9rem}.table th{color:var(--muted);background:#f7f9fb;font-weight:600}.table tr.archived{color:var(--muted);background:#fafafa}.row-actions{white-space:nowrap}.alert{border-radius:6px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.9rem}.alert.success{background:var(--success-bg);color:var(--success-fg)}.alert.error{background:var(--error-bg);color:var(--error-fg)}.auth-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{width:100%;max-width:380px}.auth-card h1{margin:0 0 .25rem;font-size:1.35rem}.auth-card .btn{width:100%;margin-top:.5rem}.auth-links{justify-content:space-between;margin-top:1rem;font-size:.85rem;display:flex}.auth-card.join-card{max-width:720px}.join-card fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.9rem 1rem .25rem}.join-card legend{padding:0 .35rem;font-weight:600}.muted.small,.small{margin:-.35rem 0 .75rem;font-size:.8rem}.commitments{gap:.6rem;margin-bottom:1rem;display:grid}.commitments label.check{border:1px solid var(--border);background:#fafbfd;border-radius:6px;align-items:flex-start;margin:0;padding:.6rem .75rem;font-size:.92rem;line-height:1.45}.commitments label.check input{flex-shrink:0;margin-top:.2rem}.commitments label.check:has(input:checked){border-color:var(--primary);background:#eef3ff}.join-cta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;font-size:.9rem;display:flex}.join-cta .btn{border-color:var(--primary);width:auto;color:var(--primary);margin:0;font-weight:600}.app-card{margin-bottom:1rem}.app-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.app-head h3{margin:0 0 .2rem}.badge.status-pending{color:#8a5a00;background:#fff4e0}.badge.status-approved{background:var(--success-bg);color:var(--success-fg)}.badge.status-declined{color:var(--muted);background:#eef0f3}.badge.status-member{color:var(--primary-d);background:#eef3ff}.app-details{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.app-details dl{grid-template-columns:9rem 1fr;gap:.35rem 1rem;margin:0 0 .75rem;font-size:.9rem;display:grid}.app-details dt{color:var(--muted)}.app-details dd{margin:0}.app-details .agreement{white-space:pre-wrap;font:inherit;background:#f7f9fb;border-radius:6px;padding:.75rem;font-size:.85rem}@media (width<=560px){.app-details dl{grid-template-columns:1fr}.app-details dt{margin-top:.4rem}}.content{padding-bottom:calc(44px + 1.5rem + env(safe-area-inset-bottom,0px))}.chat-dock{z-index:70;padding:0 .75rem env(safe-area-inset-bottom,0px);pointer-events:none;align-items:flex-end;gap:.55rem;display:flex;position:fixed;bottom:0;right:0}.chat-dock>*{pointer-events:auto}.buddy-panel,.chat-window{background:var(--card);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;box-shadow:0 -2px 14px #141e321f}.buddy-panel{width:230px;position:relative;overflow:hidden}.buddy-header{cursor:pointer;width:100%;font:inherit;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:.45rem;padding:.6rem .7rem;font-weight:700;display:flex}.buddy-list{border-top:1px solid var(--border);max-height:320px;overflow-y:auto}.buddy{cursor:pointer;width:100%;min-height:38px;font:inherit;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;padding:.45rem .7rem;display:flex}.buddy:hover{background:#f5f7fa}.buddy-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.compose-link{border-bottom:1px solid var(--border);font-weight:700}.compose-icon{text-align:center;width:14px;color:var(--primary);font-weight:800}.dot-online,.dot-offline{border-radius:50%;flex:none;width:9px;height:9px}.dot-online{background:#22a559;box-shadow:0 0 0 2px #22a55940}.dot-offline{background:var(--border)}.chat-badge{background:var(--danger);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-flex}.chat-mute{cursor:pointer;opacity:.75;background:0 0;border:0;padding:.2rem;font-size:.95rem;line-height:1;position:absolute;top:.42rem;right:.5rem}.chat-mute:hover{opacity:1}.chat-window{flex-direction:column;width:270px;display:flex}.compose-window{width:285px}.chat-head{border-bottom:1px solid var(--border);align-items:center;gap:.45rem;padding:.5rem .65rem;display:flex}.chat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.chat-x{cursor:pointer;color:var(--muted);background:0 0;border:0;margin-left:auto;padding:0 .2rem;font-size:1.2rem;line-height:1}.chat-body{flex-direction:column;gap:.35rem;height:260px;padding:.55rem;display:flex;overflow-y:auto}.bubble{overflow-wrap:anywhere;white-space:pre-wrap;background:#eef1f5;border-radius:10px;align-self:flex-start;max-width:85%;padding:.38rem .55rem;font-size:.87rem}.bubble.mine{background:var(--primary);color:#fff;align-self:flex-end}.bubble.announcement{background:#fff8e6;border:1px solid #f0dca8;align-self:stretch;max-width:100%}.bubble-from{color:var(--muted);margin-bottom:.1rem;font-size:.72rem;font-weight:700}.bubble-meta{opacity:.7;margin-top:.15rem;font-size:.66rem}.chat-error{color:var(--error-fg);padding:.4rem .65rem;font-size:.8rem}.chat-compose{border-top:1px solid var(--border);gap:.35rem;padding:.5rem;display:flex}.chat-compose input{margin:0;padding:.35rem .5rem;font-size:.88rem}.chat-compose .btn{padding:.35rem .7rem;font-size:.85rem}.compose-modes{gap:.35rem;margin-bottom:.5rem;display:flex}.compose-modes .btn{flex:1;padding:.3rem .5rem;font-size:.82rem}.small-note{margin:.2rem 0 .45rem;font-size:.78rem}.picker{border:1px solid var(--border);border-radius:8px;max-height:150px;overflow-y:auto}.pick{cursor:pointer;align-items:center;gap:.45rem;min-height:34px;margin:0;padding:.32rem .5rem;font-size:.85rem;font-weight:400;display:flex}.pick:hover{background:#f5f7fa}.pick.on{background:#eef3ff}.pick input{width:auto;margin:0}.chat-open{align-items:center;gap:.15rem;font-size:1.15rem;display:inline-flex;position:relative}.chat-open .chat-badge{min-width:17px;height:17px;padding:0 4px;font-size:.65rem}@media (width<=700px){.topbar{height:auto;padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));flex-wrap:wrap;gap:.35rem .75rem}.brand{flex:1}.nav{white-space:nowrap;flex-basis:100%;order:3;padding-bottom:.15rem;overflow-x:auto}.who{display:none}.content{padding-left:.9rem;padding-right:.9rem}.chat-dock{gap:0;padding-left:0;padding-right:0;left:0}.chat-dock>.chat-window~.chat-window{display:none}.chat-window,.compose-window,.buddy-panel{border-radius:0;width:100%}.chat-dock:has(.chat-window) .buddy-panel{display:none}.chat-body{height:45vh}.table{display:block;overflow-x:auto}}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.att-summary{max-width:560px}.att-count{color:var(--muted);font-size:1rem}.att-count strong{color:var(--primary);font-size:2.2rem;line-height:1}.att-bar{background:#e8ecf2;border-radius:999px;height:10px;margin-top:.5rem;overflow:hidden}.att-bar>div{background:var(--primary);border-radius:999px;height:100%;transition:width .3s}.att-bar>div.done{background:#22a559}.badge.att-Present{background:var(--success-bg);color:var(--success-fg);text-transform:none}.badge.att-Substitute{color:#1740a6;text-transform:none;background:#e6f0ff}.badge.att-OneToOneStandIn{color:#8a5a00;text-transform:none;background:#fff4e0}.badge.att-Absent{color:#b03228;text-transform:none;background:#fdecea}.att-ok{color:var(--success-fg)}.att-behind{color:var(--error-fg)}.small-inline{font-size:.78rem;display:block}.roll-tally{margin:.25rem 0 .75rem}.roll-list{gap:.5rem;display:grid}.roll-row{padding:.7rem .85rem}.roll-row.marked{border-color:#cdd6e4}.roll-who{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.45rem;display:flex}.roll-who .small-inline{display:inline}.roll-choices{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.chip{border:1px solid var(--border);min-height:40px;font:inherit;cursor:pointer;color:var(--text);background:#fff;border-radius:8px;padding:.35rem .4rem;font-size:.85rem}.chip:hover{background:#f5f7fa}.chip.on{font-weight:700}.chip.att-Present.on{background:var(--success-bg);color:var(--success-fg);border-color:#7cc79a}.chip.att-Substitute.on{color:#1740a6;background:#e6f0ff;border-color:#8fb0ee}.chip.att-OneToOneStandIn.on{color:#8a5a00;background:#fff4e0;border-color:#e8c27a}.chip.att-Absent.on{color:#b03228;background:#fdecea;border-color:#eba59d}.roll-extra{margin-top:.6rem}.roll-extra label{margin-bottom:0}.roll-actions{bottom:calc(52px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent, var(--bg) 35%);justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding:.75rem 0;display:flex;position:sticky}@media (width<=560px){.roll-choices{grid-template-columns:repeat(2,1fr)}}.page-head{gap:1rem}.page-head select{width:auto;margin-top:0}.nav{scrollbar-width:none;gap:.85rem;overflow-x:auto}.nav a{white-space:nowrap}.admin-menu{position:relative}.admin-menu summary{cursor:pointer;color:var(--muted);white-space:nowrap;padding:.35rem 0;font-weight:500;list-style:none}.admin-menu summary::-webkit-details-marker{display:none}.admin-menu summary.active{color:var(--text);border-bottom:2px solid var(--primary)}.admin-menu-list{z-index:30;background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:170px;padding:.3rem 0;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #141e321f}.admin-menu-list a{color:var(--text);white-space:nowrap;padding:.5rem .9rem}.admin-menu-list a:hover{background:#f5f7fa;text-decoration:none}.admin-menu-list a.active{color:var(--primary);font-weight:700}@media (width<=700px){.admin-menu{order:2}}