:root{--accent:#0a6bff;--bg:#f4f7fb;--surface:#fff;--surface2:#eef3f9;--text:#0f172a;--muted:#64748b;--line:#dbe3ee;--good:#15803d;--warn:#d97706;--danger:#dc2626;--shadow:0 12px 36px rgba(15,23,42,.08);font-size:100%}
:root[data-theme="dark"]{--bg:#08111f;--surface:#0f1b2d;--surface2:#152338;--text:#f8fafc;--muted:#b9c5d5;--line:#2b3c55;--shadow:0 14px 40px rgba(0,0,0,.28)}
:root[data-contrast="high"]{--line:color-mix(in srgb,var(--text) 55%,transparent);--muted:color-mix(in srgb,var(--text) 78%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;padding-bottom:86px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,white)}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;min-width:0}.brand img{width:44px;height:44px;object-fit:contain}.brand .tenant-logo{border-radius:12px;background:#fff;padding:3px}.brand span{display:grid;min-width:0}.brand strong,.brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{color:var(--muted);max-width:45vw}.top-actions{display:flex;gap:6px}.icon-btn,.chip,.secondary-button{min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;font-weight:800}.icon-btn{padding:0 10px}.app-shell{width:min(1180px,100%);margin:auto;padding:18px 14px 40px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:8px 0 18px}.page-head h1{font-size:clamp(1.8rem,7vw,2.7rem);margin:0}.page-head p{margin:3px 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.75rem;color:var(--accent)!important}.primary{border:0;background:var(--accent);color:#fff;border-radius:14px;min-height:48px;padding:0 18px;font-weight:900;font-size:1rem;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent);cursor:pointer}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric,.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.metric{padding:16px;min-height:126px;display:flex;flex-direction:column;justify-content:center}.metric span{color:var(--muted);font-weight:700}.metric strong{font-size:1.55rem;margin:4px 0}.metric small{color:var(--muted)}.metric.accent{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface))}.grid-2{display:grid;gap:12px;margin-top:12px}.panel{padding:18px;margin-top:12px}.panel h2{font-size:1.08rem;margin:0 0 14px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{background:color-mix(in srgb,var(--accent) 12%,var(--surface2));color:var(--accent);padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap}.warn-badge{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--surface))}.neutral-badge{color:var(--muted);background:var(--surface2)}.bars{height:160px;display:flex;align-items:end;gap:6px;padding-top:15px;overflow:hidden}.bars i{min-width:7px;flex:1;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 65%,white),var(--accent));border-radius:8px 8px 3px 3px}.bar-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;gap:10px}.chart-scroll{overflow:auto}.club-highlight{display:flex;align-items:baseline;gap:10px}.club-highlight strong{font-size:2.7rem}.muted{color:var(--muted)}.text-link{color:var(--accent);font-weight:900;text-decoration:none}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{background:var(--surface2);border-radius:14px;min-height:58px;padding:14px;color:var(--text);text-decoration:none;font-weight:900;display:flex;align-items:center}.calendar-toolbar{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.chip{padding:0 14px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.chip.active{background:var(--accent);color:white;border-color:var(--accent)}.filter-form select,.filter-form input{width:auto}.date-input{padding:0 12px}.timeline{padding:8px}.appointment{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line)}.appointment:last-child{border-bottom:0}.appointment time{font-weight:900;color:var(--accent)}.appointment>div:not(.appointment-actions){display:grid;min-width:0}.appointment span,.appointment small{color:var(--muted);font-size:.9rem}.appointment em{font-style:normal;font-size:.72rem;background:var(--surface2);padding:5px 8px;border-radius:999px}.appointment-actions{grid-column:2/-1;display:flex!important;gap:8px;flex-wrap:wrap}.appointment-actions form{display:flex;gap:6px}.appointment-actions select,.inline-form select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);padding:0 10px}.empty{padding:32px 14px;text-align:center;display:grid;gap:7px;color:var(--muted)}.empty.compact{padding:16px}.empty strong{color:var(--text)}.plan-grid{display:grid;gap:10px}.plan{padding:15px;background:var(--surface2);border-radius:14px;display:grid;gap:4px}.plan strong{font-size:1.05rem}.plan>span{font-weight:900;color:var(--accent)}.plan small{color:var(--muted)}.check-list{display:grid;gap:9px}.form-grid{display:grid;gap:14px}.form-grid label{font-weight:800}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea,.search-form input{width:100%;margin-top:6px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--text);font-size:1rem}.form-grid textarea{resize:vertical}.check-row{display:flex!important;align-items:center;gap:10px}.check-row input{width:22px!important;height:22px!important;margin:0!important}.full{grid-column:1/-1}.top-gap{margin-top:16px}.compact-form{margin-top:12px}.table-cards{display:grid;gap:8px}.table-cards article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:var(--surface2);border-radius:14px}.table-cards article>div:first-child{display:grid}.table-cards span,.table-cards small{color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.bottom-nav a{display:grid;justify-items:center;color:var(--muted);text-decoration:none;font-weight:800;font-size:.75rem;min-height:52px;align-content:center;gap:2px}.bottom-nav a.active{color:var(--accent)}.flash,.error{margin:12px auto;padding:13px 16px;border-radius:14px;max-width:1080px}.flash{background:#fff7ed;color:#9a3412}.flash.success{background:#ecfdf5;color:#166534}.flash.error,.error{background:#fff1f2;color:#9f1239}.login-page{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eaf3ff,#f7f9fc 55%)}.login-card{width:min(440px,100%);background:white;border-radius:28px;padding:30px;box-shadow:0 25px 70px #0f172a22;color:#0f172a}.login-logo{width:90px}.login-card h1{font-size:2rem;margin-bottom:4px}.login-card form{display:grid;gap:14px;margin-top:24px}.login-card label{font-weight:800}.login-card input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:12px;margin-top:6px;font-size:1rem}.logout{margin-top:20px}.logout button,.danger-link{border:0;background:transparent;color:var(--danger);font-weight:900;min-height:42px;cursor:pointer}.summary-button{cursor:pointer;font-weight:900;color:var(--accent);list-style:none;min-height:44px;display:flex;align-items:center}.summary-button::-webkit-details-marker{display:none}.search-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 12px}.search-form input{margin:0}.entity-list{display:grid;gap:10px}.entity-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);display:grid;gap:10px}.entity-main{display:flex;align-items:center;gap:12px;min-width:0}.entity-main>div{display:grid;min-width:0}.entity-main span,.entity-main small{color:var(--muted)}.avatar-placeholder{width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));display:grid;place-items:center;color:var(--accent)!important;font-weight:900;font-size:1.2rem;flex:none}.card-details{border-top:1px solid var(--line);padding-top:8px}.card-details>summary,details>summary{cursor:pointer;font-weight:900;color:var(--accent)}.is-inactive{opacity:.65}.service-grid{display:grid;gap:10px}.service-card{padding:16px;background:var(--surface2);border-radius:16px;display:grid;gap:9px}.service-card>div{display:flex;justify-content:space-between;gap:10px}.service-card span{color:var(--muted)}.service-card>b{font-size:1.25rem;color:var(--accent)}.secondary-button{padding:0 13px;cursor:pointer}.inline-actions{display:flex!important;gap:6px;flex-wrap:wrap;justify-content:flex-end}.inline-actions form{display:inline-flex}.inline-form{display:inline-flex}.brand-preview{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface2);min-height:260px}.preview-cover{width:100%;height:130px;object-fit:cover}.preview-logo-wrap{display:flex;gap:12px;align-items:center;padding:20px}.preview-logo-wrap img{width:64px;height:64px;object-fit:contain;border-radius:16px;background:#fff;padding:5px}.preview-logo-wrap>div{display:grid}.preview-logo-wrap span{color:var(--muted)}.brand-preview button{margin:0 20px 20px;background:var(--preview-accent);color:#fff;border:0;border-radius:14px;min-height:48px;padding:0 18px;font-weight:900}.info-box{margin-top:12px;padding:14px;border-radius:14px;background:var(--surface2)}.info-box p{margin:5px 0 0;color:var(--muted)}.role-cards{display:grid;gap:8px}.role-cards>div{padding:12px;background:var(--surface2);border-radius:12px;display:grid}.role-cards span{color:var(--muted)}.owner-mark{color:var(--accent);font-weight:900}.permission-panels{display:grid;gap:8px}.permission-panels>details{padding:14px;background:var(--surface2);border-radius:14px}.permission-grid{display:grid;gap:8px;margin-top:12px}.permission-grid .check-row{padding:10px;border-radius:10px;background:var(--surface)}.permission-grid .check-row span{display:grid}.permission-grid small{color:var(--muted)}.nc-list,.log-list,.audit-list{display:grid;gap:9px}.nc-card,.log-list>div,.audit-list>details{padding:12px;border-radius:14px;background:var(--surface2)}.nc-card p{color:var(--muted)}.log-list>div{display:grid;grid-template-columns:auto 1fr;gap:4px 8px}.log-list small{grid-column:2;color:var(--muted)}.log-level{font-weight:900;text-transform:uppercase;font-size:.7rem}.log-level.error{color:var(--danger)}.log-level.warning,.log-level.warn{color:var(--warn)}.log-level.info{color:var(--accent)}.audit-list summary{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;align-items:center}.audit-list summary span,.audit-list summary small{color:var(--muted)}.audit-json{display:grid;gap:10px;margin-top:10px}.audit-json pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);padding:10px;border-radius:10px;font-size:.78rem}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-grid a{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);min-height:92px}.menu-grid a>b{font-size:1.5rem;color:var(--accent)}.menu-grid a>span{display:grid}.menu-grid small{color:var(--muted)}.rank-list,.attention-list{display:grid;gap:8px}.rank-list>div,.attention-list>a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;background:var(--surface2);border-radius:12px;color:var(--text);text-decoration:none}.rank-list b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#fff}.attention-list>a{grid-template-columns:1fr auto}.anchor{scroll-margin-top:90px}.action-row{display:flex;gap:8px}
@media(max-width:620px){.page-head{align-items:flex-start;flex-direction:column}.page-head .primary{width:100%}.top-actions .icon-btn:nth-child(1),.top-actions .icon-btn:nth-child(2){display:none}.metric strong{font-size:1.35rem}.table-cards article{align-items:flex-start;flex-direction:column}.inline-actions{justify-content:flex-start!important}.appointment{grid-template-columns:52px 1fr}.appointment em{grid-column:2}.appointment-actions{grid-column:2}.audit-list summary{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.filter-form{display:grid;grid-template-columns:1fr 1fr}.filter-form>*{width:100%!important}.brand small{max-width:38vw}}
@media(min-width:760px){body{padding-bottom:20px}.app-shell{padding:26px}.metric-grid{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:1.5fr 1fr}.bottom-nav{position:sticky;bottom:0;width:min(760px,100%);margin:auto;border:1px solid var(--line);border-radius:18px 18px 0 0}.form-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.permission-grid{grid-template-columns:1fr 1fr}.audit-json{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0;overflow:auto}.week-day{min-width:58px;padding:10px 6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none;text-align:center;display:grid}.week-day span{font-size:.7rem;color:var(--muted);font-weight:800}.week-day strong{font-size:1.15rem}.week-day.active{background:var(--accent);color:#fff;border-color:var(--accent)}.week-day.active span{color:#fff}.help-text{display:block;color:var(--muted);font-weight:500;margin-top:5px}
.doc-list{display:grid;gap:8px}.doc-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:12px;background:var(--surface2);color:var(--text);text-decoration:none}.doc-list a>div{display:grid}.doc-list span,.doc-list small{color:var(--muted)}.doc-list b{font-size:1.3rem;color:var(--accent)}