:root{--bg:#031526;--bg2:#062846;--card:#082b49cc;--card2:#0b395f;--line:#155985;--line2:#2479aa;--text:#eaf8ff;--muted:#9bc6dd;--blue:#33b8ff;--cyan:#5ef3ff;--sea:#00d5b8;--warn:#ffd166;--danger:#ff5f7a;--success:#42e6a4;--shadow:0 24px 80px #00111f99}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:radial-gradient(circle at top left,#0b5a8a 0,#05243f 36%,#020b18 100%);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(115deg,#00101f99,#053d5f55 45%,#007ca855),radial-gradient(circle at 80% 10%,#42e6ff44,transparent 35%);pointer-events:none}.ocean-bg{position:fixed;inset:auto -10% -30% -10%;height:55vh;background:radial-gradient(ellipse at center,#00d5ff24,transparent 60%);filter:blur(20px);pointer-events:none}a{color:#83e8ff;text-decoration:none}a:hover{color:white}.container{position:relative;z-index:1;max-width:1220px;margin:0 auto;padding:34px 22px;min-height:78vh}.topnav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,5vw,70px);background:#031525cc;backdrop-filter:blur(18px);border-bottom:1px solid #155985}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:white;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--sea));color:#00111f;box-shadow:0 0 30px #33b8ff77}.navlinks{display:flex;align-items:center;gap:18px}.nav-pill,.btn{border:1px solid #38c9ff55;border-radius:14px;padding:10px 16px;background:#0c3558;color:white;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary,button.btn.primary{background:linear-gradient(135deg,#35bfff,#00d5b8);color:#00111f;border:0;box-shadow:0 12px 40px #00b7ff44}.btn.ghost{background:#07335499;border:1px solid #2faeea66}.btn.danger,.danger button,.btn.danger{background:linear-gradient(135deg,#ff5f7a,#ff9a76);color:white;border:0}.wide{width:100%}.muted{color:var(--muted)}.center{text-align:center}.eyebrow{color:#69e6ff;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin-bottom:12px}.hero,.page-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:28px}.ocean-card,.card,.price-card,.order-card,.server-card,.review-card,.stat-card{background:linear-gradient(180deg,#0a3558d9,#061d35d9);border:1px solid #1f79aa;border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.hero{padding:54px}.hero h1,.page-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:0 0 16px}.hero p,.page-hero p{font-size:18px;color:var(--muted);max-width:760px}.hero-actions,.owner-actions,.server-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-panel{min-width:270px;display:grid;gap:14px}.metric{padding:18px;border-radius:20px;background:#031a2faa;border:1px solid #1f79aa}.metric span,.stat-card span{display:block;color:var(--muted);font-size:13px}.metric b,.stat-card b{display:block;margin-top:6px;color:white;font-size:18px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:34px 0 16px}.section-head h2{margin:0;font-size:30px}.section-head p{margin:6px 0 0;color:var(--muted)}.pricing-grid,.order-grid,.server-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.price-card,.order-card,.server-card,.stat-card,.card{padding:22px}.package-top,.order-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.price{font-size:34px;font-weight:950;color:#82f7ff;margin:16px 0}.price small{font-size:14px;color:var(--muted)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.spec-grid span{padding:12px;border-radius:14px;background:#031a2f;border:1px solid #155985;color:var(--muted);font-size:12px}.spec-grid b{display:block;color:white;font-size:15px;margin-top:4px}.buy-box,.stack,.upload-box{display:grid;gap:12px}label{display:grid;gap:7px;color:#bdeaff;font-weight:700}input,textarea,select{width:100%;padding:12px 13px;border-radius:14px;border:1px solid #226d99;background:#03182d;color:white;outline:none}input:focus,textarea:focus,select:focus{border-color:#4ee8ff;box-shadow:0 0 0 4px #00d5ff22}textarea{min-height:105px}.auth-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;min-height:68vh}.auth-copy h1{font-size:clamp(34px,6vw,64px);margin:0}.auth-copy p{color:var(--muted);font-size:18px}.auth-card{max-width:460px;margin-left:auto}.alert{padding:13px;border-radius:14px;margin:10px 0}.alert.danger{background:#45182a;border:1px solid #ff5f7a;color:#ffd5dd}.flow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 26px}.flow-strip div,.progress-step{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#041b31;border:1px solid #155985;color:var(--muted)}.flow-strip b,.progress-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--sea));color:#00111f}.payment-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px}.bank-box{padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#073d66,#042139);border:1px solid #2dbfff;min-width:260px}.bank-box span,.bank-box small{display:block;color:var(--muted)}.bank-box b{display:block;font-size:28px;color:white;letter-spacing:.05em}.invoice{font-weight:950;color:#82f7ff}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:6px 10px;font-weight:900;font-size:12px}.badge.blue{background:#073d66;color:#83e8ff}.badge.warn{background:#40360c;color:#ffd166}.badge.success{background:#063a30;color:#42e6a4}.badge.gray{background:#17334a;color:#b6d6e8}.amount{font-size:28px;font-weight:950;color:#8dfbff}.amount.big{font-size:34px}.urgent{border-color:#ffd16666}.review{border-color:#33b8ff66}.empty-state{padding:22px;border-radius:22px;background:#041b31;border:1px dashed #2b80ad;color:var(--muted)}.link-card{display:block;margin-top:14px;padding:12px;border-radius:14px;background:#031a2f;border:1px solid #155985}.server-card{display:flex;gap:18px}.server-orb{width:54px;height:54px;border-radius:22px;background:radial-gradient(circle,#5ef3ff,#0877b7 60%,#042139);box-shadow:0 0 34px #33b8ffaa;flex:0 0 auto}details{background:#031a2f;border:1px solid #155985;border-radius:14px;padding:11px}summary{font-weight:900;cursor:pointer}.tablewrap{overflow:auto;border:1px solid #1f79aa;border-radius:22px;background:#061d35;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #155985;text-align:left;vertical-align:top}th{background:#082b49;color:#c8f4ff}td form{margin:5px 0}td button,button{border:0;border-radius:12px;padding:9px 12px;background:#105984;color:white;font-weight:800;cursor:pointer}.order-detail-grid,.review-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kv{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #155985}.progress-line{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.progress-step.on{background:#073d66;border-color:#2dbfff;color:white}.owner-review pre,.ocr-box pre,td pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:#021224;border:1px solid #155985;border-radius:14px;padding:12px;color:#bdeaff}.stats-grid{grid-template-columns:repeat(3,1fr);margin-bottom:28px}.stat-card b{font-size:30px;color:#82f7ff}.urgent-head{padding:16px 18px;border-radius:22px;background:#082b49;border:1px solid #2dbfff}.queue-count{padding:10px 14px;border-radius:99px;background:#40360c;color:#ffd166;font-weight:950}.review-list{display:grid;gap:18px}.review-card{display:grid;grid-template-columns:1.5fr 300px;gap:18px;padding:20px}.review-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.review-meta span{background:#031a2f;border:1px solid #155985;padding:12px;border-radius:14px;color:var(--muted)}.review-meta b{display:block;color:white}.proof-preview,.empty-proof{display:grid;place-items:center;min-height:160px;border-radius:20px;background:linear-gradient(135deg,#064775,#041b31);border:1px solid #2dbfff;font-weight:950;margin-bottom:12px}.compact-orders{display:grid;gap:10px}.compact-order{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:#061d35;border:1px solid #155985}.mini-user{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-bottom:8px}.support-card{display:grid;gap:12px}.list{line-height:2}.footer{position:relative;z-index:1;text-align:center;color:#82abc0;padding:34px}.invoice{background:white;color:#102232;padding:32px;border-radius:18px}.invoice table{color:#102232}.printbar{text-align:right}@media print{.topnav,.footer,.printbar{display:none}body{background:white}.container{padding:0}.invoice{border-radius:0}}@media(max-width:860px){.hero,.page-hero,.payment-card,.review-card{display:block}.auth-shell,.order-detail-grid,.review-grid,.two-col{grid-template-columns:1fr}.flow-strip,.progress-line{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.compact-order,.mini-user{grid-template-columns:1fr}.navlinks{gap:9px;font-size:13px}.hero{padding:28px}.bank-box{min-width:0}.container{padding:22px 14px}}
.two-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.buy-box select{background:#03182d;color:white}.muted{color:var(--muted)!important}@media(max-width:700px){.two-mini{grid-template-columns:1fr}}
.node-grid,.po-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.node-card{padding:20px;background:linear-gradient(180deg,#0a3558d9,#061d35d9);border:1px solid #1f79aa;border-radius:26px;box-shadow:var(--shadow)}.route-box{display:grid;gap:10px;margin:12px 0;padding:12px;border-radius:16px;background:#031a2f;border:1px solid #155985}.route-box button{background:linear-gradient(135deg,#35bfff,#00d5b8);color:#00111f}.alert{padding:12px;border-radius:14px;background:#06324e;border:1px solid #2dbfff;color:#c8f4ff}
.node-grid,.po-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.node-card{padding:20px;background:linear-gradient(180deg,#0a3558d9,#061d35d9);border:1px solid #1f79aa;border-radius:26px;box-shadow:var(--shadow)}.route-box{display:grid;gap:10px;margin:12px 0;padding:12px;border-radius:16px;background:#031a2f;border:1px solid #155985}.route-box button{background:linear-gradient(135deg,#35bfff,#00d5b8);color:#00111f}.alert{padding:12px;border-radius:14px;background:#06324e;border:1px solid #2dbfff;color:#c8f4ff}
.po-form textarea{min-height:140px}.po-item{padding:14px;border-radius:16px;background:#031a2f;border:1px solid #155985;margin:10px 0}.po-item p{color:var(--muted);margin:6px 0}.edit-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}