:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#15221d;background:#f4f7f5;--green:#075d42;--line:#dbe5df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid var(--line);background:white;border-radius:10px;padding:.7rem 1rem;cursor:pointer}.primary{background:var(--green);color:#fff;border-color:var(--green)}.muted,small{color:#65756d}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(145deg,#ecf8f2,#f6f3e8)}.auth-card{width:min(440px,100%);background:#fff;padding:2rem;border-radius:22px;box-shadow:0 20px 70px #163d2920}.logo{width:86px;height:86px;object-fit:contain}.tabs{display:flex;gap:.5rem;margin:1.5rem 0}.tabs button{flex:1}.tabs .active{background:#e2f3eb;color:var(--green)}form label{display:grid;gap:.35rem;margin:.8rem 0;font-weight:600}input,select{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#fff}form>.primary{width:100%;margin-top:.8rem}#app-view{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#fff;border-right:1px solid var(--line);padding:1rem;position:sticky;top:0;height:100vh}.brand{display:flex;gap:.7rem;align-items:center;margin-bottom:1.5rem}.brand img{width:48px;height:48px}.brand div{display:grid}nav{display:grid;gap:.35rem}nav button{text-align:left;border:0}nav button.active{background:#e2f3eb;color:var(--green);font-weight:700}main{min-width:0}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.8rem;padding:0 1.5rem;position:sticky;top:0;z-index:5}header select{max-width:300px}#plan-badge{background:#e2f3eb;color:var(--green);padding:.4rem .7rem;border-radius:999px;font-weight:700}.view{padding:1.5rem}.view-head{display:flex;align-items:center;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metrics article,.cart,.plans article,#cash-state{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem}.metrics article{display:grid;gap:.5rem}.metrics strong{font-size:1.4rem}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{padding:.7rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 360px;gap:1rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;margin-top:1rem}.product-card{text-align:left;display:grid;gap:.35rem}.cart{position:sticky;top:88px;align-self:start}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.lock-card{margin:4rem auto;padding:2rem;background:#fff;border:1px solid #e8c878;border-radius:18px;max-width:640px;text-align:center}.actions,.dialog-actions{display:flex;gap:.6rem;margin-top:1rem}dialog{border:0;border-radius:18px;width:min(520px,calc(100% - 2rem));box-shadow:0 30px 80px #0004}dialog::backdrop{background:#10251c88}#toast{position:fixed;right:1rem;bottom:1rem;z-index:99;background:#15221d;color:#fff;padding:.8rem 1rem;border-radius:10px;display:none}.danger{color:#a12323}@media(max-width:800px){#app-view{display:block;padding-bottom:74px}aside{position:fixed;z-index:20;top:auto;bottom:0;height:70px;width:100%;padding:.35rem;border-right:0;border-top:1px solid var(--line)}.brand{display:none}nav{display:flex;overflow-x:auto}nav button{min-width:max-content;padding:.55rem}.view{padding:1rem}.metrics{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.cart{position:static}.plans{grid-template-columns:1fr}header{padding:0 .8rem}.view h1{font-size:1.5rem}}@media(max-width:460px){.metrics{grid-template-columns:1fr}.auth-card{padding:1.25rem}.product-grid{grid-template-columns:1fr 1fr}}
[hidden]{display:none!important}
.invite-result{margin:1rem 0;padding:1rem;border-radius:12px;background:#e2f3eb;overflow-wrap:anywhere}.membership-actions{display:flex;gap:.35rem;align-items:center}.membership-actions select{min-width:110px;padding:.45rem}.membership-actions button{padding:.45rem .6rem}
