@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;700&display=swap";:root{color-scheme:light;font-family:Manrope,Segoe UI Variable,sans-serif;--bg-base: #f4f8ff;--bg-shell: #eef4ff;--bg-panel: rgba(255, 255, 255, .94);--bg-panel-strong: rgba(255, 255, 255, .98);--bg-panel-soft: rgba(244, 248, 255, .92);--bg-glow: rgba(76, 154, 255, .1);--border-soft: rgba(58, 98, 168, .12);--border-strong: rgba(76, 154, 255, .22);--border-warm: rgba(255, 190, 83, .22);--text-main: #13233f;--text-soft: #3b5378;--text-muted: #6e84a8;--accent-cyan: #1f88ff;--accent-gold: #d39a19;--accent-green: #1ea36b;--accent-red: #d45b5b;--shadow-main: 0 28px 80px rgba(62, 104, 168, .12);--shadow-soft: 0 16px 42px rgba(62, 104, 168, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 0% 0%,rgba(130,188,255,.18),transparent 28%),radial-gradient(circle at 100% 12%,rgba(255,208,128,.18),transparent 22%),linear-gradient(180deg,#f8fbff,#eef4ff 46%,#f6f9ff);color:var(--text-main)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.miniapp-shell{position:relative;max-width:820px;min-height:100vh;margin:0 auto;padding:18px 14px 122px}.payment-shell{padding-bottom:36px}.background-orb{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(110px);opacity:.42;pointer-events:none;z-index:0}.orb-left{top:-150px;left:-120px;background:#70bcff73}.orb-right{top:140px;right:-160px;background:#ffd0806b}.topbar-card,.panel,.metric-card,.quick-action-card,.list-card,.detail-box,.qr-card,.bottom-tabs,.hero-panel{position:relative;overflow:hidden;border:1px solid var(--border-soft);background:linear-gradient(180deg,#ffffffdb,#fffffffa),var(--bg-panel);box-shadow:var(--shadow-main);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-card:before,.panel:before,.metric-card:before,.quick-action-card:before,.list-card:before,.detail-box:before,.qr-card:before,.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(104,176,255,.08),transparent 28%),linear-gradient(315deg,rgba(255,208,128,.08),transparent 26%);pointer-events:none}.topbar-card{z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 20px;border-radius:30px}.topbar-copy,.topbar-side{position:relative;z-index:1}.topbar-copy{max-width:560px}.eyebrow,.section-kicker,.metric-label{display:inline-flex;align-items:center;gap:8px;color:var(--accent-cyan);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.headline-chip{display:inline-flex;align-items:center;min-height:34px;margin-top:14px;padding:0 12px;border-radius:999px;border:1px solid rgba(211,154,25,.16);background:#ffd0802e;color:var(--accent-gold);font-size:.82rem;font-weight:700;letter-spacing:.04em}.topbar-copy h1,.hero-main h2,.section-head h2{margin:10px 0;font-family:Unbounded,Manrope,sans-serif;font-weight:700;letter-spacing:-.05em}.topbar-copy h1{font-size:clamp(2rem,6vw,3.25rem);line-height:.95;text-wrap:balance}.topbar-copy p,.section-description,.empty-card p,.warning-panel p,.loading-panel p,.error-panel p,.hero-main p{margin:0;color:var(--text-soft);line-height:1.62}.topbar-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.header-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:16px;border:1px solid transparent;padding:0 16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease,background .18s ease,box-shadow .18s ease}.header-button:hover,.primary-button:hover,.secondary-button:hover,.tab-button:hover,.quick-action-card:hover{transform:translateY(-1px)}.header-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.55;transform:none;box-shadow:none}.header-button{color:var(--text-main);border-color:#1f88ff1a;background:#f4f8ffe6}.header-button:hover{box-shadow:var(--shadow-soft)}.primary-button{color:#fff;font-weight:800;border-color:#1f88ff2e;background:linear-gradient(135deg,#1f88ff,#55a7ff 58%,#7cbcff);box-shadow:0 14px 28px #4c9aff3d}.secondary-button{color:var(--text-main);font-weight:700;border-color:var(--border-warm);background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 100%),linear-gradient(135deg,#ffd08033,#ffd0801a)}.secondary-button:hover{box-shadow:0 12px 28px #d39a1924}.avatar-badge,.hero-badge,.status-pill,.inline-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border-radius:999px;font-weight:700}.avatar-badge{min-width:52px;min-height:52px;padding:0;color:#fff;background:linear-gradient(135deg,#1f88ff,#6db7ff 55%,#ffd48a);box-shadow:0 12px 30px #4c9aff2e}.status-pill,.inline-status{color:var(--accent-cyan);background:#1f88ff14;border:1px solid rgba(31,136,255,.1)}.hero-badge{color:#8e6110;background:#ffd08052;box-shadow:0 12px 28px #d39a191f}.content-stack{position:relative;z-index:1;display:grid;gap:16px;margin-top:16px}.hero-panel,.panel{border-radius:26px;padding:20px 18px}.hero-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hero-main,.section-head,.metric-card,.quick-action-card,.detail-box,.list-card,.empty-card{position:relative;z-index:1}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border-radius:24px;padding:18px 16px}.metric-card strong{display:block;margin-top:14px;font-size:1.42rem;letter-spacing:-.04em}.metric-card p{margin:8px 0 0;color:var(--text-muted);line-height:1.46}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-head h2{font-size:1.26rem}.quick-actions{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.quick-action-card{text-align:left;border-radius:22px;padding:16px;cursor:pointer}.quick-action-card strong{display:block;margin-bottom:8px;font-size:1rem;letter-spacing:-.02em}.quick-action-card span{color:var(--text-muted);line-height:1.52}.details-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.detail-box{border-radius:20px;padding:14px 15px;background:linear-gradient(180deg,#ffffffe6,#f7fafffa),var(--bg-panel-soft)}.detail-box span{display:block;color:var(--text-muted);font-size:.88rem;margin-bottom:6px}.detail-box strong{display:block;line-height:1.5;word-break:break-word}.detail-box-link strong{font-size:.94rem}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tariff-grid{display:grid;gap:14px;margin-top:18px}.tariff-card{position:relative;overflow:hidden;border-radius:24px;padding:17px;background:linear-gradient(180deg,#ffffffe0,#fffffffa);border:1px solid rgba(31,136,255,.08)}.tariff-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(104,176,255,.08),transparent 24%),linear-gradient(315deg,rgba(255,208,128,.08),transparent 22%);pointer-events:none}.tariff-head,.tariff-period-list{position:relative;z-index:1}.tariff-head h3{margin:10px 0 0;font-family:Unbounded,Manrope,sans-serif;font-size:1.12rem;letter-spacing:-.03em}.tariff-period-list{display:grid;gap:12px;margin-top:16px}.tariff-period-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:18px;padding:14px;background:#f5f9fff5;border:1px solid rgba(31,136,255,.08)}.tariff-period-row strong{display:block;margin-bottom:4px}.tariff-period-row p,.tariff-period-row small{display:block;margin:0;color:var(--text-soft);line-height:1.46}.connection-layout{display:grid;gap:16px;grid-template-columns:236px minmax(0,1fr);margin-top:18px}.connection-details{display:grid;gap:12px}.qr-card{display:flex;align-items:center;justify-content:center;border-radius:28px;padding:14px;min-height:236px;background:linear-gradient(180deg,#fff,#f5f9ff)}.qr-card:before{background:linear-gradient(135deg,rgba(255,255,255,.56),transparent 44%),linear-gradient(315deg,rgba(104,176,255,.06),transparent 44%)}.qr-image{display:block;width:100%;border-radius:18px}.qr-placeholder{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:188px;border-radius:20px;color:var(--accent-cyan);background:linear-gradient(135deg,#68b0ff24,#ffd08029);font-family:Unbounded,Manrope,sans-serif;font-size:1.28rem;font-weight:700;letter-spacing:.14em}.stack-form{display:grid;gap:12px;margin-top:18px}.field-block{display:grid;gap:8px}.field-block span{color:var(--text-muted);font-size:.9rem}.text-input,.text-area{width:100%;border:1px solid rgba(31,136,255,.1);border-radius:18px;padding:14px 15px;color:var(--text-main);background:#fafcfff5;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.text-input::placeholder,.text-area::placeholder{color:#6e84a8d1}.text-input:focus,.text-area:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px #1f88ff14;background:#fff}.text-area{min-height:120px;resize:vertical}.list-stack{display:grid;gap:12px;margin-top:18px}.list-card{border-radius:20px;padding:14px 15px}.list-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.list-card strong{display:block;line-height:1.48}.list-card p,.list-card small{display:block;margin:8px 0 0;color:var(--text-soft);line-height:1.48}.empty-card{display:grid;gap:8px;margin-top:18px;border-radius:20px;padding:16px;background:#f9fcfff5;border:1px dashed rgba(31,136,255,.14)}.empty-card strong{font-size:1rem}.pending-card{background:linear-gradient(180deg,rgba(255,208,128,.18),transparent 100%),#fffbf2f5;border-color:#d39a192e}.warning-panel{border-color:#d45b5b2e;background:linear-gradient(180deg,rgba(255,214,214,.28),transparent 100%),#fffbfbfa}.warning-panel h2{margin:0 0 8px;color:var(--accent-red);font-family:Unbounded,Manrope,sans-serif;font-size:1rem}.loading-panel,.error-panel{z-index:1;margin-top:16px;display:flex;align-items:center;gap:16px}.loading-panel h2,.error-panel h2{margin:0 0 6px;font-family:Unbounded,Manrope,sans-serif;font-size:1rem}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(31,136,255,.16);border-top-color:var(--accent-cyan);animation:spin .9s linear infinite}.bottom-tabs{position:fixed;left:50%;bottom:14px;z-index:15;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(calc(100vw - 20px),760px);padding:8px;border-radius:28px;background:linear-gradient(180deg,#ffffffe6,#fffffffa);border:1px solid rgba(31,136,255,.08);box-shadow:0 20px 50px #3e68a824}.tab-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:60px;border:0;border-radius:20px;color:var(--text-muted);background:transparent;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.tab-button-active{color:var(--accent-cyan);background:linear-gradient(180deg,#1f88ff1a,#1f88ff0f);box-shadow:inset 0 0 0 1px #1f88ff14}.tab-icon{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;font-size:.95rem;line-height:1}.toast{position:fixed;left:50%;bottom:94px;transform:translate(-50%);min-width:min(92vw,360px);padding:14px 16px;border-radius:18px;border:1px solid rgba(31,136,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-main);text-align:center;z-index:20}.toast-success{background:#ecfcf3fa;color:#196e49}.toast-error{background:#fff3f3fa;color:#a43d3d}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.miniapp-shell{padding:14px 12px 116px}.topbar-card,.hero-panel,.panel{border-radius:24px;padding:18px 16px}.topbar-card,.hero-panel,.section-head,.tariff-period-row,.list-card-head{flex-direction:column;align-items:flex-start}.topbar-side{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.metric-grid,.quick-actions,.details-grid,.connection-layout{grid-template-columns:1fr}.tariff-period-row{align-items:stretch}.bottom-tabs{width:min(calc(100vw - 16px),756px);padding:7px;gap:4px;border-radius:24px}.tab-button{min-height:58px;font-size:.8rem}}