:root{
 --bg:#dfe8f2;--bg2:#cfdbe8;--surface:rgba(245,249,253,.78);--surface-solid:#f5f8fc;--surface-2:rgba(225,235,245,.74);
 --ink:#122033;--muted:#63748a;--line:rgba(108,128,151,.23);--line-strong:rgba(88,108,134,.36);
 --red:#ff3448;--red2:#ee233c;--red-soft:#ffe6e9;--cyan:#13bce6;--cyan-soft:#dff7ff;--green:#16b97a;--amber:#e5a324;--danger:#e83c55;
 --shadow:0 18px 50px rgba(45,67,91,.14);--shadow-soft:0 8px 24px rgba(45,67,91,.09);--radius:20px;--radius-sm:13px;
 --sidebar:238px;--topbar:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#eaf1f8 0%,#d9e5f0 48%,#cad8e6 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.24),transparent 65%);z-index:-2}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.ambient{position:fixed;z-index:-3;border-radius:999px;filter:blur(10px);pointer-events:none}.ambient-a{width:520px;height:520px;right:-170px;top:-140px;background:radial-gradient(circle,rgba(255,52,72,.25),rgba(255,52,72,0) 68%)}.ambient-b{width:650px;height:650px;left:-280px;bottom:-300px;background:radial-gradient(circle,rgba(19,188,230,.18),rgba(19,188,230,0) 68%)}.ambient-c{width:460px;height:460px;left:42%;top:12%;background:radial-gradient(circle,rgba(255,255,255,.65),rgba(255,255,255,0) 68%)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand-mark{width:38px;height:38px;color:var(--red);filter:drop-shadow(0 5px 12px rgba(255,52,72,.22))}.brand span{font-size:25px}.brand strong{font-weight:850}.brand b{color:var(--red);font-weight:650}.ui-icon{width:21px;height:21px;display:block;flex:0 0 auto}
.btn{appearance:none;border:1px solid var(--line-strong);background:rgba(255,255,255,.42);color:var(--ink);border-radius:12px;padding:11px 16px;font-weight:750;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease;box-shadow:0 1px 0 rgba(255,255,255,.55) inset}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.7);box-shadow:var(--shadow-soft)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--red),#ff5d67);color:#fff;box-shadow:0 12px 28px rgba(255,52,72,.25)}.btn.primary:hover{background:linear-gradient(135deg,#f92d42,#ff6670)}.btn.ghost{background:rgba(255,255,255,.24)}.btn.danger{background:#fff1f3;border-color:#ffc2ca;color:#bd263c}.btn.small{padding:8px 11px;border-radius:10px;font-size:13px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.28);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s}.icon-btn:hover{background:rgba(255,255,255,.7)}
.site-shell{min-height:100vh}.site-header{height:82px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.56);background:rgba(238,245,251,.64);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.site-header-inner{width:min(1500px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.public-nav{display:flex;align-items:center;gap:34px;font-weight:650}.public-nav a{padding:29px 0 25px;position:relative}.public-nav a:after{content:"";position:absolute;left:20%;right:20%;bottom:16px;height:2px;border-radius:3px;background:transparent}.public-nav a:hover,.public-nav a.active{color:var(--red2)}.public-nav a.active:after{background:var(--red)}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.mobile-menu-btn{display:none}.site-main{width:min(1500px,calc(100% - 56px));margin:0 auto}.site-footer{width:min(1500px,calc(100% - 56px));margin:40px auto 0;padding:28px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.site-footer>div{display:flex;align-items:center;gap:20px}.footer-brand .brand-mark{width:27px;height:27px}.footer-brand span{font-size:17px}
.hero-new{min-height:610px;display:grid;grid-template-columns:1.04fr .72fr .9fr;gap:28px;align-items:center;padding:38px 0 24px;position:relative}.hero-new:before{content:"";position:absolute;z-index:-1;inset:20px -28px 0;border-radius:42px;background:linear-gradient(110deg,rgba(250,252,255,.66),rgba(222,234,246,.46) 55%,rgba(127,156,186,.23));border:1px solid rgba(255,255,255,.6);box-shadow:0 35px 90px rgba(57,76,99,.12)}.hero-copy{padding:22px 0 22px 6px}.hero-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,52,72,.28);border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.45);font-size:13px}.hero-pill b{color:var(--red)}.hero-copy h1{font-size:clamp(48px,4.45vw,72px);line-height:.99;letter-spacing:-.055em;margin:24px 0 18px;max-width:740px}.hero-copy h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:17px;line-height:1.68;color:#3d5067;max-width:670px;margin:0}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.mini-benefit{display:flex;gap:10px;align-items:flex-start}.mini-benefit .mini-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red-soft);color:var(--red);font-weight:900;box-shadow:0 8px 20px rgba(255,52,72,.1)}.mini-benefit b{font-size:13px;display:block;margin:2px 0 3px}.mini-benefit small{font-size:11px;color:var(--muted);line-height:1.4}.glass{background:linear-gradient(145deg,rgba(248,251,255,.82),rgba(220,231,243,.62));border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.buy-widget{padding:20px;border-radius:22px;position:relative}.buy-widget h2{margin:0 0 14px;font-size:23px}.buy-widget .field{margin-bottom:12px}.package-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}.package-card{border:1px solid var(--line-strong);border-radius:13px;background:rgba(255,255,255,.38);padding:13px;cursor:pointer;display:flex;gap:9px;align-items:center;transition:.18s}.package-card:hover{background:rgba(255,255,255,.7)}.package-card.selected{border-color:var(--red);background:linear-gradient(135deg,#fff0f2,rgba(255,255,255,.7));box-shadow:0 0 0 2px rgba(255,52,72,.07)}.package-card input{accent-color:var(--red)}.package-card b{display:block;font-size:17px}.package-card small{color:var(--muted)}.purchase-summary{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.35);padding:12px 14px;margin-bottom:13px}.purchase-summary>div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;color:var(--muted);font-size:13px}.purchase-summary strong{color:var(--ink)}.buy-widget .btn.primary{width:100%;padding:14px}.secure-note{text-align:center;margin:10px 0 0;color:var(--muted);font-size:11px}.hero-visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.tron-orb{position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff9ba5 0,#fa3348 26%,#8c263c 58%,#18283a 76%);box-shadow:0 0 0 18px rgba(255,255,255,.13),0 0 80px rgba(255,52,72,.27);display:flex;align-items:center;justify-content:center;left:5px;top:66px}.tron-orb:before,.tron-orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;inset:-29px}.tron-orb:after{inset:-55px;border-color:rgba(255,52,72,.13)}.tron-orb .brand-mark{width:122px;height:122px;color:#fff;filter:drop-shadow(0 0 22px rgba(255,255,255,.38))}.device-card{width:310px;min-height:390px;position:absolute;right:0;top:35px;border-radius:34px;padding:18px;background:linear-gradient(160deg,#17283b,#263b50 56%,#1b2d40);border:5px solid #24384d;color:#f4fbff;box-shadow:0 28px 60px rgba(35,52,72,.28);transform:rotate(2deg)}.device-head{display:flex;align-items:center;gap:7px;font-weight:800}.device-head .brand-mark{width:24px;height:24px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.device-metric{border:1px solid rgba(129,174,210,.23);border-radius:15px;padding:13px;background:rgba(7,22,38,.36)}.device-metric.wide{grid-column:1/-1}.device-metric small{display:block;color:#abc1d5;margin-bottom:8px}.device-metric strong{font-size:20px}.device-metric .cyan{color:#38d8ff}.device-bars{height:72px;display:flex;align-items:end;gap:5px;margin-top:8px}.device-bars i{display:block;width:9%;border-radius:5px 5px 2px 2px;background:linear-gradient(#3bd9ff,#159bc0)}.device-bars i:nth-child(3n){background:linear-gradient(#ff6f78,#ef3147)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:2px 0 25px}.feature-card{position:relative;overflow:hidden;padding:20px;border-radius:18px;min-height:176px}.feature-card h3{margin:11px 0 7px;font-size:17px}.feature-card p{margin:0;color:#51637a;font-size:13px;line-height:1.5}.feature-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,231,235,.8);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:22px}.feature-card:nth-child(2) .feature-icon{background:var(--cyan-soft);color:#079dc3}.feature-shape{position:absolute;right:-18px;bottom:-28px;width:112px;height:112px;border-radius:30px;transform:rotate(45deg);background:linear-gradient(145deg,rgba(255,52,72,.2),rgba(255,255,255,.05));border:1px solid rgba(255,52,72,.15)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 6px 28px;margin-bottom:12px}.public-stat{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line);min-height:55px}.public-stat:last-child{border-right:0}.public-stat span{font-size:24px;color:var(--red)}.public-stat b{display:block;font-size:21px}.public-stat small{color:var(--muted)}.section-public{padding:62px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:34px;letter-spacing:-.03em;margin:0}.section-head p{margin:0;color:var(--muted);max-width:620px}.tariff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tariff-card{padding:24px;border-radius:20px}.tariff-card .energy{font-size:31px;font-weight:850}.tariff-card .price{font-size:21px;font-weight:800;color:var(--red);margin-top:8px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:20px;border-radius:17px}.faq-item h3{margin:0 0 8px}.faq-item p{margin:0;color:var(--muted);line-height:1.55}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:22px 16px;background:linear-gradient(180deg,rgba(32,52,72,.92),rgba(31,47,66,.84));backdrop-filter:blur(22px);border-right:1px solid rgba(255,255,255,.18);color:#eaf3fb;z-index:60;display:flex;flex-direction:column}.app-brand{padding:2px 8px 19px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.app-brand .brand-mark{width:33px;height:33px}.app-brand span{font-size:20px}.app-brand em{font-style:normal;font-size:13px;color:#b7c7d7;margin-left:3px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#c7d5e3;font-weight:600;font-size:14px;transition:.18s}.side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.side-nav a.active{background:linear-gradient(90deg,rgba(255,52,72,.28),rgba(255,52,72,.09));color:#fff;box-shadow:inset 3px 0 0 var(--red)}.side-nav a.active .ui-icon{color:#ff6c79}.side-promo{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(140deg,rgba(7,21,35,.38),rgba(255,52,72,.12));display:flex;flex-direction:column;gap:5px}.side-promo-mark .brand-mark{width:50px;height:50px}.side-promo small{color:#adbed0}.app-main{grid-column:2;min-width:0}.app-topbar{height:var(--topbar);position:sticky;top:0;z-index:40;background:rgba(226,236,246,.76);border-bottom:1px solid rgba(255,255,255,.6);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.sidebar-toggle{display:none}.topbar-title{display:flex;flex-direction:column}.topbar-title span{font-weight:850}.topbar-title small{color:var(--muted)}.topbar-actions{display:flex;gap:9px;align-items:center}.profile-pill{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f7fbff,#cbd9e6);border:1px solid rgba(89,111,136,.2);font-weight:800}.profile-text{display:flex;flex-direction:column}.profile-text b{font-size:13px}.profile-text small{font-size:11px;color:var(--muted)}.app-content{padding:20px 24px 44px;max-width:1680px;width:100%;margin:auto}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr);gap:14px}.metric-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:16px 17px;border-radius:17px;display:flex;align-items:center;gap:13px;min-height:108px}.metric-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--red-soft);color:var(--red)}.metric-icon.cyan{background:var(--cyan-soft);color:#079fc7}.metric-icon.green{background:#dff8ee;color:var(--green)}.metric-copy{min-width:0;flex:1}.metric-copy small{color:var(--muted);display:block;margin-bottom:4px}.metric-copy strong{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-copy em{font-style:normal;font-size:11px;color:var(--muted);display:block;margin-top:4px}.dash-card{border-radius:18px;padding:17px}.dash-card h2,.dash-card h3{margin:0}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dash-card-head>div{display:flex;align-items:center;gap:9px}.dash-title-icon{width:38px;height:38px;border-radius:11px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center}.dash-card-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}.buy-panel{grid-column:1}.status-panel{grid-column:2}.orders-panel{grid-column:1}.api-panel{grid-column:2}.full-span{grid-column:1/-1}.info-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.info-tile{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.28)}.info-tile small{display:block;color:var(--muted);margin-bottom:5px}.info-tile b{font-size:16px}.status-timeline{display:grid;gap:9px;margin:15px 0}.timeline-item{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;font-size:13px}.timeline-dot{width:21px;height:21px;border-radius:50%;background:#e8eef4;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px}.timeline-item.done .timeline-dot{background:#c8f8e7;color:#049b63;border-color:#86e9c6}.timeline-item.active .timeline-dot{background:var(--cyan-soft);color:#078db1;border-color:#9ae9fb}.status-scenery{height:105px;border-radius:14px;background:radial-gradient(circle at 77% 46%,rgba(255,52,72,.36),transparent 22%),linear-gradient(145deg,#dfeaf3,#c7d5e1);position:relative;overflow:hidden;margin-top:12px}.status-scenery:before{content:"";position:absolute;width:110px;height:110px;right:38px;top:8px;border-radius:50%;background:radial-gradient(circle,#ff5b68 0,#bd2a45 42%,#22364a 70%);box-shadow:0 0 35px rgba(255,52,72,.3)}.status-scenery:after{content:"◆";position:absolute;right:70px;top:23px;font-size:58px;color:rgba(255,255,255,.85);transform:rotate(45deg)}.delivery-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.delivery-stat{padding:10px;text-align:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.25)}.delivery-stat b{display:block}.delivery-stat small{color:var(--muted);font-size:10px}.api-key-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.28);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.api-key-box code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.copy-btn{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:4px}.copy-btn.copied{color:var(--green)}
.section{padding:10px 0}.section h2{font-size:24px;letter-spacing:-.02em;margin:0 0 14px}.card,.glass,.dash-card,.metric-card{background:linear-gradient(145deg,rgba(247,250,253,.78),rgba(222,233,243,.62));border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.card{border-radius:18px;padding:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.packages{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.package{border:1px solid var(--line);padding:18px;border-radius:16px;background:rgba(255,255,255,.35)}.package h3{margin:0 0 8px}.price{font-size:28px;font-weight:850}.muted{color:var(--muted)}.stat{padding:16px}.stat strong{font-size:25px;display:block;margin:5px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{color:var(--muted);font-size:12px;font-weight:600}.field input,.field select,.field textarea,.table input,.table select{width:100%;min-height:42px;background:rgba(255,255,255,.48);color:var(--ink);border:1px solid var(--line-strong);border-radius:11px;padding:10px 12px;outline:none;transition:.16s}.field input:focus,.field select:focus,.field textarea:focus,.table input:focus,.table select:focus{border-color:rgba(255,52,72,.55);box-shadow:0 0 0 3px rgba(255,52,72,.08);background:rgba(255,255,255,.76)}.field input[type=checkbox],.table input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--red);margin-right:7px}.field label:has(input[type=checkbox]){display:flex;align-items:center;color:var(--ink);font-size:13px}.flash{border-radius:12px;padding:11px 13px;margin:10px 0;background:#e5f8ef;border:1px solid #a6e7c8;color:#166a4a}.flash.err{background:#fff0f2;border-color:#ffc0c8;color:#9f293b}.tablewrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}.table th,.table td{text-align:left;padding:10px 9px;border-bottom:1px solid rgba(101,121,144,.14);font-size:12.5px;vertical-align:middle}.table th{color:var(--muted);font-weight:700;background:rgba(225,234,243,.55);position:sticky;top:0}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:rgba(255,255,255,.25)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;border:1px solid transparent;white-space:nowrap}.badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.ok{color:#078c5d;background:#dff8ed;border-color:#bcebd8}.badge.bad{color:#c92f46;background:#ffe5e9;border-color:#ffc4cd}.badge.wait{color:#087ca3;background:#dff5fc;border-color:#bce6f3}.badge.review{color:#9a6814;background:#fff2d2;border-color:#f5d997}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(31,48,67,.92);color:#dcecf8;border:1px solid rgba(255,255,255,.1);padding:13px;border-radius:12px;overflow:auto}.navlinks{display:flex;flex-wrap:wrap;gap:8px}.right{text-align:right}
.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.admin-grid{display:grid;grid-template-columns:1.1fr 1.1fr .75fr;gap:12px}.chart-card{border-radius:18px;padding:16px;min-height:250px}.chart-card h3{margin:0 0 12px}.bar-chart{height:170px;display:flex;align-items:end;gap:8px;padding:10px 4px 22px;border-bottom:1px solid var(--line);position:relative}.bar-col{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:2px;position:relative}.bar-col i{display:block;width:42%;border-radius:5px 5px 1px 1px;min-height:2px}.bar-col .success{background:linear-gradient(#ff7180,var(--red))}.bar-col .other{background:linear-gradient(#58dfff,var(--cyan))}.bar-col small{position:absolute;bottom:-19px;font-size:9px;color:var(--muted);white-space:nowrap}.line-chart{height:170px;width:100%;overflow:visible}.line-chart polyline{fill:none;stroke:var(--red);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 5px 8px rgba(255,52,72,.18))}.line-chart .area{fill:url(#profitFill);stroke:none}.donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;height:180px}.donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--red) 0 var(--own-pct),var(--cyan) var(--own-pct) 100%);position:relative}.donut:after{content:"";position:absolute;inset:28px;background:rgba(239,245,250,.96);border-radius:50%}.donut-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center b{font-size:21px}.donut-center small{color:var(--muted)}.provider-legend{display:grid;gap:10px}.provider-legend div{display:grid;grid-template-columns:10px 1fr;gap:7px}.provider-legend i{width:10px;height:10px;border-radius:50%;margin-top:5px}.provider-legend b{display:block}.provider-legend small{color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.system-tile{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.26)}.system-tile b{display:block;margin:4px 0}.system-tile small{color:var(--muted)}.system-ok{color:var(--green)}.system-bad{color:var(--danger)}.admin-bottom{display:grid;grid-template-columns:1.5fr .75fr;gap:12px;margin-top:12px}.autoprice-card{padding:17px;border-radius:18px}.toggle{width:42px;height:23px;border-radius:999px;background:#b9c7d5;display:inline-block;position:relative}.toggle:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 6px rgba(0,0,0,.18)}.toggle.on{background:var(--red)}.toggle.on:after{left:22px}
.auth-wrap{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:55px 0}.auth-card{width:min(480px,100%);padding:28px;border-radius:22px}.auth-card .brand{margin-bottom:20px}.auth-card h1{margin:0 0 5px}.auth-card>p{margin:0 0 20px;color:var(--muted)}
@media(max-width:1280px){.hero-new{grid-template-columns:1.1fr .8fr}.hero-visual{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.buy-panel,.status-panel,.orders-panel,.api-panel{grid-column:1}.admin-grid{grid-template-columns:1fr 1fr}.admin-grid .provider-card{grid-column:1/-1}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-bottom{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:220px}.site-header-inner,.site-main,.site-footer{width:min(100% - 26px,1500px)}.site-header-inner{grid-template-columns:1fr auto}.public-nav{position:absolute;top:72px;left:13px;right:13px;padding:10px;border-radius:14px;background:rgba(240,246,251,.96);box-shadow:var(--shadow);display:none;flex-direction:column;gap:0;align-items:stretch}.public-nav.open{display:flex}.public-nav a{padding:11px 12px}.public-nav a:after{display:none}.mobile-menu-btn{display:inline-flex}.hide-mobile{display:none}.hero-new{grid-template-columns:1fr;padding-top:25px}.hero-copy{padding-right:0}.hero-copy h1{font-size:48px}.hero-new:before{inset:8px -8px 0}.hero-benefits{grid-template-columns:1fr 1fr 1fr}.buy-widget{max-width:660px}.stats-strip{grid-template-columns:repeat(2,1fr)}.public-stat:nth-child(2){border-right:0}.feature-grid{grid-template-columns:1fr 1fr}.app-shell{display:block}.app-sidebar{transform:translateX(-105%);transition:.2s;box-shadow:var(--shadow)}.app-sidebar.open{transform:translateX(0)}.app-main{grid-column:auto}.sidebar-toggle{display:inline-flex}.app-topbar{padding:0 14px}.app-content{padding:14px}.profile-text{display:none}.system-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-header{height:70px}.brand .brand-mark{width:31px;height:31px}.brand span{font-size:20px}.header-actions .btn.primary{padding:10px 12px;font-size:12px}.hero-new{min-height:auto}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-benefits{grid-template-columns:1fr;gap:9px}.buy-widget{padding:15px}.package-picker,.tariff-grid,.faq-grid,.grid,.packages{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr}.public-stat{border-right:0;border-bottom:1px solid var(--line);padding:8px}.public-stat:last-child{border-bottom:0}.section-public{padding:36px 0}.metric-grid,.admin-kpis,.admin-grid{grid-template-columns:1fr}.info-tiles,.delivery-stats{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr;height:auto;justify-items:center}.topbar-title small{display:none}.app-content{padding:10px}.card,.dash-card{padding:14px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:8px}}

/* TRON Energy UI 1.3.1 - domain-root compatibility build */

/* =========================================================
   TRON Energy UI 1.3.2 — landing matched to approved mockup
   ========================================================= */
.layout-public{background:#edf3f8;color:#0f1c2c}
.layout-public:before{display:none}
.layout-public .ambient{display:none}
.layout-public .site-header{height:80px;background:rgba(238,245,251,.82);border-bottom:1px solid rgba(122,145,168,.16);backdrop-filter:blur(22px);box-shadow:0 6px 28px rgba(42,63,85,.05)}
.layout-public .site-header-inner,.layout-public .site-main,.layout-public .site-footer{width:min(1540px,calc(100% - 52px))}
.layout-public .brand-mark{width:42px;height:42px}
.layout-public .brand span{font-size:28px}
.layout-public .public-nav{gap:42px;font-size:14px}
.layout-public .public-nav a{padding:28px 0 24px}
.layout-public .header-actions{gap:12px}
.locale-pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#26384d;padding:9px 8px;white-space:nowrap}
.layout-public .header-actions .btn{min-height:44px;padding:0 20px;border-radius:11px}
.layout-public .header-actions .btn.primary{padding-inline:22px;box-shadow:0 10px 26px rgba(255,52,72,.24)}

.landing-showcase{position:relative;padding-bottom:10px;margin-bottom:10px;isolation:isolate}
.landing-showcase:before{content:"";position:absolute;z-index:-2;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:radial-gradient(circle at 73% 32%,rgba(255,63,80,.17),transparent 24%),radial-gradient(circle at 88% 44%,rgba(19,188,230,.17),transparent 21%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.96),transparent 34%),linear-gradient(135deg,#eef5fb 0%,#e2edf6 48%,#cedde9 100%)}
.landing-showcase:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-1px;width:100vw;height:150px;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(234,242,248,0),#edf3f8 86%);pointer-events:none}
.layout-public .hero-new{min-height:535px;grid-template-columns:1.04fr .70fr .88fr;gap:22px;align-items:center;padding:30px 0 16px}
.layout-public .hero-new:before{display:none}
.layout-public .hero-copy{padding:22px 0 18px 5px}
.layout-public .hero-pill{padding:8px 14px;background:rgba(255,255,255,.48);border-color:rgba(255,52,72,.32);box-shadow:0 5px 20px rgba(54,72,94,.04);font-size:13px}
.layout-public .hero-copy h1{font-size:clamp(50px,4.3vw,72px);line-height:1.01;max-width:680px;margin:22px 0 15px;letter-spacing:-.052em;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.layout-public .hero-copy>p{max-width:620px;font-size:16px;line-height:1.6;color:#26384c;text-shadow:0 1px 0 rgba(255,255,255,.42)}
.layout-public .hero-benefits{gap:10px;margin-top:25px;max-width:610px}
.layout-public .mini-benefit{gap:9px}
.layout-public .mini-benefit .mini-icon{width:36px;height:36px;background:rgba(255,239,241,.88);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(255,52,72,.10)}
.layout-public .mini-benefit b{font-size:13px;color:#172538}
.layout-public .mini-benefit small{font-size:10.5px;color:#52657a}

.layout-public .buy-widget{padding:20px;border-radius:18px;background:linear-gradient(150deg,rgba(250,252,255,.82),rgba(227,236,245,.72));border:1px solid rgba(255,255,255,.82);box-shadow:0 22px 50px rgba(42,62,83,.18),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(22px)}
.layout-public .buy-widget h2{font-size:21px;margin-bottom:13px}
.layout-public .tron-address-preview{margin-bottom:12px}
.preview-input{height:47px;border:1px solid rgba(104,126,149,.30);background:rgba(255,255,255,.68);border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 11px;color:#91a1b4;font-size:12px;box-shadow:inset 0 1px 1px rgba(29,49,69,.04)}
.preview-input .brand-mark{width:24px;height:24px;color:var(--red)}
.preview-input b{color:#677b91;font-size:18px;font-weight:500}
.package-title{font-size:11px!important;color:#25364a!important}
.layout-public .package-picker{gap:9px;margin:9px 0 13px}
.layout-public .package-card{min-height:66px;padding:11px 12px;background:rgba(255,255,255,.58);border-color:rgba(106,127,150,.27);border-radius:10px}
.layout-public .package-card.selected{background:linear-gradient(135deg,rgba(255,239,242,.94),rgba(255,255,255,.74));border-color:#ff3046;box-shadow:0 0 0 1px rgba(255,48,70,.08),0 8px 20px rgba(255,52,72,.07)}
.layout-public .package-card b{font-size:16px}
.layout-public .package-card small{font-size:11px;color:#26384c}
.layout-public .purchase-summary{padding:10px 13px;margin-bottom:12px;border-radius:11px;background:rgba(247,250,253,.58);border-color:rgba(114,134,155,.22)}
.layout-public .purchase-summary>div{padding:4px 0;font-size:11.5px;color:#43566d}
.layout-public .purchase-summary strong{font-size:12px;color:#1a2a3d}
.layout-public .buy-energy-cta{min-height:48px;border-radius:9px;font-size:14px;background:linear-gradient(135deg,#ff2f46,#ff4e5d)}
.layout-public .secure-note{font-size:10px;color:#6d7f93;margin-top:10px}

.layout-public .hero-visual{height:455px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.hero-device-image{display:block;width:min(100%,440px);max-height:455px;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(34,48,67,.24));transform:rotate(-.5deg);border-radius:30px}

.layout-public .feature-grid{gap:14px;margin:0 0 8px}
.layout-public .feature-card{min-height:190px;padding:18px 155px 16px 18px;border-radius:15px;background:linear-gradient(145deg,rgba(247,250,253,.78),rgba(225,234,243,.69));border-color:rgba(255,255,255,.82);box-shadow:0 13px 32px rgba(44,63,84,.10);backdrop-filter:blur(18px)}
.layout-public .feature-card h3{font-size:16px;margin:10px 0 7px}
.layout-public .feature-card p{font-size:12px;line-height:1.45;color:#35485f;max-width:205px}
.layout-public .feature-icon{width:42px;height:42px;border-radius:10px;font-size:20px;position:relative;z-index:2}
.layout-public .feature-icon.cyan-bg{background:rgba(220,246,255,.90);color:#0ba6d2}
.feature-art{position:absolute;right:-2px;bottom:0;width:150px;height:178px;object-fit:contain;object-position:center bottom;pointer-events:none;mix-blend-mode:multiply;opacity:.98}
.layout-public .feature-card:nth-child(2) .feature-art{width:158px}
.layout-public .feature-card:nth-child(4) .feature-art{width:165px}
.layout-public .feature-shape{display:none}

.layout-public .stats-strip{padding:14px 10px 26px;margin-bottom:0}
.layout-public .public-stat{gap:12px;color:#172538}
.layout-public .public-stat>span{font-size:25px;color:var(--red)}
.layout-public .public-stat b{font-size:20px}
.layout-public .public-stat small{font-size:11px;color:#5d6f83}

.layout-public .section-public{padding:54px 0 18px}
.layout-public .section-head h2{font-size:34px}
.layout-public .tariff-card,.layout-public .faq-item{background:rgba(248,251,254,.76);border-color:rgba(255,255,255,.75);box-shadow:0 12px 28px rgba(42,62,83,.08)}

/* client side: supplier routing is intentionally not exposed */
.layout-app .side-promo small{color:#8294a8}
.layout-app .status-scenery{background:radial-gradient(circle at 78% 40%,rgba(255,52,72,.36),transparent 21%),linear-gradient(135deg,#cddae7,#aebfd0)}
.layout-app .status-scenery:before,.layout-app .status-scenery:after{display:none}

@media(max-width:1280px){
 .layout-public .hero-new{grid-template-columns:1.05fr .72fr}.layout-public .hero-visual{display:none}
 .layout-public .feature-card{padding-right:130px}.feature-art{width:125px!important}
}
@media(max-width:900px){
 .layout-public .site-header-inner,.layout-public .site-main,.layout-public .site-footer{width:min(100% - 26px,1540px)}
 .landing-showcase:before{background-position:center}
 .layout-public .hero-new{grid-template-columns:1fr;padding-top:22px}.layout-public .hero-copy h1{font-size:47px}.layout-public .hero-copy>p{max-width:720px}
 .layout-public .buy-widget{max-width:620px}.layout-public .feature-card{min-height:174px}
}
@media(max-width:620px){
 .layout-public .site-header{height:68px}.locale-pill{display:none}
 .layout-public .hero-copy h1{font-size:39px}.layout-public .hero-copy>p{font-size:14.5px}.layout-public .hero-benefits{grid-template-columns:1fr}
 .layout-public .feature-card{padding:16px 118px 15px 16px;min-height:164px}.feature-art{width:116px!important;height:145px}.layout-public .feature-card p{font-size:11.5px}
}