body{margin:0}:root{color:#17202f;--ink:#170b45;--muted:#746e8c;--line:#eae6f5;--purple:#4f3faa;--navy:#0f007a;--green:#58bfa0;--orange:#8162cc;--blue:#8162cc;--shadow:0 20px 50px #231f4d14;--mint:#dbfedc;background:#f5f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:14px}button{font:inherit;cursor:pointer}.admin-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:24px;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand span{background:linear-gradient(145deg,#2563eb,#55a9ff);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand div{flex-direction:column;display:flex}.brand b{letter-spacing:-.04em;font-size:19px}.brand small{color:#aaa2bd}nav{flex-direction:column;gap:8px;display:flex}nav button{text-align:left;color:#bdb5cc;background:0 0;border:0;border-radius:12px;padding:11px 13px;font-weight:800}nav button.active,nav button:hover{color:#fff;background:#302943}.operator-card{background:linear-gradient(145deg,#302943,#211b37);border:1px solid #ffffff14;border-radius:18px;gap:5px;margin-top:auto;padding:15px;display:grid}.operator-card small,.operator-card span{color:#aaa2bd}.workspace{padding:24px;overflow:auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.12em;font-size:11px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:5px;font-size:28px}.topbar p,.hero p,.empty-panel p{color:var(--muted)}.top-actions{gap:10px;display:flex}.primary-button,.ghost-button,.panel-head button,.table-row button,.report-card button,.data-table button{border:0;border-radius:10px;padding:9px 13px;font-weight:900}.primary-button{background:var(--purple);color:#fff;box-shadow:0 12px 24px #7255f53d}.ghost-button,.panel-head button,.table-row button,.report-card button,.data-table button{color:#4e5666;border:1px solid var(--line);background:#fff}.table-row button:disabled,.data-table button:disabled{cursor:not-allowed;opacity:.55}.notice{color:#176a55;background:#e7faf4;border:1px solid #c8f1e4;border-radius:16px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.notice span{color:#fff;background:#44c29c;border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.notice b{flex:1}.notice button{color:#176a55;background:0 0;border:0;font-weight:900}.operation-error{color:#a93443;background:#ffeaec;border:1px solid #ffd1d7;border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;display:flex}.operation-error span{flex:1}.operation-error button{color:#a93443;background:0 0;border:0;font-weight:900}.hero{color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 80% 20%,#fff3,#0000 30%),linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:30px;justify-content:space-between;align-items:center;gap:24px;padding:30px;display:flex}.live-pill{background:#44c29c2e;border:1px solid #44c29c59;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.hero h2{letter-spacing:-.05em;margin-bottom:10px;font-size:26px}.hero p{color:#d8d2ff;max-width:650px;line-height:1.6}.hero-number{text-align:center;background:#ffffff1a;border-radius:32px;place-items:center;width:160px;height:160px;display:grid}.hero-number strong{font-size:38px}.hero-number span{color:#e5e0ff}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0;display:grid}.metric-card,.panel,.empty-panel,.finance-card,.report-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;box-shadow:0 5px 16px #231f4d09}.metric-card>span{width:38px;height:38px;color:var(--blue);background:#eaf5ff;border-radius:12px;place-items:center;font-weight:900;display:grid}.metric-card>span.blue{color:var(--blue);background:#eaf5ff}.metric-card>span.green{color:var(--green);background:#e7faf4}.metric-card>span.orange{color:var(--orange);background:#fff1e8}.metric-card p{color:var(--muted);margin:14px 0 6px;font-size:13px}.metric-card strong{letter-spacing:-.04em;font-size:24px}.metric-card small{color:#9aa2af;margin-top:6px;display:block}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.alert-list{gap:12px;display:grid}.alert-list div{background:#f8f9fc;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.alert-list span,.avatar{width:38px;height:38px;color:var(--blue);background:#eaf5ff;border-radius:12px;place-items:center;font-weight:900;display:grid}em{color:#25836a;background:#e7faf4;border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:900}.bars{border-bottom:1px solid var(--line);align-items:end;gap:12px;height:250px;padding-top:20px;display:flex}.bars i{background:linear-gradient(#2563eb,#55a9ff);border-radius:12px 12px 3px 3px;flex:1}.table{gap:10px;display:grid}.table-row{background:#f8f9fc;border-radius:16px;align-items:center;gap:12px;padding:12px;display:grid}.establishment-row{grid-template-columns:42px 1fr auto auto auto}.user-row{grid-template-columns:42px 1fr 90px 110px auto auto}.reservation-row{grid-template-columns:1.2fr 1fr 90px auto auto}.payout-row{grid-template-columns:1fr 120px auto auto}.table-row small{color:var(--muted);margin-top:4px;display:block}.users-panel,.data-panel{padding:16px}.users-panel .panel-head,.data-panel .panel-head{margin-bottom:12px}.users-panel .panel-head p,.data-panel .panel-head p{color:var(--muted);margin:4px 0 0}.data-table-wrap{border:1px solid var(--line);border-radius:16px;max-height:calc(100vh - 210px);overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:1040px;font-size:12px}.data-table thead{z-index:1;background:#f1f3f8;position:sticky;top:0}.data-table th{color:#596171;letter-spacing:.05em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 11px;font-size:11px}.data-table td{color:#303848;white-space:nowrap;border-bottom:1px solid #edf0f6;padding:9px 11px}.data-table tbody tr:hover{background:#f8f9fc}.data-table tbody tr:last-child td{border-bottom:0}.data-table td small{color:var(--muted);margin-top:2px;display:block}.establishment-cell{align-items:center;gap:8px;display:flex}.establishment-thumb{color:#315dba;background:#eaf0ff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.establishment-thumb.has-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.data-table em{padding:5px 8px;font-size:11px}.data-table button{padding:7px 10px;font-size:12px}.users-data-table td:nth-child(3){min-width:210px}.establishments-data-table{min-width:1120px}.reservations-data-table{min-width:1180px}.payouts-data-table{min-width:1120px}.payout-summary-table{min-width:1180px}.payout-total-strip{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px;display:grid}.payout-total-strip span{background:linear-gradient(145deg,#eaf5ff,#f8fbff);border:1px solid #cfe5ff;border-radius:14px;gap:3px;padding:10px 12px;display:grid}.payout-total-strip small{color:#43627f;font-size:11px;font-weight:800}.payout-total-strip b{color:#0f3d75;font-size:15px}.data-pager{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;font-size:12px;display:flex}.data-pager div{align-items:center;gap:8px;display:flex}.data-pager select,.data-pager button{border:1px solid var(--line);color:#4e5666;font:inherit;background:#fff;border-radius:10px;padding:7px 10px;font-weight:800}.data-pager button:disabled{cursor:not-allowed;opacity:.55}.data-pager b{color:var(--ink)}.membership-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.membership-summary article{background:linear-gradient(145deg,#fff,#f4f7ff);border:1px solid #dce6fb;border-radius:18px;gap:7px;padding:16px;display:grid;box-shadow:0 5px 16px #231f4d09}.membership-summary small{color:var(--muted);font-weight:800}.membership-summary strong{color:#1d4ed8;font-size:24px}.memberships-data-table{min-width:1160px}.membership-photo{color:#2563eb;cursor:pointer;background:#edf3ff 50%/cover;border:1px dashed #a9bce6;border-radius:11px;place-items:center;width:52px;height:42px;font-size:20px;font-weight:900;display:grid;overflow:hidden}.membership-photo.has-photo{border-style:solid}.membership-photo input{display:none}.membership-actions{gap:6px;display:flex}.data-table .danger-button{color:#b73546;background:#fff4f5;border-color:#ffd1d7}.empty-memberships{text-align:center;align-content:center;place-items:center;min-height:320px;padding:35px;display:grid}.empty-memberships>span{color:#2563eb;background:#eaf0ff;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:12px;font-weight:900;display:grid}.empty-memberships h3{margin-bottom:6px}.empty-memberships p{color:var(--muted);margin-bottom:16px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.membership-editor{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 30px 80px #0f172a47}.membership-editor .panel-head h3{margin:4px 0 0;font-size:22px}.form-intro{color:var(--muted);background:#f5f8ff;border-radius:14px;padding:12px;line-height:1.5}.membership-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.membership-form-grid label{color:#4e5666;gap:7px;font-size:13px;font-weight:800;display:grid}.membership-form-grid input,.membership-form-grid select,.membership-form-grid textarea{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fbfcff;border-radius:12px;padding:11px}.membership-form-grid textarea{resize:vertical;min-height:88px}.membership-form-grid .wide{grid-column:1/-1}.membership-form-grid .renewal-toggle{grid-template-columns:auto 1fr;align-items:center;display:flex}.membership-form-grid .renewal-toggle input{width:18px;height:18px}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.service-grid,.finance-grid,.report-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-card{background:#f8f9fc;border-radius:18px;padding:18px}.service-card span{color:var(--purple);background:#eeeaff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-block}.service-card h3{margin:16px 0 8px}.service-card p{color:var(--muted);line-height:1.5}.finance-grid{grid-template-columns:.8fr 1.2fr}.payouts-layout{grid-template-columns:1fr;display:grid}.finance-card{color:#fff;background:linear-gradient(145deg,#0f172a,#2563eb)}.finance-card strong{margin:14px 0;font-size:36px;display:block}.finance-card p{color:#ded8ff}.rule-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.rule-list span{background:#f8f9fc;border-radius:14px;padding:14px}.empty-panel{text-align:center;padding:60px}.report-card span{width:38px;height:38px;color:var(--blue);background:#eaf5ff;border-radius:12px;place-items:center;font-weight:900;display:grid}.report-card h3{margin:18px 0 8px}.report-card p{color:var(--muted);line-height:1.6}.report-card button{margin-top:10px}.center-state{text-align:center;align-content:center;place-items:center;min-height:100vh;padding:32px;display:grid}.loader{border:4px solid #e7e9f1;border-top-color:var(--purple);border-radius:50%;width:42px;height:42px;animation:1s linear infinite spin}.error span{color:#c0394a;background:#ffeaec;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{background:radial-gradient(circle at 20% 20%,#7255f52e,#0000 30%),#f5f6fb;grid-template-columns:.9fr 1.1fr;min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(145deg,#171326,#41337d);flex-direction:column;justify-content:center;padding:54px;display:flex}.brand-badge{background:linear-gradient(145deg,#2563eb,#55a9ff);border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:24px;font-size:24px;font-weight:900;display:grid}.auth-hero h1{color:#fff;font-size:38px}.auth-hero p{color:#d8d2ff;max-width:520px;line-height:1.7}.auth-demo{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:20px;gap:8px;max-width:420px;margin-top:34px;padding:18px;display:grid}.auth-demo span{color:#d8d2ff}.auth-card{border:1px solid var(--line);width:min(720px,100% - 48px);max-height:calc(100vh - 64px);box-shadow:var(--shadow);background:#fff;border-radius:28px;place-self:center;padding:24px;overflow:auto}.auth-tabs{background:#f5f6fb;border-radius:16px;grid-template-columns:1fr 1.4fr;gap:8px;margin-bottom:18px;padding:5px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:12px;font-weight:900}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 5px 16px #231f4d14}.auth-form{gap:14px;display:grid}.register-form{grid-template-columns:repeat(2,1fr)}.auth-form label{color:#4e5666;gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input,.auth-form select,.auth-form textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fbfcff;border-radius:12px;padding:12px}.auth-form textarea{resize:vertical;min-height:90px}.auth-form .wide{grid-column:1/-1}.auth-error{color:#b9404d;background:#ffeaec;border:1px solid #ffd1d7;border-radius:14px;margin-bottom:14px;padding:12px;font-weight:800}.establishment-session .metrics-grid{margin-bottom:18px}@media (width<=1000px){.admin-shell,.metrics-grid,.dashboard-grid,.service-grid,.finance-grid,.report-grid,.membership-summary,.membership-form-grid{grid-template-columns:1fr}.membership-form-grid .wide{grid-column:auto}.payout-total-strip{grid-template-columns:1fr}.hero,.topbar{flex-direction:column;align-items:flex-start}.establishment-row{grid-template-columns:42px 1fr}.auth-layout{grid-template-columns:1fr}.auth-hero{padding:32px}.register-form{grid-template-columns:1fr}}:root{--ink:#170b45;--muted:#746e8c;--line:#eae6f5;--purple:#4f3faa;--navy:#0f007a;--green:#58bfa0;--orange:#8162cc;--blue:#8162cc;--mint:#dbfedc}body,.workspace{color:var(--ink);background:#fbfaff}.sidebar{background:linear-gradient(180deg,var(--navy),#24116f)}.brand img{object-fit:cover;border-radius:12px;width:38px;height:38px}.brand>span{display:none}.brand-badge{object-fit:cover;border-radius:20px;width:64px;height:64px;margin-bottom:24px}.brand small,.operator-card small,.operator-card span{color:#d5cdf5}nav button{color:#d8d1f2}nav button.active,nav button:hover{background:#8162cc5c}.operator-card{background:linear-gradient(145deg,#8162cc61,#4f3faa6b)}.hero,.finance-card{background:radial-gradient(circle at 80% 20%,#dbfedc47,transparent 30%),linear-gradient(135deg,var(--navy),var(--purple),#8162cc)}.auth-layout{background:radial-gradient(circle at 20% 20%,#dbfedcad,#0000 30%),#f5f2ff}.auth-hero{background:radial-gradient(circle at 76% 16%,#dbfedc40,transparent 28%),linear-gradient(145deg,var(--navy),var(--purple))}.bars i{background:linear-gradient(180deg,var(--purple),#8162cc)}.metric-card>span,.alert-list span,.avatar,.report-card span,.establishment-thumb,.empty-memberships>span,.membership-photo{color:var(--purple);background:#f0ecff}.metric-card>span.green,em,.notice{background:var(--mint);color:#23755f;border-color:#bceacd}.membership-summary article{background:linear-gradient(145deg,#fff,#f3f0ff);border-color:#dcd5f5}.membership-summary strong{color:var(--purple)}.payout-total-strip span{background:linear-gradient(145deg,#f0ecff,#fff);border-color:#dcd5f5}.payout-total-strip b{color:var(--navy)}.primary-button{background:var(--purple);color:#fff}