*{box-sizing:border-box}body{color:#1e252b;background:#f4f5f7;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e7a328}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:#171c21;flex-direction:column;width:248px;padding:34px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.brand span{letter-spacing:3px;color:#afb5b9;margin-top:5px;font-size:11px;display:block}.brandmark{color:#e6b555;border:2px solid #e6b555;place-items:center;width:52px;height:56px;font-family:Georgia,serif;font-size:38px;display:grid}.nav-label{letter-spacing:1.7px;color:#89929a;margin:46px 10px 16px;font-size:9px}.nav{text-align:left;color:#b7bfc5;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;width:100%;margin-bottom:5px;padding:14px 12px;font-size:12px;display:flex}.nav.active{color:#f7d69d;background:#32302a}.nav b{background:#554632;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebottom{color:#ccb176;border-top:1px solid #333a40;gap:12px;margin-top:auto;padding-top:22px;font-size:12px;display:flex}.sidebottom span{color:#909aa2;margin-top:6px;font-size:10px;display:block}main{flex:1;min-width:0;margin-left:248px}header{background:#fff;border-bottom:1px solid #e2e5e8;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.breadcrumb{color:#79828a;align-items:center;gap:12px;font-size:11px;display:flex}.role{letter-spacing:1.5px;border:1px solid #dddfe2;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:700}.content{max-width:1500px;margin:auto;padding:40px 42px 20px}.eyebrow{letter-spacing:2px;color:#997337;font-size:10px;font-weight:700}.titlebar{justify-content:space-between;align-items:center;gap:16px;margin:10px 0 30px;display:flex}h1{letter-spacing:-.8px;margin:0 0 10px;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:46px;line-height:1.1}p{color:#7a838c;margin:0;line-height:1.65}h2{margin:0;font-size:15px}h3{margin:15px 0 8px;font-size:14px}.date-pill{white-space:nowrap;background:#fff;border:1px solid #e2e5e8;border-radius:6px;padding:10px 14px;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.stat{text-align:left;background:#fff;border:1px solid #e0e4e7;border-radius:9px;padding:21px;box-shadow:0 2px 3px #00000002}.stat>div{color:#7d878f;justify-content:space-between;gap:8px;font-size:11px;display:flex}.stat strong{margin:17px 0;font-size:30px;display:block}.stat small{color:#8b949b;gap:8px;font-size:10px;display:flex}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:24px;display:grid}.panel{background:#fff;border:1px solid #e0e4e7;border-radius:9px;overflow:hidden}.panelhead{border-bottom:1px solid #eceef0;justify-content:space-between;align-items:center;gap:12px;padding:22px;display:flex}.textbutton{color:#8f723f;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.empty{text-align:center;padding:43px 24px}.empty>svg{color:#a7afb5;width:28px;height:28px}.empty p{max-width:320px;margin:0 auto 20px;font-size:12px}.empty button{margin:auto}.taskrow{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f1f2;align-items:center;gap:12px;width:100%;padding:18px 22px;display:flex}.taskcircle{border:1px solid #c5ccd0;border-radius:5px;flex-shrink:0;width:17px;height:17px}.taskrow>div{flex:1}.taskrow strong{font-size:12px}.taskrow small{color:#89939b;margin-top:6px;font-size:10px;display:block}.badge{color:#76818b;white-space:nowrap;background:#f0f2f4;border-radius:5px;padding:6px 8px;font-size:10px;display:inline-block}.overdue{color:#b34b3a;background:#fce9e6}.done{color:#397451;background:#e4f2e9}.next-event{padding:32px 24px}.next-event h2{margin:16px 0;font-size:24px}.next-event p{margin-bottom:24px}.quick{background:#ebe8e0;border:1px solid #e1dccf;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:24px 28px;display:flex}.quick p{margin-top:7px;font-size:12px}.primary,.secondary{border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#232a30;border:1px solid #232a30}.secondary{color:#48535b;background:#fff;border:1px solid #dfe3e6}.toolbar{color:#89939b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.toolbar label{background:#fff;border:1px solid #dfe3e6;border-radius:6px;align-items:center;gap:10px;width:370px;max-width:70%;padding:10px 14px;display:flex}.toolbar input{border:0;outline:0;width:100%}.recordgrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.record{background:#fff;border:1px solid #dfe3e6;border-radius:9px;padding:24px}.recordhead{border-bottom:1px solid #eceef0;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:18px;display:flex}.recordhead h2{overflow-wrap:anywhere;font-size:19px}.fieldview{overflow-wrap:anywhere;margin:14px 0}.fieldview>span{color:#909aa2;margin-bottom:5px;font-size:10px;display:block}.fieldview p{color:#434f58;white-space:pre-wrap;font-size:13px}.fieldview a{color:#936f32}.recordactions{border-top:1px solid #eceef0;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;display:flex}.danger{color:#ab554b;background:0 0;border:0;font-size:11px}.balance{background:#f4f1eb;border-radius:5px;justify-content:space-between;gap:10px;margin-top:18px;padding:12px;font-size:12px;display:flex}.wide{grid-column:1/-1}footer{color:#949ca3;letter-spacing:1px;border-top:1px solid #dfe3e6;justify-content:space-between;gap:15px;margin-top:42px;padding-top:20px;font-size:9px;display:flex}footer i{color:#c7cbd0;padding:0 8px;font-style:normal}.overlay{z-index:20;background:#0a1018aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:650px;max-height:92dvh;overflow:auto;box-shadow:0 20px 80px #0005}.modal .panelhead button{background:0 0;border:0}.formfields{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.formfields label{color:#626f79;flex-direction:column;gap:8px;font-size:12px;display:flex}.formfields input,.formfields select,.formfields textarea{color:#29353e;background:#fff;border:1px solid #d5dce1;border-radius:6px;width:100%;padding:11px}.full{grid-column:1/-1}.formfooter{border-top:1px solid #eceef0;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.error{color:#993f32;background:#ffe9e3;border-radius:6px;margin-bottom:20px;padding:14px}.error button{color:inherit;background:0 0;border:0;text-decoration:underline}.activation{background:#fff7e8;border:1px solid #e6cc99;border-radius:8px;align-items:center;gap:18px;margin-bottom:26px;padding:22px;display:flex}.activation>svg{flex-shrink:0}.activation p{margin-top:5px;font-size:12px}.activation button{flex-shrink:0}.mobile-menu{display:none}@media (width>=1600px){.content{padding-top:60px}}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:215px}main{margin-left:215px}.content{padding:30px 25px}header{padding:0 25px}.dashboard-grid,.recordgrid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:250px;top:64px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}main{margin-left:0}header{gap:12px;height:64px;padding:0 18px}.mobile-menu{background:0 0;border:0;padding:0;display:block}.breadcrumb{flex:1;gap:5px;font-size:10px}.role{font-size:8px}.content{padding:28px 18px 20px}h1{font-size:36px}.titlebar{align-items:flex-start}.date-pill{display:none}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.stat>div{font-size:10px}.stat>div svg{width:16px}.quick{flex-direction:column;align-items:flex-start;padding:22px}.quick button{width:100%}.toolbar label{width:100%;max-width:100%}.toolbar>span{display:none}.activation{flex-wrap:wrap;align-items:flex-start}.activation>div{flex:1;min-width:180px}.activation button{width:100%}.formfields{grid-template-columns:1fr;padding:18px}.overlay{padding:10px}footer{align-items:flex-start}footer>span{max-width:120px;font-size:8px;line-height:1.8}}.login{background:#171c21;place-items:center;min-height:100dvh;padding:24px;display:grid}.loginbox{color:#fff;text-align:center;width:100%;max-width:450px}.loginbox .brandmark{width:64px;height:70px;margin:0 auto 28px}.loginbox .eyebrow{color:#d6ad60;margin-bottom:20px}.loginbox h1{margin-bottom:24px;font-size:58px;line-height:1.05}.loginbox p{color:#a4aeb6;margin-bottom:28px}.loginbox small{color:#74818b;margin-top:25px;font-size:10px;line-height:1.6;display:block}.google-button{color:#253039;background:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px 22px;font-weight:600;display:flex}.google-button span{color:#4285f4;font-size:21px;font-weight:700}.loginbox .error{color:#923f31;margin:20px 0}footer{flex-wrap:wrap}@media (width<=700px){.loginbox h1{font-size:48px}}.access-panel{background:#fff;border:1px solid #e0e4e7;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:20px;display:flex}.access-panel p{margin-top:6px;font-size:12px}.access-actions{flex-shrink:0;gap:10px;display:flex}@media (width<=900px){.access-panel{flex-direction:column;align-items:flex-start}.access-actions{flex-wrap:wrap;width:100%}.access-actions button{min-height:44px}}.low-stock{color:#8b631f;background:#fff2d7}body{color:#080808;background:#f4f4f4}p{color:#616161}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #777}.sidebar{background:#080808;padding:28px 20px;overflow-y:auto}.brand{letter-spacing:-.5px;gap:12px;font-size:21px}.brand span{color:#bbb;letter-spacing:3px;font-size:10px}.brand-logo{object-fit:contain;flex-shrink:0;width:66px;height:73px}.chapter-link{color:#bbb;letter-spacing:1px;margin-top:24px;font-size:11px;text-decoration:none;display:inline-block}.chapter-link:hover{color:#fff;text-decoration:underline}.nav-label{color:#888;letter-spacing:2px;margin-top:30px}.nav{color:#bbb;border-left:2px solid #0000;border-radius:0;padding:15px 12px}.nav:hover{color:#fff;background:#1b1b1b}.nav.active{color:#080808;background:#f4f4f4;border-left-color:#fff}.nav b{color:#fff;background:#080808;border-radius:0}.sidebottom{color:#fff;border-color:#333}.sidebottom span{color:#aaa}header{color:#fff;background:#080808;border-color:#333;height:88px}.breadcrumb{color:#bbb}.role{border-color:#666;border-radius:0}.header-logo{display:none}header .textbutton{color:#fff}h1{text-transform:uppercase;letter-spacing:-1px;font-size:clamp(40px,4vw,64px);line-height:1}h2{font-weight:800}.eyebrow{color:#555;letter-spacing:3px}.titlebar{margin-top:14px}.date-pill,.stat,.panel,.quick,.primary,.secondary,.toolbar label,.record,.badge,.balance,.modal,.formfields input,.formfields select,.formfields textarea,.error,.activation,.access-panel{box-shadow:none;border-radius:0}.date-pill,.stat,.panel,.record,.access-panel{border-color:#d5d5d5}.stat{border-top:3px solid #080808}.stat>div,.stat small{color:#666}.stat strong{letter-spacing:-1px;font-size:38px;font-weight:800}.stat:hover{border-color:#080808}.panelhead,.recordhead,.recordactions,.formfooter{border-color:#ddd}.textbutton,.danger,.fieldview a{color:#080808}.textbutton:hover,.danger:hover{text-decoration:underline}.primary{color:#fff;background:#080808;border-color:#080808;min-height:44px}.primary:hover{background:#333}.secondary{color:#080808;border-color:#aaa;min-height:44px}.secondary:hover{background:#eee}.quick{background:#e7e7e7;border-color:#ccc}.badge{color:#444;background:#eee;border:1px solid #ccc}.badge.overdue,.badge.low-stock{color:#fff;background:#080808;border-color:#080808}.badge.done{color:#080808;background:#ddd}.taskrow,.taskrow small{color:#555}.taskrow strong{color:#080808}.taskcircle{border-color:#888}.empty>svg{color:#777}.fieldview>span{color:#666}.fieldview p{color:#333}.balance{background:#eee}footer{color:#666;border-color:#ccc}.toolbar{color:#666}.overlay{background:#000c}.formfields label{color:#444}.formfields input,.formfields textarea,.formfields select{color:#080808;border-color:#aaa}.error{color:#080808;background:#eee;border-left:4px solid #080808}.activation{background:#eee;border-color:#aaa}.access-panel{border-left:4px solid #080808}.access-panel p{color:#666}.login{background:#080808;padding:64px 6vw}.login-layout{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;width:100%;max-width:1200px;display:grid}.loginbox{text-align:left;max-width:540px}.loginbox .chapter-link{margin:0 0 52px}.loginbox .eyebrow{color:#bbb;letter-spacing:3px;margin-bottom:24px}.loginbox h1{letter-spacing:-2px;margin-bottom:30px;font-size:clamp(58px,6.5vw,94px);line-height:.95}.loginbox p{color:#bbb;font-size:15px}.loginbox small{color:#aaa;font-size:11px}.login-art img{width:100%;max-width:440px;height:auto;margin:auto;display:block}.login-logo{width:160px;height:auto;margin:0 auto 28px;display:block}.google-button{color:#080808;border:1px solid #fff;border-radius:0;max-width:390px;min-height:56px}.google-button:hover{background:#ddd}.google-button span,.loginbox .error{color:#080808}.loginbox .secondary{width:100%}@media (width<=1100px){.login-layout{gap:40px}.brand{font-size:18px}.brand-logo{width:55px;height:61px}.content{padding-top:36px}}@media (width<=700px){header{gap:10px;height:72px;padding:0 16px}.sidebar{top:72px;bottom:0}.mobile-menu{color:#fff;min-width:32px;min-height:44px}.header-logo{object-fit:contain;width:32px;height:36px;display:block}.breadcrumb{gap:4px;font-size:10px}.breadcrumb svg,.role{display:none}.content{padding:30px 18px 20px}h1{font-size:42px}.titlebar{flex-wrap:wrap}.titlebar>.primary{width:100%}.stat strong{font-size:32px}.stat>div{line-height:1.4}.panelhead{padding:18px}.login{padding:36px 24px}.login-layout{flex-direction:column-reverse;gap:30px;display:flex}.login-art img{width:145px}.loginbox{text-align:center;max-width:450px}.loginbox .chapter-link{margin:0 0 26px}.loginbox h1{font-size:58px}.loginbox .eyebrow{letter-spacing:2px;font-size:9px}.google-button{max-width:none}.access-actions button{flex:1}.formfooter{flex-wrap:wrap}.formfooter button{flex:1}}@media (prefers-reduced-motion:no-preference){.sidebar{transition:transform .2s}.nav,.primary,.secondary,.stat{transition:background .15s,border-color .15s}}.access-panel{display:block}.access-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.authorized-list{border-top:1px solid #ddd;margin-top:20px;padding-top:18px}.authorized-list h3{align-items:center;gap:10px;margin:0 0 12px;display:flex}.authorized-list .administrator{color:#555;overflow-wrap:anywhere;margin-bottom:16px}.authorized-list ul{margin:0;padding:0;list-style:none}.authorized-list li{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.authorized-list li>div{min-width:0}.authorized-list strong{overflow-wrap:anywhere;font-size:13px}.authorized-list li span{color:#666;margin-top:6px;font-size:11px;display:block}.authorized-list li button{flex-shrink:0}.authorized-list .error{margin-bottom:0}@media (width<=900px){.access-heading{flex-direction:column;align-items:flex-start}}@media (width<=500px){.authorized-list li{flex-direction:column;align-items:flex-start}.authorized-list li button{width:100%}}.dues-link{text-decoration:none}.dues-link .external-icon{flex-shrink:0;margin-left:auto}
