@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap";:root{--font-heading:"Montserrat", "Segoe UI", sans-serif;--font-body:"Open Sans", "Segoe UI", sans-serif;--brand-navy:#001f3f;--brand-azure:#007bff;--brand-cyan:#00e6e6;--brand-ice:#f4f7f9;--bg-main:#f4f7f9;--bg-canvas:#fff;--bg-soft:#edf5fa;--bg-structure:#001f3f;--bg-structure-soft:#00366d;--fg-title:#050b18;--fg-body:#263342;--fg-muted:#667589;--border:#d8e2eb;--primary:#007bff;--primary-strong:#0057b8;--accent:#00e6e6;--danger:#b42318;--success:#117050;--shadow:0 10px 28px #24292717;--shadow-hover:0 14px 32px #24292729}html[data-theme=dark]{--bg-main:#03060f;--bg-canvas:#0b1426;--bg-soft:#0f1f3c;--bg-structure:#020b1f;--bg-structure-soft:#0a1733;--fg-title:#f8fbff;--fg-body:#dde7f9;--fg-muted:#9cadcb;--border:#243550;--primary:#3d8bff;--primary-strong:#1f6df2;--accent:#61a2ff;--danger:#f97066;--success:#34c38f;--shadow:0 10px 28px #00000073;--shadow-hover:0 14px 34px #00000085}*{box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(circle at 10% -12%, #007bff24 0%, #007bff00 34%), radial-gradient(circle at 90% -5%, #00e6e61f 0%, #00e6e600 38%), var(--bg-main);color:var(--fg-body);margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--fg-title);font-family:var(--font-heading)}a{color:inherit}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid;position:relative}.shell:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#001f3f09 1px,#0000 1px),linear-gradient(90deg,#001f3f09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}.sidebar{background:linear-gradient(165deg, var(--bg-structure) 0%, var(--bg-structure-soft) 100%);color:#eaf1ff;border-right:1px solid #ffffff1f;flex-direction:column;gap:1.3rem;padding:1.5rem;display:flex}.mobile-app-bar{display:none}.landing-page{background:var(--bg-main);min-height:100vh;color:var(--fg-body)}.landing-nav,.public-simple-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:24px 28px;display:flex}.landing-brand{color:var(--fg-title);font-family:var(--font-heading);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.landing-brand img{object-fit:contain;width:38px;height:38px}.landing-brand strong{color:var(--primary)}.landing-actions,.landing-cta-row{align-items:center;gap:12px;display:flex}.text-link{color:var(--fg-body);font-weight:600;text-decoration:none}.text-link:hover{color:var(--primary)}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);align-items:center;gap:80px;max-width:1180px;min-height:620px;margin:0 auto;padding:92px 28px 112px;display:grid}.hero-copy h1{letter-spacing:-.04em;max-width:680px;margin:12px 0 22px;font-size:clamp(3rem,7vw,6.3rem);line-height:.98}.hero-copy h1 span{color:var(--primary)}.hero-lede{max-width:610px;color:var(--fg-muted);font-size:1.08rem;line-height:1.75}.hero-note{color:var(--fg-muted);margin-top:18px;font-size:.82rem}.landing-cta-row{margin-top:30px}.hero-console{color:#effbff;background:linear-gradient(145deg,#001f3f,#063e73);border-radius:18px;padding:24px;transform:rotate(1.5deg);box-shadow:0 24px 60px #001f3f3d}.console-top,.console-date,.console-row,.console-footer{align-items:center;gap:12px;display:flex}.console-top{color:#a7c9df;font:600 .72rem var(--font-heading);text-transform:uppercase;letter-spacing:.08em}.console-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 16px var(--accent);border-radius:50%}.console-status{color:var(--accent);margin-left:auto}.console-date{border-bottom:1px solid #ffffff29;justify-content:space-between;margin:32px 0 18px;padding-bottom:16px}.console-date span,.console-row small{color:#a7c9df;font-size:.76rem;display:block}.console-row{border-bottom:1px solid #ffffff1a;padding:16px 0}.console-row div{flex:1}.console-row b{color:var(--accent);font-size:.76rem}.console-row b.late{color:#8fc2ff}.console-icon{color:var(--accent);font-size:1.6rem}.console-footer{color:#a7c9df;justify-content:space-between;margin-top:20px;font-size:.8rem}.console-footer strong{color:#fff;font-size:1.4rem}.landing-section{max-width:1180px;margin:0 auto;padding:34px 28px 100px}.section-heading h2,.landing-band h2{letter-spacing:-.03em;margin-top:10px;font-size:clamp(2rem,4vw,3.5rem)}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;display:grid}.workflow-item{border-top:2px solid var(--primary);padding:26px 0}.workflow-item span{color:var(--primary);font:700 .8rem var(--font-heading)}.workflow-item h3{margin:26px 0 10px}.workflow-item p{color:var(--fg-muted);line-height:1.7}.landing-band{background:var(--bg-structure);color:#fff;justify-content:space-between;align-items:end;gap:40px;padding:68px max(28px,50vw - 562px);display:flex}.landing-band h2{color:#fff;max-width:680px}.landing-band>p{color:#b9d9ec;max-width:360px;line-height:1.7}.landing-footer{max-width:1180px;color:var(--fg-muted);justify-content:space-between;gap:20px;margin:0 auto;padding:28px;font-size:.78rem;display:flex}.landing-footer a{color:inherit}.signup-page{min-height:100vh}.signup-shell{max-width:720px;margin:0 auto;padding:52px 24px 90px}.signup-card,.signup-success{background:var(--bg-canvas);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:clamp(24px,5vw,52px)}.signup-heading{margin-bottom:30px}.signup-heading h1,.signup-success h1{margin:10px 0;font-size:clamp(2.2rem,5vw,4rem)}.signup-heading p,.signup-success p{color:var(--fg-muted);line-height:1.7}.signup-success{text-align:center}.signup-success .auth-logo{width:74px;margin-bottom:20px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.geography-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.geography-level-card{flex-direction:column;justify-content:space-between;gap:18px;min-height:190px;display:flex}.geography-level-card h3{margin-top:16px}.geography-level-card p{color:var(--fg-muted);font-size:.86rem;line-height:1.55}.level-badge{width:fit-content;color:var(--primary-strong);font:700 .7rem var(--font-heading);text-transform:uppercase;letter-spacing:.08em;background:#007bff1a;border-radius:999px;padding:.32rem .6rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#001f3f7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--bg-canvas);border-radius:18px;width:min(100%,560px);max-height:min(88vh,760px);overflow:auto;box-shadow:0 24px 70px #001f3f47}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:24px 26px;display:flex}.modal-header h3{margin:7px 0 4px}.modal-header p:not(.eyebrow){color:var(--fg-muted);font-size:.86rem}.modal-body{padding:24px 26px 8px}.modal-actions{justify-content:flex-end;gap:10px;padding:18px 26px 24px;display:flex}.icon-button{width:36px;height:36px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:1.6rem}.icon-button:hover{background:var(--bg-soft);color:var(--fg-title)}.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020d1a6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--bg-canvas);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:min(100%,680px);max-width:92vw;height:auto;max-height:90vh;animation:.24s ease-out slideInCenteredDrawer;display:flex;box-shadow:0 24px 64px #000f1d42}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.drawer-header h3{margin-top:8px}.drawer-body{flex:1;padding:20px 24px 24px;overflow-y:auto}.drawer-body .form-navigation{background:linear-gradient(#fffc,#fff);margin-top:18px;padding-top:16px;position:sticky;bottom:0}@keyframes slideInCenteredDrawer{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-bottom-nav{display:none}@media (width<=800px){.landing-hero{grid-template-columns:1fr;gap:48px;padding-top:54px}.hero-console{transform:none}.workflow-grid{grid-template-columns:1fr}.landing-band,.landing-footer{display:block}.landing-band>p{margin-top:24px}.landing-footer span{margin-top:8px;display:block}.landing-nav{padding:18px}.landing-actions .text-link{display:none}}@media (width<=760px){.library-grid,.geography-overview-grid{grid-template-columns:1fr}}@media (width<=900px){.shell{padding-bottom:74px;display:block}.sidebar,.content-topbar{display:none}.mobile-app-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:58px;color:var(--fg-title);background:#ffffffe6;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.mobile-app-bar strong{font-family:var(--font-heading)}.mobile-app-bar strong span{color:var(--primary)}.mobile-bottom-nav{z-index:40;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#fffffff0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #001f3f14}.mobile-bottom-nav a{min-width:62px;color:var(--fg-muted);font-family:var(--font-heading);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav span{font-size:1.25rem;line-height:1.1}.mobile-bottom-nav small{font-size:.64rem}.content-body{padding:1rem}.app-footer{display:none}}.brand h1{color:#fff;letter-spacing:.3px;font-size:1.42rem}.brand p{color:#eaf1ffd1;margin-top:.2rem;font-size:.92rem}.menu{gap:.52rem;display:grid}.menu-label{text-transform:uppercase;letter-spacing:1px;color:#eaf1ff94;margin:.5rem 0 .2rem;font-size:.72rem}.menu-link{color:#eaf1ffe0;border:1px solid #0000;border-radius:.92rem;padding:.72rem .82rem;text-decoration:none;transition:all .2s;display:block}.menu-link:hover,.menu-link.active{color:#fff;background:linear-gradient(95deg,#ffffff2e,#ffffff14);border-color:#ffffff47}.table-link{color:var(--primary-strong);font-weight:700;text-decoration:none}.table-link:hover{text-decoration:underline}.sidebar-footer{gap:.42rem;margin-top:auto;display:grid}.user-name{font-weight:700}.user-role{color:#eaf1ffdb;font-size:.82rem}.sync-status{border-radius:999px;width:fit-content;padding:.2rem .55rem;font-size:.77rem}.sync-status.online{color:#92ffd6;background:#34c38f26}.sync-status.offline{color:#ffd5cf;background:#f9706629}.content{z-index:1;flex-direction:column;min-height:100vh;padding:1.6rem;display:flex;position:relative}.content-body{flex:1}.content-topbar{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-canvas) 84%, white 16%);box-shadow:var(--shadow);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.82rem 1rem;display:flex}.topbar-meta{color:var(--fg-muted);margin-top:.2rem;font-size:.85rem}.role-badge{background:linear-gradient(135deg, var(--accent) 0%, #8a641f 100%);color:#fff;border-radius:999px;padding:.42rem .74rem;font-size:.8rem;font-weight:700}.page-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-header p{color:var(--fg-muted);margin-top:.28rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card{background:var(--bg-canvas);border:1px solid var(--border);border-left:4px solid var(--primary);box-shadow:var(--shadow);border-radius:1rem;padding:.95rem}.stat-card.primary{border-left-color:var(--primary)}.stat-card.secondary{border-left-color:var(--accent)}.stat-card.success{border-left-color:var(--success)}.stat-card.danger{border-left-color:var(--danger)}.stat-label{color:var(--fg-muted);font-size:.85rem}.stat-value{margin:.3rem 0;font-size:1.66rem;font-weight:800}.stat-hint{color:var(--fg-muted);font-size:.82rem}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel{background:var(--bg-canvas);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1rem;padding:1rem}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#b98a353d,#b98a3500);border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-80px}.hero-header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.2rem;display:flex}.raised-panel{transition:transform .2s,box-shadow .2s;transform:translateY(0)}.raised-panel:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.panel h3{background:linear-gradient(90deg, var(--bg-structure) 0%, #12316d 100%);color:#f8fbff;border-radius:1rem 1rem 0 0;margin:-1rem -1rem .95rem;padding:.85rem 1rem}.next-service-card{border:1px solid #1155ff52}.service-grid{justify-content:space-between;align-items:center;gap:1rem;display:flex}.countdown-pill{color:#fff;background:linear-gradient(125deg, var(--primary), #0d6f4d);border-radius:999px;padding:.5rem .75rem;font-weight:700}.button-row{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead th{color:#f7fbff;text-align:left;letter-spacing:.35px;text-transform:uppercase;background:#1f3a2f;padding:.78rem;font-size:.81rem}.data-table tbody td{border-bottom:1px solid var(--border);padding:.76rem}.data-table tbody tr:hover{background:#0b7d5714}.list{gap:.78rem;margin:0;padding:0;list-style:none;display:grid}.list li{border:1px solid var(--border);border-radius:.78rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.78rem;display:flex}.list-title{font-weight:700}.list-meta{color:var(--fg-muted);margin-top:.2rem;font-size:.84rem}.pill{color:var(--primary-strong);white-space:nowrap;background:#0b7d5714;border:1px solid #0b7d574d;border-radius:999px;padding:.2rem .62rem;font-size:.76rem}.inline-actions{align-items:center;gap:.45rem;display:flex}.compact-actions{flex-wrap:wrap}.compact-actions .button{min-height:34px;padding:.42rem .7rem;font-size:.82rem}.data-table td .inline-actions input,.data-table td .inline-actions select{min-height:34px;padding:.4rem .55rem}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem;display:grid}.profile-hero{background:linear-gradient(125deg,#0b7d571a,#b98a351f)}.profile-grid{grid-template-columns:1fr;gap:.8rem;display:grid}.hierarchy-panel h3{margin-bottom:.85rem}.hierarchy-box{border:1px solid var(--border);border-radius:.72rem;gap:.45rem;padding:.72rem;display:grid}.hierarchy-box.area{background:#1155ff0d}.hierarchy-box.district{background:#1155ff08}.chip-row{flex-wrap:wrap;gap:.42rem;display:flex}.button{background:linear-gradient(130deg, var(--primary) 0%, #066347 100%);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:.8rem;justify-content:center;align-items:center;padding:.64rem .96rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.button:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.button.secondary{background:linear-gradient(130deg, var(--accent) 0%, #8a641f 100%)}.button-primary{background:linear-gradient(130deg, var(--primary) 0%, #066347 100%)}.button-secondary{background:linear-gradient(130deg, var(--accent) 0%, #8a641f 100%)}.button-danger{background:linear-gradient(130deg,#d92d20 0%,#b42318 100%)}.button-ghost{color:var(--primary-strong);background:0 0;border-color:#0b7d576b}.button-small{min-height:34px;padding:.42rem .7rem;font-size:.82rem}.button.danger{background:linear-gradient(130deg,#d92d20 0%,#b42318 100%)}.button.ghost{color:var(--primary-strong);background:0 0;border-color:#0b7d576b}.button.active{background:linear-gradient(130deg, var(--bg-structure-soft) 0%, var(--bg-structure) 100%);color:#fff;border-color:#071a3d52}.button.icon-only{min-width:72px}.button.touch{min-height:48px}.button:disabled{opacity:.65;cursor:not-allowed}input,select,textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-soft);width:100%;min-width:0;min-height:44px;color:var(--fg-body);font:inherit;border-radius:.72rem;padding:.72rem .9rem;line-height:1.35;transition:border-color .15s,background .15s,box-shadow .15s}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:var(--fg-muted);opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--bg-canvas);outline:none;box-shadow:0 0 0 3px #00e6e629}.login-screen{background:linear-gradient(135deg,#001f3ff5,#00466ee6);flex:1;place-items:center;min-height:calc(100vh - 62px);padding:clamp(1rem,4vw,3rem);display:grid}.public-page{flex-direction:column;min-height:100vh;display:flex}.login-card{border:1px solid var(--border);background:var(--bg-canvas);border-radius:1.25rem;width:100%;max-width:430px;padding:1rem;box-shadow:0 28px 80px #000f1d52}.tour-overlay{z-index:50;background:#07101d94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.tour-card{background:var(--bg-canvas);border:1px solid var(--border);width:min(100%,480px);box-shadow:var(--shadow);border-radius:1rem;padding:1.1rem}.tour-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tour-step-badge{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;background:#297dff1f;border-radius:999px;margin:.9rem 0 .45rem;padding:.38rem .7rem;font-size:.74rem;font-weight:800;display:inline-block}.tour-dots{gap:.45rem;margin:1rem 0;display:flex}.tour-dot{background:var(--border);border-radius:50%;width:10px;height:10px}.tour-dot.active{background:var(--primary)}.small-button{min-height:36px;padding:.5rem .8rem}.login-card-wide{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:0;max-width:980px;display:grid;overflow:hidden}.auth-intro{color:#fff;background:linear-gradient(155deg,#062b52,#006073);border:0;border-radius:0;flex-direction:column;justify-content:space-between;min-height:510px;padding:clamp(1.5rem,5vw,3.2rem);display:flex}.auth-form{background:var(--bg-canvas);justify-content:center;padding:clamp(1.5rem,5vw,3.2rem)}.auth-form>label{width:100%;color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;gap:.45rem;font-size:.76rem;font-weight:800}.auth-form>label input{background:color-mix(in srgb, var(--bg-soft) 72%, var(--bg-canvas) 28%);color:var(--fg-title);letter-spacing:0;text-transform:none;margin-top:.1rem;font-size:.92rem;font-weight:500}.auth-link{color:var(--primary-strong);font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.login-card p{color:var(--fg-muted);margin:.6rem 0 1rem}.auth-brandline{font:700 1.05rem var(--font-heading);align-items:center;gap:.75rem;display:flex}.auth-brandline strong{color:var(--accent)}.auth-intro .eyebrow{color:#8fe8e4;margin-top:4rem}.auth-intro h1{color:#fff;margin:.7rem 0 1rem;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.98}.auth-lede{color:#ffffffc7;max-width:420px;line-height:1.7}.auth-signal-list{gap:.9rem;margin-top:2.5rem;display:grid}.auth-signal-list span{color:#ffffffe6;align-items:center;gap:.75rem;font-size:.86rem;display:flex}.auth-signal-list b{color:#8fe8e4;font:700 .72rem var(--font-heading);letter-spacing:.08em}.auth-caption{color:#ffffff8f;margin-top:3rem;font-size:.76rem}.auth-form-heading{margin-bottom:1rem}.auth-form-heading h2{margin:.45rem 0 .6rem;font-size:1.65rem}.auth-form-heading p:last-child{color:var(--fg-muted);font-size:.86rem;line-height:1.55}.form-error{margin:0}.password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap input{width:100%;padding-right:4.4rem}.password-toggle{color:var(--primary-strong);font:700 .76rem var(--font-heading);cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:.35rem .45rem;position:absolute;right:.65rem}.password-toggle:hover{background:var(--bg-soft);color:var(--primary)}.auth-submit{width:100%;margin-top:.35rem}.auth-form-footer{color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;gap:.8rem;font-size:.78rem;display:flex}.stack{gap:.75rem;display:grid}.stack-lg{gap:1rem;display:grid}.stack-sm{gap:.6rem}.inline-toggle{align-items:center;gap:.5rem;display:flex}.inline-toggle input{width:auto}.notice{border-left:4px solid var(--accent);color:var(--primary-strong);background:#b98a351f;border-radius:.75rem;padding:.7rem .8rem}.success-text{border-left:4px solid var(--success);color:var(--success);background:#1274491a;border-radius:.45rem;padding:.56rem .7rem;font-size:.88rem}.error-text{border-left:4px solid var(--danger);color:var(--danger);background:#b423181f;border-radius:.45rem;padding:.56rem .7rem;font-size:.88rem}.muted-text{color:var(--fg-muted);font-size:.9rem}.screen-center{min-height:50vh;color:var(--fg-muted);place-items:center;display:grid}.app-footer{border-top:1px solid var(--border);color:var(--fg-muted);letter-spacing:.3px;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding-top:1rem;font-size:.85rem;display:flex}.public-footer{background:color-mix(in srgb, var(--bg-canvas) 88%, white 12%);margin-top:0;padding:.9rem 1rem}.top-gap-sm{margin-top:.6rem}.brand{align-items:center;gap:.7rem;display:flex}.brand-mark{object-fit:contain;width:48px;height:48px}.brand h1 span,.cyan-text{color:var(--accent)}.week-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;display:grid}.week-event{border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:.75rem;padding:.75rem}.week-event.concert,.calendar-event.concert,.legend-item.concert{border-color:var(--accent)}.week-event.rehearsal,.calendar-event.rehearsal,.legend-item.rehearsal{border-color:#6d5bd0}.calendar-filter{min-width:180px}.calendar-panel{overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.calendar-toolbar h3{color:var(--fg-title);background:0 0;margin:0;padding:0}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{text-align:center;color:var(--fg-muted);padding:.55rem;font-size:.78rem;font-weight:700}.calendar-day{border:1px solid var(--border);background:var(--bg-canvas);min-height:125px;padding:.45rem}.calendar-day.outside{opacity:.45;background:var(--bg-soft)}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--primary)}.calendar-date{place-items:center;width:1.7rem;height:1.7rem;font-size:.82rem;font-weight:700;display:inline-grid}.calendar-day.today .calendar-date{background:var(--primary);color:#fff;border-radius:50%}.calendar-events{gap:.3rem;margin-top:.25rem;display:grid}.calendar-event{border-left:3px solid var(--primary);background:var(--bg-soft);border-radius:.35rem;padding:.35rem;font-size:.72rem;text-decoration:none;display:block;overflow:hidden}.calendar-event small{color:var(--fg-muted);margin-top:.15rem;display:block}.calendar-legend{flex-wrap:wrap;gap:.7rem;margin-top:.8rem;display:flex}.legend-item{border-left:4px solid var(--primary);padding-left:.4rem;font-size:.82rem}.eyebrow{color:var(--primary);letter-spacing:.12em;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:800}.auth-logo{object-fit:contain;width:104px;height:104px}.brand-loader{align-content:center;gap:.8rem}.brand-loader img{object-fit:contain;width:68px;height:68px;animation:1.25s ease-in-out infinite sync-pulse}@keyframes sync-pulse{50%{filter:drop-shadow(0 0 12px #00e6e6b3);transform:scale(1.08)}}.stepper{grid-template-columns:repeat(3,1fr);width:100%;max-width:760px;margin:0 auto;display:grid}.step{color:var(--fg-muted);justify-items:center;gap:.35rem;font-size:.82rem;display:grid;position:relative}.step:before{content:"";background:var(--border);z-index:-1;height:2px;position:absolute;top:18px;left:0;right:0}.step span{border:2px solid var(--border);background:var(--bg-canvas);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.step.active{color:var(--primary-strong)}.step.active span{color:#fff;border-color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--accent))}.onboarding-card{width:100%;max-width:920px;margin:0 auto}.form-navigation{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}fieldset{border:1px solid var(--border);border-radius:.8rem;padding:1rem}legend{color:var(--fg-title);padding:0 .4rem;font-family:Montserrat;font-weight:700}.signup-card-refined{max-width:760px;margin:0 auto}.signup-card-refined .signup-heading{max-width:590px}.signup-card-refined fieldset{background:color-mix(in srgb, var(--bg-canvas) 94%, var(--bg-soft) 6%);gap:1rem;display:grid}.signup-card-refined fieldset+fieldset{margin-top:.25rem}.signup-card-refined textarea{resize:vertical}.selection-summary{border-left:3px solid var(--accent);background:var(--bg-soft);color:var(--fg-muted);border-radius:.45rem;margin:-.25rem 0 0;padding:.7rem .8rem;font-size:.82rem}.signup-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.geography-form-hint,.geography-section-note{border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:.45rem;padding:.65rem .75rem}.service-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.onboarding-success{place-items:center;min-height:75vh;display:grid}.member-badge{text-align:center;border:3px solid var(--primary);color:#263342;background:#fff;border-radius:1.5rem;width:min(100%,480px);padding:2rem;box-shadow:0 22px 60px #001f3f2e}.badge-logo{object-fit:contain;width:78px;height:78px}.qr-card{background:#fff;border:1px solid #d8e2eb;border-radius:1rem;width:fit-content;margin:1.25rem auto;padding:1rem}.legal-page{background:var(--bg-main);min-height:100vh}.legal-header{background:var(--bg-structure);color:#fff;justify-content:space-between;align-items:center;padding:1rem max(1rem,50vw - 450px);display:flex}.brand-lockup{color:#fff;align-items:center;gap:.6rem;font-family:Montserrat;font-weight:800;text-decoration:none;display:flex}.brand-lockup img{object-fit:contain;width:44px;height:44px}.brand-lockup em{color:var(--accent);font-style:normal}.legal-document{max-width:900px;margin:0 auto;padding:4rem 1rem;line-height:1.75}.legal-document h1{margin:.35rem 0;font-size:clamp(2rem,6vw,3.5rem)}.legal-document section{margin-top:2rem}.legal-document h2{margin-bottom:.35rem;font-size:1.15rem}.legal-updated{color:var(--fg-muted);margin-bottom:2rem}.legal-footer{justify-content:space-between;max-width:900px;margin:0 auto;display:flex}.sidebar{gap:1.1rem;height:100vh;padding:1.25rem 1rem;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff24;padding:0 .35rem 1rem}.brand h1{font-size:1.15rem}.brand p{font-size:.68rem;line-height:1.35}.menu{gap:.95rem}.menu-group{gap:.18rem;display:grid}.menu-label{letter-spacing:.13em;margin:0 .65rem .25rem;font-size:.64rem}.menu-link{border-radius:.65rem;align-items:center;gap:.7rem;padding:.62rem .7rem;font-size:.82rem;display:flex}.menu-icon{color:#8fe8e4;text-align:center;width:1.2rem;font-size:1rem}.menu-link.active .menu-icon{color:#fff}.sidebar-footer{border-top:1px solid #ffffff24;margin:auto .25rem 0;padding-top:1rem}.sidebar-footer .button{width:100%;margin-top:.4rem}.content{padding:1.25rem clamp(1rem,2.4vw,2.4rem)}.content-topbar{border-radius:.8rem;min-height:64px;margin-bottom:1.35rem;padding:.65rem 1rem}.topbar-brand{font-family:var(--font-heading);color:var(--fg-title);align-items:center;gap:1rem;display:flex}.topbar-brand span{color:var(--primary)}.topbar-divider{background:var(--border);width:1px;height:28px}.context-controls{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.context-select{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;gap:.2rem;font-size:.62rem;font-weight:800;display:grid}.context-select select{background:var(--bg-soft);border-radius:.5rem;width:auto;min-width:128px;min-height:34px;padding:.35rem 1.8rem .35rem .6rem;font-size:.76rem;font-weight:700}.role-context-button{text-align:left;cursor:pointer;border:0;gap:.1rem;min-width:165px;padding:.5rem .7rem;display:grid}.role-context-button span{font-size:.7rem}.role-context-button small{color:#ffffffd1;font-size:.64rem;font-weight:500}.role-badge{background:linear-gradient(135deg, var(--bg-structure-soft), var(--bg-structure));border-radius:.6rem}.page-header{padding:.35rem 0 .2rem}.page-header h2{letter-spacing:-.02em;font-size:clamp(1.55rem,2.4vw,2.15rem)}.page-header p{max-width:680px;font-size:.86rem;line-height:1.55}.page-header-standard{align-items:flex-end}.page-header-actions{align-items:center;gap:.55rem;display:flex}.status-badge{width:fit-content;font:800 .66rem var(--font-heading);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:.28rem .58rem;display:inline-flex}.status-positive{color:#0d6f4d;background:#1170501f}.status-warning{color:#8a641f;background:#b98a3529}.status-critical{color:#a0271d;background:#b423181f}.status-neutral{color:var(--fg-muted);background:var(--bg-soft)}.empty-state{text-align:center;justify-items:center;gap:.55rem;padding:2.4rem 1rem;display:grid}.empty-state-mark{border:1px solid var(--border);width:2.4rem;height:2.4rem;color:var(--primary);font:800 1.2rem var(--font-heading);background:var(--bg-soft);border-radius:.7rem;place-items:center;display:grid}.empty-state h3{font-size:1rem}.empty-state p{max-width:380px;color:var(--fg-muted);font-size:.84rem;line-height:1.55}.ui-field{gap:.35rem;display:grid}.ui-field-label{color:var(--fg-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.ui-field-label b{color:var(--danger)}.ui-field-hint{color:var(--fg-muted);font-size:.76rem;line-height:1.4}.ui-field-error-text{color:var(--danger);font-size:.76rem}.ui-field-error input,.ui-field-error select,.ui-field-error textarea{border-color:var(--danger)}.ui-alert{border:1px solid var(--border);border-left-width:4px;border-radius:.65rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem .85rem;font-size:.84rem;display:flex}.ui-alert>div{gap:.2rem;display:grid}.ui-alert strong{font-size:.8rem}.ui-alert-error{border-left-color:var(--danger);color:var(--danger);background:#b4231814}.ui-alert-success{border-left-color:var(--success);color:var(--success);background:#11705014}.ui-alert-warning{border-left-color:var(--accent);color:#765719;background:#b98a351a}.ui-alert-info{border-left-color:var(--primary);color:var(--primary-strong);background:#007bff14}.ui-alert-dismiss{color:currentColor;cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}.ui-skeleton{background:linear-gradient(90deg, var(--bg-soft), var(--border), var(--bg-soft));background-size:200% 100%;border-radius:.35rem;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-table-skeleton{gap:1rem;padding:1rem 0;display:grid}.ui-table-skeleton-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.ui-modal,.ui-drawer{overflow:hidden}.drawer-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.65rem;padding:1rem 1.5rem 1.25rem;display:flex}.breadcrumbs{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1rem;font-size:.72rem;display:flex}.breadcrumbs a{color:var(--primary-strong);font-weight:700;text-decoration:none}.breadcrumbs b{color:var(--border);margin-right:.45rem}.panel{border-radius:.8rem;box-shadow:0 8px 24px #001f3f0f}.panel h3{letter-spacing:.01em;border-radius:.8rem .8rem 0 0;font-size:.95rem}.data-table thead th{background:var(--bg-structure);letter-spacing:.1em;font-size:.68rem}.data-table tbody td{font-size:.86rem}.mobile-nav-backdrop{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:80;width:min(82vw,310px);height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 42px #0000003d}.sidebar .brand,.sidebar-footer,.menu-label{display:grid}.menu{gap:.95rem;display:grid;overflow:visible}.menu-link{text-align:left;min-width:0}.content{padding:1rem 1rem 6rem}.content-topbar,.context-controls{display:none}.login-card-wide{grid-template-columns:1fr}.auth-intro{min-height:0;padding:1.5rem}.auth-intro .eyebrow{margin-top:2rem}.auth-signal-list,.auth-caption{margin-top:1.5rem}.grid-two{grid-template-columns:1fr}.service-grid,.page-header{flex-direction:column;align-items:flex-start}.filter-grid{grid-template-columns:1fr}.calendar-day{min-height:90px;padding:.25rem}.calendar-event{font-size:0}.calendar-event strong{font-size:.65rem}.calendar-toolbar{flex-wrap:wrap;align-items:flex-start}.service-options{grid-template-columns:1fr}.step strong{text-align:center;font-size:.68rem}.app-footer,.legal-footer{flex-direction:column}.tour-card{padding:1rem}html,body,#root{width:100%;min-width:0;overflow-x:hidden}body{background:var(--bg-main)}.shell{min-width:0;padding-bottom:calc(78px + env(safe-area-inset-bottom));display:block}.shell:before{display:none}.sidebar{z-index:80;width:min(86vw,320px);max-width:100%;height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 42px #0000003d}.sidebar.sidebar-open{transform:translate(0)}.mobile-nav-backdrop{z-index:70;background:#000f1d7a;border:0;display:block;position:fixed;inset:0}.content{min-height:100dvh;padding:0 0 calc(1rem + 78px + env(safe-area-inset-bottom))}.content-body{width:100%;min-width:0;padding:1rem}.mobile-app-bar{z-index:50;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-canvas) 92%, transparent);color:var(--fg-title);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-app-bar strong{min-width:0;font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-app-bar strong span{color:var(--primary)}.content-topbar,.breadcrumbs{display:none}.page-header,.page-header-standard{align-items:stretch;gap:.75rem}.page-header-actions,.inline-actions,.button-row,.modal-actions,.drawer-actions,.signup-actions,.form-navigation{flex-wrap:wrap;width:100%}.page-header-actions .button,.button-row .button,.modal-actions .button,.drawer-actions .button,.signup-actions .button,.form-navigation .button{flex:150px}.stats-grid,.grid-two,.filter-grid,.service-options,.library-grid,.geography-overview-grid{grid-template-columns:1fr}.panel{border-radius:.7rem;min-width:0;padding:.9rem}.panel h3{border-radius:.7rem .7rem 0 0;margin:-.9rem -.9rem .85rem;padding:.8rem .9rem}.list li{flex-direction:column;align-items:flex-start}.pill,.status-badge{white-space:normal;max-width:100%}.table-panel{overflow:hidden}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;margin-inline:-.9rem;padding-inline:.9rem;overflow-x:auto}.data-table{min-width:680px}.data-table th,.data-table td{white-space:nowrap}.data-table td:last-child,.data-table th:last-child{white-space:normal}.compact-actions{align-items:stretch}.compact-actions .button{flex:128px}.drawer-backdrop,.modal-backdrop{justify-content:stretch;align-items:stretch;padding:0}.drawer-panel,.modal-card{border-width:0;border-radius:0;width:100%;max-width:none;min-height:100dvh;max-height:100dvh}.drawer-header,.modal-header{padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem}.drawer-body,.modal-body{padding:1rem}.drawer-actions,.modal-actions{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.qr-card{width:100%;max-width:100%;overflow-x:auto}.mobile-bottom-nav{z-index:60;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-canvas) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-around;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #001f3f14}.mobile-bottom-nav a{min-width:0;color:var(--fg-muted);font-family:var(--font-heading);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:.25rem .15rem;text-decoration:none;display:flex}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav span{font-size:1.2rem;line-height:1}.mobile-bottom-nav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.64rem;overflow:hidden}}@media (width<=520px){.content-body{padding:.8rem}.page-header h2{font-size:1.45rem}.panel{padding:.8rem}.panel h3{margin:-.8rem -.8rem .75rem;padding:.75rem .8rem}.table-wrap{margin-inline:-.8rem;padding-inline:.8rem}.calendar-weekdays{display:none}.calendar-grid{grid-template-columns:1fr;gap:.55rem}.calendar-day{border-radius:.65rem;min-height:auto}.calendar-event{font-size:.74rem}.calendar-event strong{font-size:.76rem}.stepper{grid-template-columns:1fr;gap:.7rem}.step{grid-template-columns:auto 1fr;place-items:center start}.step:before{display:none}.auth-form,.auth-intro,.signup-shell{padding-inline:1rem}.member-badge{padding:1.25rem}}