@import url("admin-v12.css");
:root{--yellow:#ffe500;--yellow-dark:#d9c200;--black:#151515;--ink:#202733;--muted:#6f7783;--line:#e4e6e9;--canvas:#f3f4f6;--white:#fff;--green:#2f7148;--shadow:0 18px 50px rgba(18,25,35,.09)}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,229,0,.55);outline-offset:2px}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary-button,.secondary-button{min-height:44px;padding:0 18px;border-radius:10px;font-size:13px;font-weight:800}.primary-button{border:1px solid var(--yellow);color:#111;background:var(--yellow);box-shadow:0 8px 22px rgba(255,229,0,.18)}.primary-button:hover{background:var(--yellow-dark)}.secondary-button{border:1px solid #dadddf;color:var(--ink);background:#fff}
.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:264px;height:100vh;display:flex;flex-direction:column;padding:28px 20px;color:#fff;background:linear-gradient(165deg,#1d1d1d,#050505 72%)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.3))}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{margin-top:2px;color:#bcbcbc;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.side-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;min-height:48px;padding:0 14px;border:0;border-radius:12px;color:#c2c2c2;background:transparent;text-align:left}.nav-item span{width:21px;font-size:20px;text-align:center}.nav-item:hover{color:#fff;background:rgba(255,255,255,.07)}.nav-item.active{color:#111;background:var(--yellow);box-shadow:0 9px 24px rgba(255,229,0,.17)}.sidebar-card{margin-top:auto;display:grid;gap:5px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.06)}.sidebar-card .eyebrow{color:#aead9f}.sidebar-card strong{margin-top:4px;font-size:14px}.sidebar-card>span:last-child{color:#d6d6d6;font-size:12px}
.main-panel{grid-column:2;min-width:0;padding:32px 44px 64px}.topbar{max-width:1280px;margin:0 auto 27px;display:flex;align-items:center;justify-content:space-between}.date-line{margin:0 0 3px;color:var(--muted);font-size:13px}.topbar h1{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.045em}.mobile-brand{display:none}.top-actions{display:flex;gap:12px}.icon-button,.avatar{width:44px;height:44px;border:0;border-radius:50%;font-weight:800}.icon-button{background:#fff;box-shadow:0 3px 15px rgba(20,30,45,.08)}.avatar{color:#111;background:var(--yellow)}.role-badge,.role-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:99px;color:#302900;background:#fff2a3;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.role-badge{margin-left:7px}.tab-panel{display:none;max-width:1280px;margin:0 auto}.tab-panel.active{display:block}
.welcome-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr .65fr;min-height:255px;border-top:4px solid var(--yellow);border-radius:24px;color:#fff;background:linear-gradient(125deg,#292929,#0e0e0e 66%,#353535);box-shadow:var(--shadow)}.welcome-card:after{content:"";position:absolute;width:260px;height:260px;right:-125px;top:-150px;border:52px solid rgba(255,229,0,.08);border-radius:50%}.event-copy{position:relative;z-index:1;padding:34px 38px}.event-kicker{color:var(--yellow);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.event-copy h2{margin:11px 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:-.045em}.event-copy>p{max-width:650px;margin:0;color:#d0d0d0;line-height:1.55}.event-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;color:#eee;font-size:13px}.event-meta b{color:var(--yellow)}.event-action{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:30px 34px;border-left:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.places{color:#ccc;font-size:12px}.places b{color:#fff;font-size:20px}.event-action p{margin:10px 0 13px;font-size:14px;font-weight:750}.choice-row{display:grid;gap:8px}.choice{min-height:42px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff;background:transparent;font-size:12px;font-weight:800}.choice.selected{background:rgba(255,255,255,.14)}.choice.primary{border-color:var(--yellow);color:#111;background:var(--yellow)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 28px}.stat-card{min-height:105px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:19px 20px;border:1px solid #e9ebee;border-radius:17px;background:#fff;box-shadow:0 7px 25px rgba(18,28,44,.04)}.stat-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;color:#111;background:#fff4a2;font-size:21px}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:26px;line-height:1}.stat-card div span{margin-top:5px;color:var(--muted);font-size:12px}.stat-card button{width:30px;height:30px;border:0;border-radius:50%;background:#f0f1f3;font-size:22px}.content-grid{display:grid;grid-template-columns:1.5fr .85fr;gap:24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-heading .eyebrow,.workspace-heading .eyebrow,.tag,.vehicle-copy>span,.modal>.eyebrow{color:#806d00}.section-heading h2{margin:4px 0 0;font-size:20px}.section-heading button{border:0;color:#6f5e00;background:transparent;font-size:12px;font-weight:800}.news-card{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:center;min-height:100px;margin-bottom:10px;padding:16px;border-left:3px solid var(--yellow);border-radius:15px;background:#fff}.news-date,.calendar-tile,.large-date{display:grid;place-items:center;align-content:center;border-radius:11px;color:#111;background:#fff4a2}.news-date{width:48px;height:57px}.news-date b,.calendar-tile b{font-size:19px}.news-date span,.calendar-tile span{font-size:8px;font-weight:900}.tag{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.news-card h3{margin:4px 0;font-size:14px}.news-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.next-list{padding:20px;border-radius:18px;background:#fff}.mini-event{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #edf0f3}.calendar-tile{width:46px;height:50px}.mini-event strong,.mini-event span{display:block}.mini-event strong{font-size:13px}.mini-event span{margin-top:4px;color:var(--muted);font-size:10px}.outline-button{width:100%;min-height:40px;margin-top:10px;border:1px solid #dfe2e6;border-radius:10px;background:#fff;font-size:12px;font-weight:750}
.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.workspace-heading h2{margin:5px 0 4px;font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}.workspace-heading p{margin:0;color:var(--muted);font-size:14px}.workspace-heading.compact{margin-bottom:15px}.workspace-heading.compact h2{font-size:24px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-row button{min-height:34px;padding:0 14px;border:1px solid #dfe3e8;border-radius:99px;color:var(--muted);background:#fff;font-size:12px;font-weight:750}.filter-row button.active{border-color:#111;color:#111;background:var(--yellow)}.event-list{display:grid;gap:12px}.event-list-card{display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center;padding:21px;border:1px solid var(--line);border-radius:18px;background:#fff}.large-date{width:72px;height:82px;border-radius:15px}.large-date b{font-size:31px}.large-date span{font-size:10px;font-weight:900}.event-details h3{margin:5px 0;font-size:18px}.event-details>p{margin:0;color:var(--muted);font-size:13px}.list-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;color:#727b87;font-size:11px}.rsvp-buttons{width:115px;display:grid;gap:6px}.rsvp-buttons button{min-height:33px;border:1px solid #dfe3e8;border-radius:9px;color:var(--muted);background:#fff;font-size:11px;font-weight:750}.rsvp-buttons button.active{color:#111;background:#fff3a0}.rsvp-buttons .yes.active{border-color:#b9d6c3;color:#fff;background:var(--green)}
.messages-layout{min-height:535px;display:grid;grid-template-columns:280px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.channel-list{padding:19px 13px;border-right:1px solid var(--line);background:#fafafa}.channel-list h3{margin:3px 10px 13px;font-size:11px;text-transform:uppercase}.channel-list button{width:100%;display:grid;gap:3px;padding:12px;border:0;border-radius:10px;background:transparent;text-align:left}.channel-list button:hover,.channel-list button.active{background:#fff;box-shadow:0 5px 18px rgba(18,28,44,.07)}.channel-list b{font-size:12px}.channel-list small{color:var(--muted);font-size:9px}.conversation{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.conversation>header{min-height:70px;display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid var(--line)}.conversation>header h3{margin:0;font-size:14px}.conversation>header small{color:var(--muted)}.channel-symbol{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#fff4a2;font-weight:900}.message-stream{max-height:440px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:24px}.message{max-width:75%;display:grid;grid-template-columns:37px 1fr;gap:10px}.message.own{align-self:flex-end;grid-template-columns:1fr}.message.own .message-avatar{display:none}.message-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#111;background:var(--yellow);font-size:9px;font-weight:850}.message-author{display:flex;gap:8px;align-items:center;margin:0 0 5px 4px}.message-author b{font-size:11px}.message-author span{color:#949ba5;font-size:9px}.message p{margin:0;padding:11px 13px;border-radius:4px 14px 14px;color:#4c5562;background:#f1f3f5;font-size:12px;line-height:1.5}.message.own p{border-radius:14px 4px 14px 14px;color:#fff;background:#191919}.message-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 16px;border-top:1px solid var(--line)}.message-form input{min-width:0;min-height:43px;padding:0 14px;border:1px solid #dde1e6;border-radius:10px}.message-form button{padding:0 17px;border:0;border-radius:10px;color:#111;background:var(--yellow);font-weight:800}.read-only-note{padding:16px;border-top:1px solid var(--line);color:#695b00;background:#fff9d7;font-size:11px;text-align:center}
.profile-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:26px;border-top:5px solid var(--yellow);border-radius:20px;color:#fff;background:linear-gradient(130deg,#282828,#090909)}.profile-avatar{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:#111;background:var(--yellow);font-weight:850}.profile-card .eyebrow{color:var(--yellow)}.profile-card h2{margin:3px 0}.profile-card p{margin:0;color:#ccc;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.settings-card,.member-admin{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.settings-card h3{margin:0 0 17px;font-size:15px}.settings-card dl{margin:0}.settings-card dl>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0f3;font-size:12px}.settings-card dd{margin:0}.permission-list{display:grid;gap:10px;margin:0;padding:0;color:#4f5864;font-size:12px;list-style:none}.member-admin{margin-top:18px}.member-table{overflow:hidden;border:1px solid var(--line);border-radius:13px}.member-row{min-height:64px;display:grid;grid-template-columns:minmax(220px,1fr) 180px 140px;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.member-row:first-child{border-top:0}.member-row.table-head{min-height:38px;color:var(--muted);background:#f5f6f7;font-size:9px;font-weight:850;text-transform:uppercase}.member-row b,.member-row small{display:block}.member-row b{font-size:12px}.member-row small{margin-top:3px;color:var(--muted);font-size:9px}.member-row select{min-height:38px;padding:0 9px;border:1px solid #dce0e5;border-radius:8px;background:#fff;font-size:11px}.status-button{min-height:36px;border:1px solid;border-radius:9px;font-size:10px;font-weight:800}.status-button.active{border-color:#c9dfd1;color:#2f6f46;background:#eaf5ee}.status-button.pending{border-color:#e6d35e;color:#5f5100;background:#fff5ae}
.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:rgba(8,8,8,.72);backdrop-filter:blur(4px)}.modal{position:relative;width:min(520px,100%);max-height:92vh;overflow-y:auto;padding:28px;border-radius:20px;background:#fff}.modal h2{margin:5px 0 20px}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f2f4;font-size:22px}.data-form,.auth-form{display:grid;gap:14px}.data-form label,.auth-form label{display:grid;gap:6px;color:#4f5864;font-size:11px;font-weight:750}.data-form input,.data-form select,.data-form textarea,.auth-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce0e5;border-radius:9px;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;z-index:70;right:24px;bottom:24px;max-width:calc(100% - 48px);padding:13px 17px;border-left:5px solid var(--yellow);border-radius:11px;color:#fff;background:#171717;box-shadow:0 14px 40px rgba(0,0,0,.25);font-size:12px;font-weight:750}.empty-card,.empty-inline{padding:28px;border:2px dashed #d9dce1;border-radius:16px;background:#fff;text-align:center}.empty-card h2{margin:0}.empty-card p{color:var(--muted)}
.auth-body,.access-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,#39340b,#111 60%)}.auth-card,.access-card{width:min(470px,100%);padding:36px;border-top:6px solid var(--yellow);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center}.install-card{width:min(650px,100%)}.auth-card>img,.access-card>img{width:118px;height:118px;object-fit:contain}.auth-card>.eyebrow,.access-card>.eyebrow{display:block;margin-top:14px;color:#766400}.auth-card h1,.access-card h1{margin:7px 0 8px;font-size:30px;letter-spacing:-.04em}.auth-card>p,.access-card>p{margin:0 0 20px;color:var(--muted);line-height:1.55}.auth-form{text-align:left}.auth-form fieldset{display:grid;gap:13px;margin:0;padding:16px;border:1px solid var(--line);border-radius:12px}.auth-form legend{padding:0 6px;font-size:11px;font-weight:850}.auth-form small{color:var(--muted)}.auth-link{margin:18px 0 0!important;font-size:12px}.auth-link a{color:#5e5000;font-weight:750}.notice{margin:16px 0;padding:12px;border-radius:9px;font-size:12px}.notice.error{color:#83242a;background:#fbe9ea}.notice.success{color:#275f3c;background:#e7f3eb}.signed-in-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;padding:13px 15px;border-radius:11px;background:#f4f5f7;font-size:11px}.signed-in-row b{color:#796600}.bottom-nav{display:none}
@media(max-width:960px){.app-shell{display:block}.sidebar{display:none}.main-panel{padding:22px 24px 95px}.mobile-brand{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mobile-brand img{width:27px;height:27px}.welcome-card{grid-template-columns:1fr}.event-action{border-top:1px solid rgba(255,255,255,.1);border-left:0}.choice-row{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;z-index:20;inset:auto 0 0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e2e5e9;background:rgba(255,255,255,.96)}.bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;border:0;color:#89909a;background:transparent}.bottom-nav button.active{color:#6f5e00}.bottom-nav button.active:before{content:"";position:absolute;top:0;width:28px;height:3px;background:var(--yellow)}}
@media(max-width:700px){.main-panel{padding:18px 14px 90px}.date-line{display:none}.topbar h1{font-size:25px}.welcome-card{border-radius:19px}.event-copy{padding:25px 22px}.event-copy h2{font-size:29px}.event-action{padding:20px 22px}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{min-height:78px;padding:14px 16px}.workspace-heading{display:grid;gap:14px}.workspace-heading .primary-button{width:100%}.event-list-card{grid-template-columns:60px 1fr;gap:13px;padding:15px}.large-date{width:58px;height:65px}.large-date b{font-size:25px}.event-details>p{display:none}.list-meta{display:grid;gap:4px;margin-top:8px}.rsvp-buttons{grid-column:1/-1;width:100%;grid-template-columns:repeat(3,1fr)}.messages-layout{display:block;overflow:visible;border:0;background:transparent;box-shadow:none}.channel-list{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px;padding:3px 0 8px;border:0;background:transparent}.channel-list h3{display:none}.channel-list button{width:auto;flex:0 0 auto;border:1px solid var(--line);background:#fff}.channel-list small{display:none}.conversation{min-height:470px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.message{max-width:91%}.garage-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:auto 1fr;padding:20px}.profile-card .link-button{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.member-admin{padding:17px 12px}.member-row{grid-template-columns:1fr 1fr;padding:12px}.member-row>div{grid-column:1/-1}.member-row.table-head{display:none}.form-row{grid-template-columns:1fr}.auth-card,.access-card{padding:28px 20px}.signed-in-row{display:grid}.toast{right:14px;bottom:86px}}