.plans-overview{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.plan-overview{align-items:center;gap:15px;padding:20px;display:flex}.plan-icon{color:#245d49;background:#edf4f0;border-radius:12px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.plan-overview>div{flex-direction:column;flex:1;display:flex}.plan-overview>div>small{color:var(--muted)}.plan-overview strong{margin:3px 0;font:700 28px Georgia}.plan-overview p{color:var(--muted);margin:0;font-size:10px}.plan-overview>b small{color:var(--muted);font-weight:400}.revenue-card{color:#fff;background:#17372c;grid-column:1/-1;justify-content:space-between;align-items:center;padding:24px;display:flex}.revenue-card h2{margin:5px 0;font:700 30px Georgia}.revenue-card span{color:#bdd1c8;font-size:10px}.revenue-card>div:last-child{text-align:right;flex-direction:column;display:flex}.revenue-card>div:last-child b{font-size:20px}.storage-grid{grid-template-columns:1fr 1.4fr;gap:14px;display:grid}.storage-card{align-items:center;gap:24px;padding:24px;display:flex}.storage-card h2{margin:5px 0;font:700 23px Georgia}.storage-card p{color:var(--muted);font-size:10px}.storage-card small{color:var(--muted);font-size:9px}.storage-ring{--used:1%;background:conic-gradient(var(--green) var(--used),#e7ece8 0);text-align:center;border-radius:50%;flex:0 0 125px;place-content:center;width:125px;height:125px;display:grid;position:relative}.storage-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.storage-ring>*{position:relative}.storage-ring strong{font:700 24px Georgia}.storage-ring span{color:var(--muted);font-size:9px}.record-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;display:grid}.record-grid>div{background:#f7f9f7;border-radius:9px;flex-direction:column;padding:13px;display:flex}.record-grid span{color:var(--muted);font-size:9px}.record-grid b{margin-top:5px;font:700 19px Georgia}.storage-note{grid-column:1/-1;margin:0}@media (max-width:850px){.storage-grid,.plans-overview{grid-template-columns:1fr}.revenue-card{grid-column:auto}.storage-card{flex-direction:column;align-items:flex-start}}.badge.ok{color:#1e6a44;background:#e3f4e9}.badge.warning{color:#a54a16;background:#fff0e2}.settings-notice{color:#286044;background:#edf7f1;border:1px solid #cde7d8;border-radius:8px;padding:11px;font-size:10px}.active-green{box-shadow:0 0 0 3px #dff0e7;color:#fff!important;background:#1f7a49!important;border-color:#1f7a49!important}.renewal-note{color:#2f6a4d;margin-top:4px;font-size:9px;display:block}
.settings-page{max-width:1100px}.settings-hero{background:linear-gradient(120deg,var(--green),#284b3b);color:#fff;border-radius:13px;justify-content:space-between;align-items:center;padding:25px;display:flex}.settings-hero h2{margin:5px 0;font:700 28px Georgia}.settings-hero p{color:#d8e7df;font-size:10px}.settings-hero>span{border:1px solid #ffffff40;border-radius:20px;padding:8px 11px;font-size:9px}.settings-tabs{gap:6px;margin:16px 0;display:flex}.settings-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;font-size:10px}.settings-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.settings-grid{grid-template-columns:1.35fr .8fr;gap:15px;display:grid}.settings-list{height:max-content}.setting-row{border-top:1px solid var(--line);align-items:center;gap:11px;padding:14px 18px;display:flex}.setting-row>div{flex-direction:column;flex:1;font-size:10px;display:flex}.setting-row small{color:var(--muted);margin-top:3px}.user-dot,.branch-dot{background:var(--mint);width:36px;height:36px;color:var(--green);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.settings-form,.pin-change{flex-direction:column;gap:12px;padding:22px;display:flex}.settings-form h2,.pin-change h2{margin:0;font:700 21px Georgia}.settings-form>p,.pin-change>p{color:var(--muted);margin:0 0 5px;font-size:10px;line-height:1.5}.settings-form label,.pin-change label{flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.settings-form input,.settings-form select,.pin-change input{border:1px solid var(--line);border-radius:8px;height:41px;padding:0 10px}.settings-notice{color:#286044;background:#edf7f1;border:1px solid #cde7d8;border-radius:8px;padding:11px;font-size:10px}.settings-empty{color:var(--muted);padding:25px;font-size:10px}.pin-change{text-align:center;max-width:430px;margin:35px auto}.pin-change label{text-align:left}.pin-shield{background:var(--mint);width:55px;height:55px;color:var(--green);border-radius:50%;place-items:center;margin:auto;display:grid}@media (max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-tabs{overflow:auto}.settings-hero>span{display:none}}