:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf7ff;background:#03111f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #03111f;--surface: #071e34;--surface-2: #0a2948;--surface-3: #0c345b;--border: rgba(127, 193, 246, .14);--border-strong: rgba(127, 193, 246, .24);--text: #edf7ff;--muted: #8faac0;--blue: #087bff;--blue-bright: #1c91ff;--cyan: #1ed7ec;--green: #32d477;--orange: #ff9c45;--red: #ff5e6d;--shadow: 0 22px 55px rgba(0, 5, 15, .28)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -20%,rgba(0,111,255,.15),transparent 32%),linear-gradient(150deg,#031321,#04101d 60%,#02101c)}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #46acff;outline-offset:2px}a{color:#38a7ff;text-decoration:none}h1,h2,h3,p{margin-top:0}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand>span:last-child>span{color:#79c7ff}.brand-mark{width:31px;height:31px;position:relative;display:inline-block;transform:rotate(45deg);filter:drop-shadow(0 7px 12px rgba(0,118,255,.4))}.brand-mark i{width:13px;height:13px;position:absolute;border-radius:3px;background:linear-gradient(145deg,#149aff,#0064ec)}.brand-mark i:nth-child(1){left:0;top:0}.brand-mark i:nth-child(2){right:0;top:0;background:#0bc1ff}.brand-mark i:nth-child(3){left:0;bottom:0;background:#005de2}.brand-mark i:nth-child(4){right:0;bottom:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.auth-visual{min-height:100vh;padding:clamp(36px,5vw,72px);position:relative;overflow:hidden;background:linear-gradient(145deg,#031526,#05284a 64%,#063c6c);display:flex;flex-direction:column;isolation:isolate}.auth-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent);z-index:-1}.auth-glow{position:absolute;border-radius:50%;filter:blur(10px);z-index:-1}.auth-glow-one{width:420px;height:420px;background:rgba(0,114,255,.22);right:-100px;top:-160px}.auth-glow-two{width:340px;height:340px;background:rgba(0,218,255,.1);left:-120px;bottom:-120px}.auth-copy{max-width:660px;margin:auto 0;padding:70px 0;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#53b8ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-copy h1{margin:20px 0 18px;max-width:650px;font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-3px}.auth-copy>p{max-width:590px;color:#afcce2;font-size:17px;line-height:1.8}.auth-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.auth-points span{display:flex;align-items:center;gap:8px;padding:10px 13px;color:#d8efff;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(2,21,39,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-points svg{width:17px;color:#42aaff}.auth-orbit{position:absolute;width:270px;height:270px;right:9%;bottom:5%;border:1px solid rgba(99,184,255,.18);border-radius:50%;opacity:.7;display:grid;place-items:center}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border:1px solid rgba(99,184,255,.12);border-radius:50%;top:30px;right:30px;bottom:30px;left:30px}.auth-orbit:after{top:70px;right:70px;bottom:70px;left:70px}.auth-orbit>svg{width:58px;height:58px;color:#168bff;filter:drop-shadow(0 0 28px #007aff)}.auth-orbit span{position:absolute;width:12px;height:12px;border-radius:50%;background:#2edbff;top:19px;left:63px;box-shadow:0 0 20px #2edbff}.auth-orbit span:last-child{top:auto;left:auto;right:25px;bottom:66px;background:#087bff}.auth-panel{display:grid;place-items:center;padding:40px;background:#f5f8fc;color:#11263b}.login-card{width:min(100%,440px)}.mobile-auth-brand{display:none;color:#08223a;margin-bottom:55px}.login-card h2{font-size:34px;letter-spacing:-1.3px;margin:12px 0 8px}.muted{color:#687b8c;font-size:14px;line-height:1.7}.login-card label>span{display:block;margin-bottom:8px;color:#334d63;font-size:12px;font-weight:800}.login-card label{display:block;margin-top:22px}.input-wrap{height:52px;padding:0 14px;display:flex;align-items:center;gap:11px;border:1px solid #d9e3eb;background:white;border-radius:13px;transition:.2s}.input-wrap:focus-within{border-color:#1687f6;box-shadow:0 0 0 4px #1687f61a}.input-wrap>svg{color:#7190a7;flex:none}.input-wrap input{width:100%;border:0;outline:0;font-size:14px;color:#10283b;background:transparent}.input-wrap input::placeholder{color:#a1b0bc}.icon-button{border:0;background:transparent;color:#7890a4;padding:5px;display:grid;place-items:center;cursor:pointer}.form-row{margin:18px 0 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.form-row-end{justify-content:flex-end}.form-row .checkbox{display:flex;align-items:center;gap:7px;margin:0;color:#60788a}.checkbox input{accent-color:#087bff}.form-error,.page-alert{border:1px solid rgba(255,78,96,.25);border-radius:12px;background:rgba(255,78,96,.09);color:#d83c51;padding:11px 13px;font-size:12px;margin:18px 0 0}.form-success{border:1px solid rgba(27,174,95,.24);border-radius:12px;background:rgba(27,174,95,.09);color:#15864c;padding:11px 13px;font-size:12px;margin:18px 0 0}.link-button{padding:0;border:0;color:#1786e9;background:transparent;font-size:inherit;font-weight:800;cursor:pointer}.primary-button,.secondary-button,.danger-button{border-radius:11px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-weight:800;font-size:12px;cursor:pointer;transition:transform .2s,background .2s}.primary-button{color:#fff;background:linear-gradient(135deg,#168dff,#006be9);box-shadow:0 10px 24px #006be93d}.primary-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#2498ff,#0878f8)}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{color:#cbe8ff;background:rgba(8,94,164,.16);border:1px solid rgba(77,164,227,.25)}.secondary-button:hover{background:rgba(8,117,214,.23)}.login-button{width:100%;min-height:51px;font-size:14px}.login-card>.login-button{margin-top:24px}.login-card>.form-row+.login-button{margin-top:0}.auth-foot{margin:24px 0 0;text-align:center;color:#718597;font-size:12px}.auth-foot a{font-weight:800}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{width:258px;position:fixed;z-index:40;inset:0 auto 0 0;padding:30px 20px 20px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(5,28,49,.98),rgba(3,19,34,.98));border-right:1px solid var(--border);box-shadow:18px 0 55px #00000021}.sidebar-head{padding:0 8px 32px;display:flex;justify-content:space-between;align-items:center}.sidebar-close{display:none;border:0;background:none}.sidebar-nav{display:grid;gap:7px}.sidebar-nav button,.bottom-nav button{border:0;cursor:pointer}.sidebar-nav button{width:100%;padding:12px 14px;display:flex;align-items:center;gap:13px;color:#819caf;background:transparent;border-radius:11px;font-weight:700;font-size:13px;text-align:left;transition:.2s}.sidebar-nav button svg{width:19px}.sidebar-nav button:hover{color:#d9edfb;background:rgba(14,94,157,.12)}.sidebar-nav button.active{color:#fff;background:linear-gradient(135deg,rgba(9,123,255,.28),rgba(8,96,186,.13));box-shadow:inset 0 0 0 1px #1c91ff33}.sidebar-nav button.active svg{color:#2398ff;filter:drop-shadow(0 0 8px rgba(28,145,255,.5))}.sidebar-support{margin-top:auto;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:linear-gradient(145deg,rgba(9,78,132,.24),rgba(6,42,73,.3));border:1px solid var(--border);border-radius:13px}.sidebar-support .support-icon{width:34px;height:34px;display:grid;place-items:center;background:rgba(6,123,255,.18);border-radius:10px;color:#38a7ff}.sidebar-support svg{width:17px}.sidebar-support strong,.sidebar-support span{display:block}.sidebar-support strong{font-size:11px}.sidebar-support span{color:var(--muted);font-size:8px;margin-top:3px}.logout-button{margin-top:10px;width:100%;padding:11px 14px;display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#829bab;font-size:12px;font-weight:700;cursor:pointer}.logout-button svg{width:18px}.logout-button:hover{color:#ff7683}.app-content{min-height:100vh;margin-left:258px}.topbar{height:76px;padding:0 clamp(22px,3vw,42px);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(3,17,31,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-brand,.menu-button{display:none}.workspace-switcher>span{display:block;color:#67879e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.workspace-switcher button{display:flex;align-items:center;gap:5px;border:0;padding:4px 0 0;background:transparent;font-size:13px;font-weight:800;cursor:pointer}.topbar-actions{display:flex;align-items:center;gap:9px}.search-button,.notification-button,.menu-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);color:#9eb6c8;background:rgba(6,40,69,.45);border-radius:11px;cursor:pointer}.search-button svg,.notification-button svg{width:18px}.notification-button{position:relative}.notification-button>span{width:7px;height:7px;position:absolute;right:8px;top:7px;border-radius:50%;background:#ff485e;box-shadow:0 0 0 2px #061c31}.profile-chip{margin-left:4px;padding:4px 7px 4px 4px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:rgba(6,36,63,.52);border-radius:12px;cursor:pointer}.profile-chip>span:nth-child(2){min-width:82px;text-align:left}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.profile-chip small{color:#738da1;font-size:8px;margin-top:2px}.profile-chip>svg{width:14px;color:#7894a8}.avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:12px;font-weight:800;background:linear-gradient(145deg,#1895ff,#0758d2);box-shadow:inset 0 0 0 1px #ffffff38,0 7px 16px #0062e333}.main-content{width:min(100%,1420px);margin:0 auto;padding:clamp(24px,3.5vw,46px) clamp(20px,3.5vw,46px) 70px}.page-alert{margin:0 0 22px;display:flex;justify-content:space-between;align-items:center;color:#ff9aa5}.page-alert button{border:0;background:transparent;color:#ff9aa5;display:flex;gap:6px;align-items:center;cursor:pointer}.page-header{margin-bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-header h1{margin:8px 0 5px;font-size:clamp(26px,3vw,38px);letter-spacing:-1.5px}.page-header p{max-width:660px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:16px}.infrastructure-card,.balance-card,.payment-overview,.api-hero,.project-hero{border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;position:relative}.infrastructure-card{min-height:300px;padding:clamp(25px,3vw,40px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(0,143,255,.2),transparent 36%),linear-gradient(135deg,#092b4f,#061b33)}.infrastructure-card:before{content:"";position:absolute;inset:auto 0 0;height:55%;opacity:.18;background:linear-gradient(135deg,transparent 48%,#149aff 49%,transparent 50%);background-size:34px 34px;-webkit-mask-image:linear-gradient(to top,black,transparent);mask-image:linear-gradient(to top,black,transparent)}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#58bcff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.infrastructure-card h2,.project-hero h2{margin:13px 0 10px;font-size:clamp(29px,3vw,43px);line-height:1.11;letter-spacing:-1.8px}.infrastructure-card p,.project-hero p,.api-hero p{max-width:520px;color:#98b7ce;font-size:12px;line-height:1.7}.infrastructure-card button{margin-top:10px;padding:0;display:flex;align-items:center;gap:8px;color:#61bdff;border:0;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.infra-visual{min-height:220px;position:relative;display:grid;place-items:center}.infra-visual:before{content:"";width:180px;height:80px;position:absolute;bottom:25px;border-radius:50%;background:rgba(0,114,255,.18);filter:blur(10px);transform:perspective(180px) rotateX(62deg);box-shadow:0 0 55px #007bff}.infra-visual>span{position:absolute;display:grid;place-items:center;color:#fff;border:1px solid rgba(125,203,255,.35);background:linear-gradient(145deg,#137dde,#053a77);box-shadow:0 16px 32px #005ed159,inset 0 1px #ffffff2e}.infra-visual svg{width:44%}.infra-visual .cloud{width:92px;height:72px;top:38px;border-radius:28px;z-index:2}.infra-visual .server{width:66px;height:82px;bottom:44px;border-radius:11px}.server-one{left:17%}.server-two{right:16%}.infra-visual .node{width:22px;height:22px;border-radius:7px;bottom:16px;background:#075fc8}.node-one{left:31%}.node-two{right:31%}.node-three{left:48%}.infra-visual i{width:1px;height:72px;position:absolute;top:92px;left:39%;background:linear-gradient(#25bfff,transparent);transform:rotate(32deg)}.infra-visual i:last-child{left:auto;right:38%;transform:rotate(-32deg)}.balance-card{padding:27px;background:radial-gradient(circle at 90% 5%,rgba(17,152,255,.34),transparent 38%),linear-gradient(145deg,#0875e7,#03419c 70%,#052f6d)}.balance-card:after{content:"";position:absolute;width:280px;height:120px;right:-60px;bottom:-50px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 -16px #ffffff0a,0 -32px #ffffff08;transform:rotate(-9deg)}.card-heading{position:relative;z-index:1;display:flex;justify-content:space-between}.card-heading span{font-size:11px;color:#c4e6ff}.card-heading h2{min-height:42px;margin:8px 0 24px;font-size:clamp(27px,3vw,37px);letter-spacing:-1.4px}.card-heading button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:rgba(255,255,255,.08);cursor:pointer}.balance-split{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);background:rgba(0,30,80,.25);border-radius:12px}.balance-split div{padding:15px}.balance-split div+div{border-left:1px solid rgba(255,255,255,.1)}.balance-split span,.balance-split strong{display:block}.balance-split span{color:#a9d7ff;font-size:9px}.balance-split strong{margin-top:5px;font-size:12px}.balance-note{position:relative;z-index:2;margin:16px 0 0;display:flex;gap:7px;align-items:center;color:#bfe1ff;font-size:9px}.section-title{margin:28px 0 12px;display:flex;align-items:center;justify-content:space-between}.section-title h2{margin:0;font-size:15px;letter-spacing:-.3px}.section-title button{display:flex;align-items:center;gap:2px;border:0;background:transparent;color:#279cff;font-size:10px;cursor:pointer}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-card{min-height:118px;padding:16px 12px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--border);background:linear-gradient(145deg,rgba(10,48,82,.82),rgba(5,29,51,.88));border-radius:14px;box-shadow:0 12px 28px #0000001f;cursor:pointer;transition:.2s;text-align:left}.service-card:hover{transform:translateY(-3px);border-color:#2a9dff61;background:linear-gradient(145deg,rgba(11,62,105,.9),rgba(5,34,60,.9))}.service-card strong{max-width:100px;font-size:11px;line-height:1.35}.service-arrow{position:absolute;right:10px;bottom:13px;color:#52738c;opacity:0;transition:.2s}.service-card:hover .service-arrow{opacity:1;transform:translate(2px)}.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;box-shadow:inset 0 1px #ffffff29}.service-icon svg{width:22px}.service-icon.blue,.large-service-icon.blue{color:#8bd1ff;background:linear-gradient(145deg,#127df2,#07429f)}.service-icon.cyan{color:#b5f8ff;background:linear-gradient(145deg,#0ba5c5,#075071)}.service-icon.violet,.large-service-icon.violet{color:#e3d2ff;background:linear-gradient(145deg,#925bff,#4b2499)}.service-icon.green{color:#c2ffdc;background:linear-gradient(145deg,#20ad65,#086639)}.service-icon.sky{color:#c9ecff;background:linear-gradient(145deg,#1994e7,#075197)}.service-icon.indigo{color:#d5dcff;background:linear-gradient(145deg,#536bf6,#233a9b)}.service-icon.yellow{color:#fff3ae;background:linear-gradient(145deg,#d5960d,#885807)}.service-icon.orange{color:#ffe1c4;background:linear-gradient(145deg,#f77e2c,#a03a0b)}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{padding:20px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(8,39,67,.78),rgba(5,28,49,.88));box-shadow:0 16px 35px #0000001f}.panel>.section-title:first-child{margin-top:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{min-width:0;padding:14px;display:flex;align-items:center;gap:12px;border-radius:12px;background:rgba(3,25,45,.48);border:1px solid rgba(110,180,232,.08)}.metric-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#45adff;background:rgba(16,132,230,.12);border-radius:10px}.metric-icon svg{width:17px}.metric div{min-width:0}.metric div>span,.metric strong,.metric small{display:block}.metric div>span{color:var(--muted);font-size:8px}.metric strong{margin:4px 0 2px;font-size:18px}.metric small{color:#54758e;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-row{min-height:59px;padding:11px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid rgba(112,176,222,.09)}.notification-row:last-child{border:0}.notification-row>span{width:32px;height:32px;display:grid;place-items:center;color:#57b4ff;background:rgba(12,124,220,.13);border-radius:10px}.notification-row>span.read{color:#718b9f;background:rgba(113,139,159,.1)}.notification-row svg{width:16px}.notification-row strong,.notification-row p,.notification-row small{display:block}.notification-row strong{font-size:9px}.notification-row p{margin:3px 0;color:#7f9caf;font-size:8px;line-height:1.35}.notification-row small{color:#506f85;font-size:7px}.notification-row>i{width:6px;height:6px;border-radius:50%;background:#168cff}.loading-list{display:grid;gap:12px;padding:12px 0}.skeleton{min-height:.85em;display:inline-block;border-radius:5px;background:linear-gradient(90deg,rgba(142,180,210,.08),rgba(142,180,210,.18),rgba(142,180,210,.08));background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{padding:28px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-state>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#3ba8fb;background:rgba(24,139,229,.1)}.empty-state>span svg{width:23px}.empty-state h3{margin:13px 0 5px;font-size:12px}.empty-state p{max-width:360px;margin:0;color:var(--muted);font-size:9px;line-height:1.6}.empty-state button{margin-top:14px}.payment-overview{padding:24px;background:radial-gradient(circle at 90% 0,rgba(14,139,255,.25),transparent 35%),linear-gradient(145deg,#0b4789,#062849)}.overview-top{display:flex;justify-content:space-between;align-items:flex-start}.overview-top span{color:#a9cbe4;font-size:10px}.overview-top h2{min-height:40px;margin:6px 0 18px;font-size:33px;letter-spacing:-1.5px}.overview-top button{padding:8px 10px;display:flex;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#cceaff;background:rgba(0,0,0,.12);font-size:9px}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1)}.overview-metrics div{padding:15px 14px 0}.overview-metrics div:first-child{padding-left:0}.overview-metrics div+div{border-left:1px solid rgba(255,255,255,.1)}.overview-metrics span,.overview-metrics strong{display:block}.overview-metrics span{color:#8fb4d1;font-size:8px}.overview-metrics strong{margin-top:6px;font-size:13px}.quick-actions{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-action{min-height:88px;padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,#0b365e,#071f37);cursor:pointer}.quick-action:hover{border-color:#34a6ff66}.quick-action span{color:#bde4ff}.quick-action svg{width:25px}.quick-action strong{font-size:9px}.ppob-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.ppob-grid .service-card{min-height:105px}.transaction-panel{margin-top:25px}.api-hero,.project-hero{min-height:205px;padding:30px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(15,145,255,.23),transparent 38%),linear-gradient(145deg,#0a3c70,#061e37)}.api-hero h2{margin:12px 0 8px;font-size:26px;letter-spacing:-1px}.api-hero-icon{width:120px;height:120px;color:#279aff47;margin-right:5%}.api-stat-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.api-stat-grid .metric{padding:18px;background:linear-gradient(145deg,#0a3154,#061f37);border:1px solid var(--border)}.api-stat-grid .metric strong{font-size:22px}.integration-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.integration-card{min-height:82px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#0a3155,#061f38);text-align:left;cursor:pointer}.integration-card>svg{width:18px;color:#7694aa}.integration-card strong{font-size:12px}.integration-card p{margin:4px 0 0;color:var(--muted);font-size:8px}.developer-actions{margin-top:14px}.activity-panel{margin-top:22px}.project-hero{min-height:235px}.project-visual{width:240px;height:155px;position:relative;display:grid;place-items:center}.project-visual svg{position:absolute;color:#74c6ff;filter:drop-shadow(0 16px 25px rgba(0,119,255,.35))}.project-visual svg:first-child{width:145px;height:145px}.project-visual svg:nth-child(2){width:50px;height:50px;left:5px;bottom:12px;color:#229dff}.project-visual svg:last-child{width:68px;height:68px;right:0;top:4px;color:#42b8ff}.large-service-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.large-service{min-height:145px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#0a3154,#061f37)}.large-service-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:17px}.large-service-icon svg{width:32px}.large-service h3{margin:0 0 6px;font-size:16px}.large-service p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.large-service button{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:rgba(6,103,186,.14)}.large-service button svg{width:17px}.package-list{display:grid;gap:8px}.package-card{min-height:76px;padding:12px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;color:#112a40;border:0;border-radius:13px;background:linear-gradient(145deg,#f7fbff,#e5eff7);text-align:left;cursor:pointer}.package-card>span:first-child{width:45px;height:45px;display:grid;place-items:center;color:#087cf0;background:#d7eaff;border-radius:11px}.package-card>span:first-child svg{width:24px}.package-card strong{font-size:11px}.package-card p{margin:4px 0 0;color:#526b7d;font-size:8px}.package-action{display:flex;align-items:center;color:#087cf0;font-size:8px;font-weight:800}.package-action svg{width:15px}.account-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.profile-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}.profile-panel>.avatar{width:64px;height:64px;border-radius:18px;font-size:21px}.profile-panel h2{margin:0 0 4px;font-size:18px}.profile-panel p{margin:0 0 8px;color:var(--muted);font-size:10px}.status-pill{padding:4px 7px;display:inline-flex;align-items:center;gap:4px;color:#59e28f;background:rgba(42,202,105,.1);border-radius:6px;font-size:8px;text-transform:capitalize}.workspace-row{padding:10px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--border)}.workspace-row:last-child{border:0}.workspace-icon{width:35px;height:35px;display:grid;place-items:center;color:#45afff;background:rgba(27,139,228,.1);border-radius:10px}.workspace-icon svg{width:17px}.workspace-row strong,.workspace-row small{display:block}.workspace-row strong{font-size:10px}.workspace-row small{margin-top:3px;color:var(--muted);font-size:8px;text-transform:capitalize}.workspace-row>svg{width:16px;color:#6f8a9d}.settings-list{margin-top:14px;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:rgba(7,34,59,.7)}.settings-row{width:100%;padding:14px 17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer}.settings-row:last-child{border:0}.settings-row>span{width:35px;height:35px;display:grid;place-items:center;color:#42aaff;background:rgba(18,129,219,.1);border-radius:10px}.settings-row>span svg{width:17px}.settings-row strong,.settings-row small{display:block}.settings-row strong{font-size:11px}.settings-row small{margin-top:3px;color:var(--muted);font-size:8px}.settings-row>svg{width:16px;color:#69879c}.danger-button{margin-top:18px;color:#ff8c97;background:rgba(255,70,89,.08);border:1px solid rgba(255,70,89,.16)}.bottom-nav{display:none}@media (max-width: 1150px){.service-grid{grid-template-columns:repeat(3,1fr)}.ppob-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid,.hero-grid{grid-template-columns:1fr}.balance-card{min-height:250px}}@media (max-width: 820px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:28px;background:radial-gradient(circle at 75% 5%,rgba(13,126,232,.14),transparent 28%),#f5f8fc}.mobile-auth-brand{display:block}.sidebar{width:min(82vw,290px);transform:translate(-105%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:grid;place-items:center;color:#91aabd}.sidebar-backdrop{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;border:0;background:rgba(0,7,15,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-content{margin-left:0}.topbar{height:65px;padding:0 16px}.menu-button{display:grid}.mobile-brand{display:block}.mobile-brand .brand{font-size:16px}.mobile-brand .brand-mark{width:25px;height:25px}.mobile-brand .brand-mark i{width:10px;height:10px}.workspace-switcher,.search-button,.profile-chip{display:none}.main-content{padding:25px 16px 105px}.page-header{align-items:flex-start}.page-header>button{display:none}.account-grid,.large-service-grid{grid-template-columns:1fr}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding:8px 7px env(safe-area-inset-bottom);position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border-strong);background:rgba(5,28,49,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -18px 40px #00000040}.bottom-nav button{padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7893a7;border-radius:10px;background:transparent;font-size:8px}.bottom-nav button svg{width:20px}.bottom-nav button.active{color:#168dff;background:rgba(16,124,221,.08)}}@media (max-width: 580px){body{background:radial-gradient(circle at 80% -5%,rgba(0,120,255,.16),transparent 24%),#031321}.page-header{margin-bottom:18px}.page-header h1{font-size:24px;line-height:1.2}.page-header p{font-size:10px}.infrastructure-card{min-height:255px;padding:22px;grid-template-columns:1fr .72fr}.infrastructure-card h2,.project-hero h2{font-size:25px;letter-spacing:-1.2px}.infrastructure-card p{font-size:9px}.infra-visual{min-height:170px;transform:scale(.85);transform-origin:center}.infra-visual .server-one{left:5%}.infra-visual .server-two{right:5%}.balance-card{min-height:225px;padding:22px}.card-heading h2{font-size:29px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:104px;padding:12px 10px}.service-card strong{font-size:9px}.service-icon{width:38px;height:38px}.service-icon svg{width:20px}.panel{padding:15px}.metric-grid{gap:6px}.metric-grid .metric{min-height:84px;padding:10px;flex-direction:column;align-items:flex-start;gap:7px}.metric-grid .metric-icon{width:29px;height:29px}.metric-grid .metric strong{font-size:15px}.overview-metrics{grid-template-columns:repeat(2,1fr);row-gap:15px}.overview-metrics div:nth-child(3){padding-left:0;border-left:0}.overview-top h2{font-size:29px}.quick-actions{gap:7px}.quick-action{min-height:83px;padding:9px 5px}.quick-action strong{font-size:8px}.ppob-grid{grid-template-columns:repeat(4,1fr);gap:7px}.ppob-grid .service-card{min-height:92px}.api-hero,.project-hero{min-height:210px;padding:22px}.api-hero-icon{width:72px;height:72px;margin-right:0}.api-hero h2{font-size:21px}.api-stat-grid{grid-template-columns:1fr}.api-stat-grid .metric{min-height:74px}.integration-grid{grid-template-columns:1fr}.project-visual{width:135px;transform:scale(.75);transform-origin:right center}.project-hero p{font-size:9px}.large-service{min-height:120px;padding:16px}.large-service-icon{width:50px;height:50px}.large-service h3{font-size:13px}.package-card{padding:10px}.package-action{font-size:0}.profile-panel{grid-template-columns:auto 1fr}.profile-panel>button{grid-column:1 / -1}.auth-panel{padding:22px}.login-card h2{font-size:29px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}