:root{--bg:#dff2fc;--bg-tint:#eff9ff;--surface:rgba(255,255,255,0.86);--surface-raised:#fffdf8;--ink:#183148;--ink-soft:#35516b;--muted:#6a7d91;--border:#c9dde9;--border-soft:rgba(255,255,255,0.82);--accent:#119ed3;--accent-light:rgba(17,158,211,0.12);--accent-mid:rgba(17,158,211,0.24);--navy:#17324a;--navy-mid:#244964;--navy-light:rgba(23,50,74,0.08);--danger:#aa4a47;--danger-light:rgba(170,74,71,0.12);--success:#2d7f68;--unread-border:#119ed3;--shadow-sm:0 8px 20px rgba(35,75,104,0.08);--shadow-md:0 20px 48px rgba(35,75,104,0.12);--shadow-lg:0 28px 72px rgba(35,75,104,0.18);--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Inter Tight",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 88% 16%,rgba(255,255,255,.55),transparent 20%),linear-gradient(180deg,#dff2fc,#edf8ff 58%,#f8fbff);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;font-weight:600;color:var(--ink)}img{max-width:100%;display:block}a{color:inherit}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}#app{min-height:100vh;flex-direction:column}#app,.hero{display:flex}.hero{background:linear-gradient(90deg,rgba(17,158,211,.92),rgba(17,158,211,.78));color:#f8fcff;padding:1.1rem 2rem;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.32);box-shadow:0 8px 24px rgba(17,158,211,.18)}.hero__wordmark{font-family:var(--font-display);font-size:1.7rem;font-style:italic;letter-spacing:-.02em;color:#ffffff}.hero__tagline{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,252,255,.76);margin-left:.5rem}.sheet{flex:1 1;padding:2.6rem 1.5rem 4rem;max-width:1160px;margin:0 auto;width:100%;animation:fadeIn .35s ease both}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,252,247,.9));border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.35rem 2.5rem}.panel:before{content:"";position:absolute;inset:0 auto auto 0;width:220px;height:220px;background:radial-gradient(circle,rgba(17,158,211,.12),transparent 70%);pointer-events:none;transform:translate(-35%,-45%)}.panel__hint{color:var(--muted);font-size:.95rem;margin-top:.3rem;margin-bottom:1.75rem;line-height:1.55}.form-control{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem;font-size:.9rem;font-weight:500;color:var(--ink-soft)}.form-control span{font-size:.83rem;font-weight:600;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}.form-control input,.form-control select,.form-control textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:.97rem;font-family:var(--font-body);background:var(--surface-raised);color:var(--ink);transition:border-color .18s,box-shadow .18s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-control textarea{resize:vertical;min-height:130px;line-height:1.65}.form-control input:focus,.form-control select:focus,.form-control textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-control input:disabled,.form-control select:disabled,.form-control textarea:disabled{opacity:.55;cursor:not-allowed}.password-field{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);transition:border-color .18s,box-shadow .18s}.password-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.password-field input{flex:1 1;border:none!important;background:transparent!important;box-shadow:none!important;color:var(--ink);padding:.8rem 1rem;font-size:.97rem;font-family:var(--font-body)}.password-field input:focus{outline:none;border:none;box-shadow:none!important}.password-field button{border:none;background:transparent;color:var(--muted);font-size:1rem;padding:0 1rem;cursor:pointer;transition:color .2s}.password-field button:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:999px;padding:.78rem 1.22rem;font-size:.9rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s,color .18s;white-space:nowrap;letter-spacing:.02em}.btn:active{transform:scale(.97) translateY(1px)}.btn.primary{background:var(--navy);color:#f7fbff;box-shadow:0 14px 26px rgba(23,50,74,.18)}.btn.primary:hover{background:var(--navy-mid);box-shadow:0 18px 34px rgba(23,50,74,.22);transform:translateY(-2px)}.btn.subtle{background:rgba(255,255,255,.78);color:var(--accent);border-color:var(--accent-mid)}.btn.subtle:hover{background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn.ghost{background:rgba(255,255,255,.58);border-color:rgba(201,221,233,.95);color:var(--ink-soft)}.btn.ghost:hover{background:rgba(255,255,255,.9);border-color:rgba(53,81,107,.22);color:var(--ink);box-shadow:var(--shadow-sm)}.btn.danger{background:var(--danger-light);color:var(--danger);border:1.5px solid rgba(184,64,64,.25)}.btn.danger:hover{background:rgba(184,64,64,.18)}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.71rem;font-weight:700;color:var(--muted)}.day-toggle{display:flex;gap:.6rem}.day-toggle label{flex:1 1;border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;cursor:pointer;font-weight:500;font-size:.93rem;color:var(--muted);transition:border-color .18s,background .18s,color .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.day-toggle label:has(input:checked){border-color:var(--accent);background:var(--accent-light);color:var(--accent);font-weight:600}.day-toggle input{accent-color:var(--accent);width:14px;height:14px}.dashboard-panel{animation:slideUp .4s ease both}.dashboard-head{display:grid;grid-template-columns:minmax(0,1.7fr) auto;grid-gap:1.4rem 1rem;gap:1.4rem 1rem;align-items:flex-start;padding-bottom:1.75rem;border-bottom:1px solid rgba(201,221,233,.7);margin-bottom:.35rem}.dashboard-lead{max-width:680px}.dashboard-kicker{margin-bottom:.45rem}#user-chip{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.15rem);font-style:italic;font-weight:400;line-height:.95;letter-spacing:-.03em;color:var(--ink);margin:.1rem 0 .25rem}#committee-chip{letter-spacing:.12em}.dashboard-intro{max-width:46ch;margin-top:.8rem;font-size:.98rem;line-height:1.65;color:var(--ink-soft)}.dashboard-summary{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.summary-pill{display:inline-flex;align-items:center;padding:.42rem .78rem;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(201,221,233,.9);color:var(--ink-soft);font-size:.78rem;font-weight:600}.dashboard-actions{gap:.5rem;align-items:center;margin-top:.25rem}.dashboard-actions,.tabs{display:flex;flex-wrap:wrap}.tabs{margin:1.5rem 0 0;gap:.55rem;padding:0;background:transparent;width:-moz-fit-content;width:fit-content}.tab{border:1px solid rgba(201,221,233,.85);background:rgba(255,255,255,.62);padding:.7rem 1.15rem;font-size:.88rem;font-weight:600;font-family:var(--font-body);color:var(--muted);cursor:pointer;border-radius:14px;transition:background .18s,color .18s,box-shadow .18s;letter-spacing:.02em}.tab.active{background:var(--navy);color:#f7fbff;border-color:transparent;box-shadow:0 14px 26px rgba(23,50,74,.15)}.tab:not(.active):hover{color:var(--ink-soft);background:rgba(255,255,255,.9);box-shadow:var(--shadow-sm)}.tab-panels{padding-top:1.5rem}.card-grid{display:grid;grid-gap:1rem;gap:1rem}.card-grid>:nth-child(odd){margin-right:1.1rem}.card-grid>:nth-child(2n){margin-left:1.1rem}.card-grid>:first-child{animation:slideUp .32s ease 0s both}.card-grid>:nth-child(2){animation:slideUp .32s ease .05s both}.card-grid>:nth-child(3){animation:slideUp .32s ease .1s both}.card-grid>:nth-child(4){animation:slideUp .32s ease .15s both}.card-grid>:nth-child(5){animation:slideUp .32s ease .18s both}.card-grid>:nth-child(n+6){animation:slideUp .32s ease .2s both}.reply-thread{margin-top:.55rem;margin-left:1.4rem;padding-left:.9rem;border-left:1px dashed rgba(23,50,74,.26);display:flex;flex-direction:column;gap:.6rem}.reply-thread .note-card{box-shadow:var(--shadow-sm);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,252,255,.92))}.note-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,251,246,.92));border:1px solid rgba(201,221,233,.8);border-radius:var(--radius-md);padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.7rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .18s;box-shadow:var(--shadow-sm)}.note-card:hover{box-shadow:0 18px 42px rgba(35,75,104,.14);transform:translateY(-2px)}.note-card.new{border-color:rgba(17,158,211,.28);background:linear-gradient(180deg,rgba(244,252,255,.98),rgba(237,249,255,.92))}.note-card.concern{border-color:rgba(170,74,71,.24);background:linear-gradient(180deg,rgba(255,251,250,.98),rgba(255,244,243,.92))}.note-card.concern:hover{box-shadow:0 6px 24px rgba(184,64,64,.1)}.note-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.note-from{font-weight:700;font-size:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;color:var(--ink)}.note-meta-label{color:var(--muted)}.note-meta-label,.note-topic{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.note-topic{display:inline-flex;align-items:center;padding:.28rem .75rem;border-radius:999px;background:rgba(17,158,211,.11);color:var(--accent);margin-top:.35rem}.note-card.new .note-topic{background:rgba(23,50,74,.09);color:var(--navy)}.note-content{font-family:var(--font-body);font-size:.98rem;line-height:1.72;white-space:pre-wrap;color:var(--ink-soft);font-style:normal;font-weight:500}.note-reply-context{padding:.8rem .9rem;border-radius:16px;background:rgba(23,50,74,.05);border:1px solid rgba(23,50,74,.1)}.note-reply-context__label{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.note-reply-context__topic{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.2rem}.note-reply-context__preview{font-size:.88rem;line-height:1.55;color:var(--ink-soft);margin:0}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted);flex-wrap:wrap;gap:.4rem;margin-top:.1rem;padding-top:.55rem;border-top:1px solid var(--border-soft)}.star-btn{border:none;background:none;font-size:1.3rem;cursor:pointer;color:var(--border);transition:transform .2s,color .2s;padding:0;line-height:1;flex-shrink:0}.star-btn.active{color:var(--accent);transform:scale(1.15)}.star-btn:hover{color:var(--accent);transform:scale(1.2)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:rgba(247,251,255,.18);color:#fff;margin-left:.4rem;line-height:1;border:1px solid rgba(255,255,255,.24)}.badge,.role-badge{font-size:.68rem;font-weight:700;vertical-align:middle}.role-badge{display:inline-block;margin-left:.55rem;padding:.16rem .68rem;border-radius:999px;text-transform:uppercase;letter-spacing:.09em;background:rgba(17,158,211,.1);color:var(--accent);border:1px solid rgba(17,158,211,.16);font-family:var(--font-body)}.reply-badge{padding:.14rem .58rem;border-radius:999px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(23,50,74,.08);color:var(--navy);border:1px solid rgba(23,50,74,.12)}.concern-badge,.reply-badge{display:inline-flex;align-items:center;font-weight:700}.concern-badge{gap:.2rem;margin-left:.45rem;padding:.12rem .55rem;border-radius:999px;font-size:.72rem;background:var(--danger-light);color:var(--danger);border:1px solid rgba(184,64,64,.2);vertical-align:middle}.suspend-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.85rem 1.25rem;font-size:.92rem}.suspend-banner,.suspend-inline-banner{background:rgba(255,248,247,.92);border:1px solid rgba(170,74,71,.22);color:var(--danger);border-radius:var(--radius-md);margin-bottom:1rem;font-weight:500}.suspend-inline-banner{padding:.7rem 1rem;font-size:.9rem}.form-grid{display:flex;flex-direction:column;gap:.25rem}.reply-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.95rem 1.05rem;margin-bottom:.65rem;border-radius:var(--radius-md);background:rgba(23,50,74,.06);border:1px solid rgba(23,50,74,.1)}.reply-banner__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem}.reply-banner__target{font-size:.98rem;font-weight:700;color:var(--ink);margin:0}.recipient-zone{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.1rem;gap:1.1rem;margin:.35rem 0 1rem}.recipient-column{border:1px solid rgba(201,221,233,.8);border-radius:var(--radius-md);padding:1.05rem 1.1rem 1.1rem;background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);min-width:0}.recipient-column h3{font-family:var(--font-body);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.85rem}.delegation-select-row{display:block;width:100%}.delegation-select-row select{width:100%;min-width:0}.selected-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.compose-submit-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:.25rem}.compose-feedback{margin:0;font-size:.88rem;font-weight:600;color:var(--success);padding:.45rem .8rem;border-radius:999px;background:rgba(45,127,104,.1);border:1px solid rgba(45,127,104,.16)}.selected-chip{background:rgba(17,158,211,.1);border-radius:999px;padding:.36rem .82rem;font-size:.82rem;display:flex;align-items:center;gap:.35rem;border:1px solid rgba(17,158,211,.22);color:var(--accent);font-weight:600}.selected-chip button{border:none;background:transparent;font-size:1rem;cursor:pointer;color:var(--accent);padding:0;line-height:1;opacity:.7;transition:opacity .15s}.selected-chip button:hover{opacity:1}.checkbox-grid{display:grid;grid-gap:.5rem;gap:.5rem}.checkbox{display:flex;gap:.5rem;align-items:center;font-size:.93rem;cursor:pointer;color:var(--ink-soft);padding:.55rem .7rem;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid rgba(201,221,233,.75)}.checkbox input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.empty-state{border:1px dashed rgba(201,221,233,.95);border-radius:var(--radius-md);padding:2.5rem 2rem;text-align:center;color:var(--muted);background:rgba(255,255,255,.56)}.empty-state__icon{font-size:2rem;margin-bottom:.75rem;display:block;opacity:.5}.cred-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:1.3rem}.cred-card{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.85rem 1rem;background:var(--surface-raised);font-size:.9rem;display:flex;flex-direction:column;gap:.2rem}.modal{max-width:600px;width:90vw;border-radius:var(--radius-lg);border:none;padding:0;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg)}dialog::-webkit-backdrop{background:rgba(15,27,48,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(15,27,48,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem .6rem;border-bottom:1px solid var(--border-soft)}.modal__content{padding:1rem 1.75rem}.modal__actions{padding:.9rem 1.75rem 1.5rem;border-top:1px solid var(--border-soft);text-align:right}@media (max-width:768px){.panel{padding:1.5rem 1.25rem;border-radius:var(--radius-md)}.sheet{padding:1.25rem 1rem 3rem}.dashboard-head{grid-template-columns:1fr}.tabs{width:100%}.card-grid>:nth-child(2n),.card-grid>:nth-child(odd){margin-left:0;margin-right:0}.recipient-zone{grid-template-columns:1fr}.dashboard-actions{width:100%}.hero{padding:1rem 1.25rem;flex-wrap:wrap;gap:.35rem .75rem}}