:root{--navy-950: #061236;--navy-900: #081a45;--navy-800: #0d2358;--navy-700: #163270;--navy-100: #e5eaf6;--navy-50: #f0f3fa;--gold-500: #b8903a;--gold-400: #cfaa55;--gold-100: #f7f0dd;--gold-800: #6e5210;--white: #ffffff;--mist: #f4f5f8;--line: #dde1eb;--ink: #0d1b3d;--muted: #55607a;--success: #1b6e46;--success-bg: #e6f4ec;--danger: #a82219;--danger-bg: #fcebe9;--warning: #7a4f00;--warning-bg: #fdf3dc;--info: #163270;--info-bg: #e5eaf6;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--step--1: clamp(.8rem, .78rem + .1vw, .875rem);--step-0: 1rem;--step-1: clamp(1.1rem, 1.05rem + .25vw, 1.25rem);--step-2: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);--step-3: clamp(1.7rem, 1.35rem + 1.7vw, 2.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgb(8 26 69 / .06);--shadow-md: 0 8px 24px rgb(8 26 69 / .1);--tap: 2.75rem;--bottomnav-h: 4.25rem;--sidebar-w: 17rem;--page-max: 68rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--mist);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.no-scroll{overflow:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--navy-900);line-height:1.2;margin:0}h1{font-size:var(--step-3);font-weight:700}h2{font-size:var(--step-1);font-weight:700}h3{font-size:var(--step-0);font-weight:700}p{margin:0}ul{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}code{font-size:.9em;background:var(--navy-50);padding:.1em .35em;border-radius:4px}.muted{color:var(--muted)}.small{font-size:var(--step--1)}.link{color:var(--navy-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:var(--space-2)}:focus-visible{outline:3px solid var(--gold-500);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:var(--space-3);top:-4rem;z-index:100;background:var(--navy-900);color:var(--white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:top .15s}.skip-link:focus{top:var(--space-3)}#main:focus{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:.6rem 1.25rem;border:1.5px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--block{display:flex;width:100%}.btn--sm{min-height:2.25rem;padding:.3rem .8rem;font-size:var(--step--1)}.btn--primary{background:var(--navy-900);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--navy-700)}.btn--secondary{background:var(--white);color:var(--navy-900);border-color:var(--navy-900)}.btn--secondary:hover:not(:disabled){background:var(--navy-50)}.btn--ghost{background:transparent;color:var(--navy-800)}.btn--ghost:hover:not(:disabled){background:var(--navy-50)}.btn--danger{background:var(--danger);color:var(--white)}.btn--danger:hover:not(:disabled){background:#8a1a13}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer}.icon-btn:hover{background:var(--navy-50)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);min-width:0}.card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--gold-500)}.page-header__text{display:grid;gap:var(--space-1);min-width:0}.section-title{margin:var(--space-6) 0 var(--space-3)}.form{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field label{font-weight:600;font-size:.95rem}.field__optional{font-weight:400;color:var(--muted)}.field__hint,.field__error{font-size:var(--step--1)}.field__hint{color:var(--muted)}.field__error{color:var(--danger);font-weight:600}.input{width:100%;min-height:3rem;padding:.65rem .9rem;border:1.5px solid #b7bfd1;border-radius:var(--radius-md);background:var(--white);color:var(--ink);font:inherit;font-size:1rem}.input:focus-visible{outline:3px solid var(--gold-500);outline-offset:1px;border-color:var(--navy-700)}.input[aria-invalid=true]{border-color:var(--danger)}.textarea{resize:vertical;min-height:6rem}.password{position:relative}.password .input{padding-right:4.5rem}.password__toggle{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);min-height:var(--tap);padding:0 .75rem;border:0;background:transparent;color:var(--navy-700);font:inherit;font-weight:600;cursor:pointer}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:.95rem;margin-top:var(--space-4)}.alert svg{flex:none;margin-top:2px}.alert strong{display:block}.form .alert{margin-top:0}.alert--info{background:var(--info-bg);border-color:#b9c5e4;color:var(--info)}.alert--success{background:var(--success-bg);border-color:#a9d6bd;color:var(--success)}.alert--warning{background:var(--warning-bg);border-color:#ebce8c;color:var(--warning)}.alert--error{background:var(--danger-bg);border-color:#f0b5b0;color:var(--danger)}.offline-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--warning-bg);color:var(--warning);font-size:var(--step--1);font-weight:600}.auth__card .offline-banner{margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-4);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.preview-banner{padding:var(--space-2) var(--space-4);background:var(--gold-100);color:var(--gold-800);font-size:var(--step--1);font-weight:600;text-align:center}.state{display:grid;justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6) var(--space-4)}.state p{max-width:36ch}.state__icon{display:inline-grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--navy-50);color:var(--navy-800)}.state--error .state__icon{background:var(--danger-bg);color:var(--danger)}.fullpage{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5)}.spinner{width:2rem;height:2rem;border:3px solid var(--navy-100);border-top-color:var(--navy-800);border-radius:50%;animation:spin .8s linear infinite}.spinner--inline{width:1.1rem;height:1.1rem;border-width:2px;border-color:#fff6;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:.15rem .65rem;border-radius:999px;background:var(--navy-50);color:var(--navy-800);font-size:var(--step--1);font-weight:600;white-space:nowrap}.badge--gold{background:var(--gold-100);color:var(--gold-800)}.checklist{display:grid;gap:var(--space-2);text-align:left;max-width:40rem}.checklist li{position:relative;padding-left:1.5rem}.checklist li:before{content:"";position:absolute;left:.15rem;top:.6em;width:.5rem;height:.5rem;border-radius:50%;background:var(--gold-500)}.placeholder{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-4) 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-3)}.stat{display:grid;gap:var(--space-1);padding:var(--space-4);background:var(--navy-900);color:var(--white);border-radius:var(--radius-lg);border-bottom:3px solid var(--gold-500)}.stat__label{color:var(--gold-400);font-size:var(--step--1);font-weight:600}.stat__value{font-family:var(--font-display);font-size:var(--step-3);font-weight:700;line-height:1.1}.stat__value--text{font-size:var(--step-1);text-transform:capitalize;padding-top:.5rem}.big-number{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3)}.big-number>span:first-child{font-family:var(--font-display);font-size:var(--step-3);font-weight:700;color:var(--navy-900)}.grid-cards{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.grid-2{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-top:var(--space-6);align-items:start}.grid-2>.card+.card{margin-top:0}.tile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;text-decoration:none;min-height:4.5rem}.tile:hover{border-color:var(--navy-700)}.tile .badge{grid-column:2;justify-self:start}.tile__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);background:var(--navy-50);color:var(--navy-800)}.tile__text{display:grid;min-width:0}.tile__text small{color:var(--muted);font-size:var(--step--1)}.details{margin:0 0 var(--space-4)}.details__row{display:grid;gap:.1rem;padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.details__row:last-child{border-bottom:0}.details dt{color:var(--muted);font-size:var(--step--1);font-weight:600}.details dd{margin:0;font-weight:600;min-width:0}@media(min-width:36rem){.details__row{grid-template-columns:11rem 1fr;align-items:baseline}}.table-scroll{overflow-x:auto;max-width:100%}.toasts{position:fixed;z-index:60;left:var(--space-3);right:var(--space-3);bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px) + var(--space-3));display:grid;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--navy-950);color:var(--white);border-radius:var(--radius-md);border-left:4px solid var(--gold-400);box-shadow:var(--shadow-md)}.toast--success{border-left-color:#5cc48c}.toast--error{border-left-color:#ff8a80}.toast>svg{flex:none;margin-top:2px}.toast__body{flex:1;min-width:0;font-size:.95rem}.toast__body p{color:#cfd6e8}.toast__close{flex:none;display:grid;place-items:center;width:2.25rem;height:2.25rem;margin:-.25rem 0;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}@media(min-width:60rem){.toasts{left:auto;right:var(--space-5);bottom:var(--space-5);width:24rem}}.dialog{border:0;padding:0;border-radius:var(--radius-lg);width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);color:var(--ink);box-shadow:var(--shadow-md)}.dialog::backdrop,.sheet::backdrop{background:#0612368c}.dialog__content{display:grid;gap:var(--space-3);padding:var(--space-5)}.dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.dialog__actions .btn{flex:1 1 8rem}.logo-fallback{display:inline-grid;place-items:center;border-radius:50%;background:var(--navy-900);color:var(--gold-400);font-family:var(--font-display);font-weight:700}.badge--pending{background:var(--warning-bg);color:var(--warning)}.badge--approved{background:var(--success-bg);color:var(--success)}.badge--rejected,.badge--suspended{background:var(--danger-bg);color:var(--danger)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tabs__btn{min-height:var(--tap);padding:.4rem 1rem;border:1.5px solid var(--line);border-radius:999px;background:var(--white);color:var(--navy-800);font:inherit;font-weight:600;cursor:pointer}.tabs__btn[aria-pressed=true]{background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}.member-list{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.member-card{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);color:inherit;font:inherit;text-align:left;cursor:pointer}.member-card:hover{border-color:var(--navy-700)}.member-card__main{display:grid;gap:.1rem;min-width:0;flex:1 1 10rem}.member-card__main strong,.member-card__main span{overflow-wrap:anywhere}.member-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dialog--wide{width:min(40rem,calc(100vw - 1.5rem));overflow-y:auto}.dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.details--full .details__row{grid-template-columns:1fr}@media(min-width:36rem){.details--full .details__row{grid-template-columns:11rem 1fr}}.details--full{width:100%;text-align:left}.prewrap{white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.actions .btn{flex:1 1 9rem}.role-editor{padding-top:var(--space-4);border-top:1px solid var(--line);margin-top:var(--space-2)}.perm-grid{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-2);margin:0}.perm-grid legend{font-weight:600;padding-inline:var(--space-2)}.check{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);cursor:pointer}.check input{width:1.25rem;height:1.25rem;accent-color:var(--navy-900)}.checks{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.checks li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid}.checks li>svg{flex:none;margin-top:2px}.checks li>span{display:grid;min-width:0}.checks small{font-size:var(--step--1);overflow-wrap:anywhere}.checks__ok{background:var(--success-bg);border-color:#a9d6bd;color:var(--success)}.checks__bad{background:var(--danger-bg);border-color:#f0b5b0;color:var(--danger)}.card+.card{margin-top:var(--space-4)}.auth{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:var(--mist)}.auth__brand{display:grid;justify-items:center;gap:var(--space-3);text-align:center;padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) var(--space-5) calc(var(--space-8) + var(--space-2));background:var(--navy-900);color:var(--white);border-bottom:3px solid var(--gold-500)}.auth__logo{width:clamp(5.5rem,30vw,8rem);height:auto;border-radius:50%;box-shadow:0 0 0 4px #cfaa5580}.auth__name{font-family:var(--font-display);font-size:var(--step-2);font-weight:700}.auth__slogan{color:var(--gold-400);letter-spacing:.16em;font-size:.78rem;font-weight:600;margin-top:var(--space-1)}.auth__tag{display:none;max-width:30ch;color:#c5cde3}.auth__main{padding:0 max(var(--space-4),env(safe-area-inset-right,0px)) calc(var(--space-8) + env(safe-area-inset-bottom,0px)) max(var(--space-4),env(safe-area-inset-left,0px));margin-top:calc(var(--space-6) * -1)}.auth__card{width:min(100%,30rem);margin-inline:auto;box-shadow:var(--shadow-md)}.auth__title{font-size:var(--step-2);margin-bottom:var(--space-2)}.auth__alt{margin-top:var(--space-5);text-align:center}.status-block{display:grid;justify-items:center;text-align:center;gap:var(--space-4);margin-top:var(--space-5)}@media(min-width:56rem){.auth{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr}.auth__brand{align-content:center;padding:var(--space-10);border-bottom:0;border-right:3px solid var(--gold-500);gap:var(--space-5)}.auth__logo{width:clamp(11rem,20vw,15rem)}.auth__tag{display:block}.auth__main{margin-top:0;display:grid;align-items:center;padding:var(--space-8)}}.shell{min-height:100dvh}.shell__body{min-width:0;padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px))}.shell--admin .shell__body{padding-bottom:0}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-5) max(var(--space-4),env(safe-area-inset-right,0px)) var(--space-8) max(var(--space-4),env(safe-area-inset-left,0px))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) var(--space-2) max(var(--space-4),env(safe-area-inset-left,0px));background:var(--navy-900);color:var(--white);border-bottom:2px solid var(--gold-500)}.topbar__title{font-family:var(--font-display);font-size:var(--step-1);flex:1}.topbar--admin .btn--ghost{color:var(--white)}.topbar--admin .btn--ghost:hover,.topbar .icon-btn:hover{background:#ffffff1f}.brand{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;min-width:0}.brand img,.brand .logo-fallback{flex:none;border-radius:50%}.brand__text{display:grid;line-height:1.2;min-width:0}.brand__text strong{font-family:var(--font-display);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand__text small{font-size:var(--step--1);opacity:.75}.avatar{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--gold-100);color:var(--navy-900);font-weight:700;text-decoration:none}.bottomnav{position:fixed;z-index:30;inset:auto 0 0;background:var(--white);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);box-shadow:0 -4px 16px #081a450f}.bottomnav ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--bottomnav-h)}.bottomnav li{display:flex}.bottomnav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.7rem;font-weight:600;text-decoration:none;cursor:pointer;border-top:3px solid transparent}.bottomnav__link span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:2px}.bottomnav__link.active{color:var(--navy-900);border-top-color:var(--gold-500)}.bottomnav__link:focus-visible{outline-offset:-4px}.sheet{border:0;padding:0;margin:auto 0 0;width:100%;max-width:100%;max-height:85dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--white);color:var(--ink);padding-bottom:env(safe-area-inset-bottom,0px)}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-2) var(--space-5)}.sheet__list{padding:0 var(--space-3) var(--space-4)}.sheet__link{display:flex;align-items:center;gap:var(--space-4);min-height:3.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;text-decoration:none}.sheet__link>span{display:grid;min-width:0}.sheet__link small{color:var(--muted);font-size:var(--step--1)}.sheet__link.active{background:var(--navy-50);color:var(--navy-900)}.sheet__link:hover{background:var(--navy-50)}.sidenav,.drawer{background:var(--navy-900);color:var(--white)}.sidenav{display:none}.sidenav__list{display:grid;gap:var(--space-1);margin-top:var(--space-5)}.sidenav__link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:.5rem var(--space-3);border-radius:var(--radius-md);color:#d5dcef;font-weight:600;text-decoration:none;border-left:3px solid transparent}.sidenav__link:hover{background:#ffffff14;color:var(--white)}.sidenav__link.active{background:#ffffff1f;color:var(--white);border-left-color:var(--gold-400)}.sidenav__admin{margin-top:auto;border:1px solid rgb(255 255 255 / .2)}.sidenav :focus-visible,.drawer :focus-visible{outline-color:var(--gold-400)}.drawer{position:fixed;z-index:50;inset:0 auto 0 0;width:min(19rem,86vw);display:flex;flex-direction:column;padding:calc(var(--space-4) + env(safe-area-inset-top,0px)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom,0px)) calc(var(--space-3) + env(safe-area-inset-left,0px));overflow-y:auto;transform:translate(-100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.drawer.is-open{transform:none;visibility:visible;transition-delay:0s}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.drawer__close{color:var(--white)}.drawer__close:hover{background:#ffffff1f}.scrim{position:fixed;z-index:40;inset:0;border:0;background:#0612368c}@media(min-width:60rem){.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.shell__body{padding-bottom:0}.sidenav{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:var(--space-5) var(--space-4);overflow-y:auto;border-right:3px solid var(--gold-500)}.bottomnav,.sheet{display:none!important}.topbar:not(.topbar--admin){display:none}.drawer{position:sticky;top:0;height:100dvh;width:auto;transform:none;visibility:visible;transition:none;border-right:3px solid var(--gold-500);padding:var(--space-5) var(--space-4)}.drawer__close,.scrim,.topbar--admin .icon-btn{display:none}.topbar--admin{position:static;background:var(--white);color:var(--navy-900);border-bottom:1px solid var(--line);justify-content:flex-end}.topbar--admin .topbar__title{display:none}.topbar--admin .btn--ghost{color:var(--navy-800)}.topbar--admin .btn--ghost:hover{background:var(--navy-50)}.page{padding:var(--space-6) var(--space-6) var(--space-10)}.toasts{bottom:var(--space-5)}}