:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,sans-serif;background:#f7f6f2;color:#181816;font-synthesis:none;line-height:1.5;text-rendering:geometricPrecision;--bg: #f7f6f2;--surface: #ffffff;--surface-soft: #efede7;--line: #dfdcd4;--text: #181816;--muted: #6f6b63;--gold: #b8802d;--gold-dark: #7c561f;--sage: #476456;--sage-soft: #e7ede8;--danger: #a95148;--danger-soft: #f3e4e1;--warning: #826329;--warning-soft: #f1e7cf;--shadow: 0 10px 24px rgba(35, 31, 24, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:26px}.auth-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 52px);margin:0 auto;max-width:430px;text-align:center}.brand-mark{align-items:center;background:#191715;border-radius:7px;color:#f8efe0;display:flex;height:68px;justify-content:center;margin-bottom:28px;width:68px}.auth-copy h1,.topbar h1{font-size:clamp(32px,6vw,48px);letter-spacing:0;line-height:.96;margin:0}.auth-copy p:last-child{color:var(--muted);font-size:16px;margin:18px 0 0}.eyebrow{color:var(--gold-dark);font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}.auth-form{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:16px;margin-top:34px;padding:18px;text-align:left;width:100%}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:13px;font-weight:650}.field input{background:#fbfaf7;border:1px solid var(--line);border-radius:8px;color:var(--text);height:50px;outline:none;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.field input:focus{background:#fff;border-color:#c89235b8;box-shadow:0 0 0 4px #c8923524}.otp{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.otp .otp-cell{font-size:21px;font-weight:750;height:52px;padding:0;text-align:center}.form-message,.muted{color:var(--muted);font-size:14px;margin:0}.form-message{color:var(--danger)}.primary-button,.secondary-button,.ghost-button,.icon-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:750;gap:9px;justify-content:center;min-height:46px;padding:0 16px;text-decoration:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease}.primary-button{background:#191715;box-shadow:none;color:#fff9ee;width:100%}.primary-button:hover,.secondary-button:hover,.icon-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active,.icon-button:active,.ghost-button:active{transform:scale(.985)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.icon-button:disabled{cursor:default;opacity:.55;transform:none}.secondary-button{background:var(--surface-soft);color:var(--text)}.ghost-button{background:transparent;color:var(--muted)}.ghost-button.danger{color:var(--danger)}.text-button{background:transparent;border:0;color:var(--gold-dark);cursor:pointer;font-weight:750;padding:4px}.dashboard{margin:0 auto;max-width:1120px;padding:12px 0 42px}.topbar{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.topbar h1{font-size:clamp(32px,5vw,48px)}.topbar-actions{align-items:center;display:flex;gap:10px}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:14px;font-weight:750;gap:7px;min-height:38px;padding:0 13px;white-space:nowrap}.status-pill.success{background:var(--sage-soft);color:var(--sage)}.status-pill.warning{background:var(--warning-soft);color:var(--warning)}.status-pill.danger{background:var(--danger-soft);color:var(--danger)}.icon-button{background:var(--surface);border:1px solid var(--line);color:var(--text);min-height:38px;padding:0;width:38px}.notice{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 14px}.notice.success{background:var(--sage-soft);color:var(--sage)}.notice.danger{background:var(--danger-soft);color:var(--danger)}.notice button{background:transparent;border:0;color:inherit;cursor:pointer;font-weight:750}.dashboard-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.82fr)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none;padding:20px}.panel-title{align-items:center;display:flex;gap:10px;margin-bottom:16px}.panel-title svg{color:var(--gold-dark)}.panel-caption{color:var(--muted);font-size:13px;margin:4px 0 0}.panel-title h2,.profile-head h2{font-size:21px;letter-spacing:0;line-height:1.12;margin:0}.subscription-panel{display:grid;min-height:260px}.subscription-state{align-items:center;align-self:center;color:var(--text);display:flex;font-size:clamp(34px,6vw,64px);font-weight:790;gap:14px;letter-spacing:0;line-height:.95}.subscription-state svg{color:var(--gold);flex:0 0 auto}.metrics{align-self:end;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0}.metrics div{border-top:1px solid var(--line);padding-top:12px}.metrics dt{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:4px}.metrics dd{font-size:17px;font-weight:760;margin:0}.payment-panel{grid-row:auto}.tariff-list{display:grid;gap:10px}.tariff-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.tariff{align-items:center;background:#fbfaf7;border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;min-height:56px;padding:0 14px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tariff:hover{transform:translateY(-1px)}.tariff.selected{border-color:#c89235c2;box-shadow:inset 0 0 0 1px #b8802d3d}.payment-details{display:grid;gap:12px;margin:18px 0}.payment-line{align-items:center;display:flex;justify-content:space-between}.payment-line span,.copy-line span{color:var(--muted);font-size:13px;font-weight:700}.payment-line strong{font-size:22px}.copy-line{align-items:center;background:#faf9f5;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:12px}.copy-line div{display:grid;gap:3px;min-width:0}.copy-line strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-line.compact strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;letter-spacing:.03em}.management-panel,.profile-panel{display:grid;gap:16px}.action-row,.profile-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-head{align-items:center;display:flex;gap:14px}.avatar{align-items:center;background:#191715;border-radius:50%;color:#fff9ee;display:flex;height:56px;justify-content:center;width:56px}.dialog-backdrop{align-items:flex-start;background:#18181657;display:flex;inset:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:20px;position:fixed;scrollbar-gutter:stable;z-index:10}.dialog{background:var(--surface);border-radius:8px;box-shadow:0 24px 70px #18181638;display:grid;gap:16px;margin:auto 0;max-width:430px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-gutter:stable;width:100%}.dialog.payment-dialog{max-width:720px}.dialog-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.dialog h3{font-size:24px;letter-spacing:0;margin:0}.sbp-area{align-items:center;display:grid;gap:18px;grid-template-columns:192px minmax(0,1fr)}.qr-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;height:192px;justify-content:center;padding:16px;width:192px}.qr-card img{display:block;height:100%;object-fit:contain;width:100%}.payment-total{display:grid;gap:2px;margin-bottom:10px}.payment-total span{color:var(--muted);font-size:13px;font-weight:700}.payment-total strong{font-size:42px;letter-spacing:0;line-height:1}.payment-note{background:#faf9f5;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px;line-height:1.45;margin:0;max-height:120px;overflow:auto;padding:12px;white-space:pre-wrap}.dialog-actions{display:grid;gap:10px;grid-template-columns:1fr 1.2fr}@media(max-width:820px){.app-shell{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.payment-panel{grid-row:auto}.metrics,.tariff-list.compact,.sbp-area{grid-template-columns:1fr}.qr-card{height:180px;margin:0 auto;width:180px}}@media(max-width:440px){.app-shell{padding:14px}.auth-screen{min-height:calc(100vh - 28px)}.auth-form,.panel,.dialog{padding:16px}.otp{gap:6px}.otp .otp-cell{height:46px}.subscription-state{font-size:36px}.dialog-actions{grid-template-columns:1fr}}.qr-placeholder{width:220px;height:220px;display:grid;place-items:center;gap:10px;text-align:center;color:#7d6b54;border:1px dashed rgba(125,107,84,.42);border-radius:18px;background:#fffaf0}.qr-placeholder span{font-size:14px;font-weight:650}