:root{--bg:#070b12;--surface:#0e1522;--surface2:#141e2e;--text:#f4f7fb;--muted:#9aabc0;--line:#233047;--accent:#55e6b1;--accent2:#27b983;--danger:#ff6b78;--warning:#ffc857;--radius:18px;--shadow:0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,#12253b 0,transparent 30%),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,11,18,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#69a7ff);color:#06100d}.accent{color:var(--accent)}.nav-links{display:flex;gap:24px;align-items:center}.nav-links>a:not(.btn){color:var(--muted)}.nav-links>a:hover{color:#fff}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06110d;font-weight:800;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-outline{background:transparent;border-color:var(--line);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-small{padding:9px 14px;font-size:14px}.hero{padding:110px 0 90px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:13px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;margin:16px 0 22px;letter-spacing:-.045em}.lead{font-size:20px;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.hero-card,.card{background:linear-gradient(180deg,rgba(20,30,46,.96),rgba(12,18,29,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:30px;transform:rotate(1deg)}.metric{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.metric:last-child{border:0}.metric strong{font-size:24px}.section{padding:88px 0}.section-head{max-width:690px;margin-bottom:38px}.section h2{font-size:clamp(32px,5vw,52px);margin:8px 0}.muted{color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:26px}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(85,230,177,.12);color:var(--accent);font-size:22px}.card h3{margin:18px 0 8px}.cta{padding:46px;display:flex;justify-content:space-between;gap:30px;align-items:center}.form-shell{width:min(560px,92%);margin:70px auto}.form-card{padding:34px}.form-group{margin-bottom:18px}label{display:block;font-weight:700;margin-bottom:7px}input,textarea,select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#0a101b;color:#fff;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:140px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert{padding:14px 16px;margin-top:18px;border-radius:12px;border:1px solid}.alert-success{background:rgba(85,230,177,.1);border-color:rgba(85,230,177,.4)}.alert-error{background:rgba(255,107,120,.1);border-color:rgba(255,107,120,.4)}.dashboard{padding:50px 0}.dashboard-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}.sidebar{padding:20px;height:max-content}.sidebar a{display:block;padding:12px 14px;color:var(--muted);border-radius:10px;margin-bottom:5px}.sidebar a:hover,.sidebar a.active{background:var(--surface2);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:20px}.stat span{color:var(--muted);font-size:14px}.stat strong{font-size:28px;display:block;margin-top:6px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);white-space:nowrap}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:var(--surface2)}.badge-active,.badge-completed{color:var(--accent)}.badge-pending{color:var(--warning)}.site-footer{margin-top:60px;border-top:1px solid var(--line);padding:60px 0 22px;background:#070a10}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:850px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:20px 4%;background:var(--surface);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-grid,.dashboard-grid,.footer-grid{grid-template-columns:1fr}.grid-3,.stats{grid-template-columns:1fr 1fr}.sidebar{position:static}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.grid-3,.stats,.form-row{grid-template-columns:1fr}.hero{padding-top:70px}.hero h1{font-size:46px}.section{padding:64px 0}.form-card{padding:24px}}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-head h1{margin:4px 0 6px}.stat small{display:block;color:var(--muted);margin-top:8px}.panel-space{margin-top:20px}.panel-title,.message-head,.message-footer{display:flex;justify-content:space-between;gap:18px;align-items:center}.text-link{color:var(--accent)}.sidebar-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding:5px 14px 12px}.sidebar-separator{height:1px;background:var(--line);margin:13px 0}.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto auto;gap:10px;margin-bottom:18px;padding:16px}.filter-bar input,.filter-bar select{padding:10px 12px}.inline-edit{display:grid;grid-template-columns:125px 135px;gap:8px}.inline-edit select{padding:9px}.message-list{display:grid;gap:14px}.message-card{padding:22px}.message-card h3{margin:0}.message-head p{margin:4px 0 0;color:var(--muted)}.message-body{padding:16px 0;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:normal}.message-footer small{color:var(--muted)}.pagination{display:flex;gap:7px;justify-content:center;padding:22px 0 4px}.pagination a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.pagination a.active,.pagination a:hover{background:var(--surface2);color:#fff;border-color:var(--accent)}.form-divider{border:0;border-top:1px solid var(--line);margin:28px 0}.check-row{display:flex;align-items:center;gap:10px;margin:18px 0 24px}.check-row input{width:auto}.table small{color:var(--muted)}code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:1000px){.filter-bar{grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}}@media(max-width:650px){.page-head,.panel-title,.message-head,.message-footer{align-items:flex-start;flex-direction:column}.filter-bar{grid-template-columns:1fr}.filter-bar input{grid-column:auto}.inline-edit{grid-template-columns:1fr}.message-footer .actions{width:100%}.message-footer select{width:100%}}
/* Exchange client portal */
.exchange-dashboard{padding-top:28px}.exchange-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;max-width:1480px}.exchange-sidebar{position:sticky;top:100px}.readonly-note{margin:8px 0 14px;padding:12px;border-radius:10px;background:rgba(255,200,87,.08);border:1px solid rgba(255,200,87,.2)}.readonly-note strong,.readonly-note span{display:block}.readonly-note strong{font-size:12px;color:var(--warning)}.readonly-note span{font-size:11px;color:var(--muted);margin-top:3px}.exchange-main{min-width:0}.exchange-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.exchange-topbar h1{margin:4px 0;font-size:32px}.market-status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:12px;font-size:13px}.market-status small{color:var(--muted);border-left:1px solid var(--line);padding-left:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.exchange-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.exchange-stat,.exchange-panel,.portfolio-summary,.watch-card{background:linear-gradient(180deg,rgba(20,30,46,.96),rgba(12,18,29,.96));border:1px solid var(--line);border-radius:14px}.exchange-stat{padding:18px}.exchange-stat span,.exchange-stat small{display:block;color:var(--muted);font-size:12px}.exchange-stat strong{display:block;font-size:23px;margin:5px 0}.positive{color:#55e6b1!important}.negative{color:#ff6b78!important}.exchange-grid-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.exchange-panel{padding:20px}.chart-panel{min-width:0}.panel-title h2,.panel-title h3{margin:0}.market-symbol{font-size:13px;color:var(--muted)}.range-tabs{display:flex;gap:6px}.range-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:7px 10px;cursor:pointer}.range-tabs button.active,.range-tabs button:hover{background:var(--surface2);color:#fff;border-color:var(--line)}.chart-wrap{height:330px;margin-top:8px}.chart-wrap canvas{width:100%;height:330px}.chart-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px}.chart-footer strong{color:#fff;margin-left:4px}.readonly-pill{font-size:11px;color:var(--accent);border:1px solid rgba(85,230,177,.28);background:rgba(85,230,177,.08);padding:5px 9px;border-radius:999px}.order-head,.order-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0;font-size:12px}.order-head{color:var(--muted);border-bottom:1px solid var(--line)}.order-row span:last-child,.order-head span:last-child{text-align:right}.order-row.sell span:first-child{color:#ff7b87}.order-row.buy span:first-child{color:#55e6b1}.spread{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spread span{font-size:11px;color:var(--muted)}.trade-disabled{margin-top:16px;padding:13px;border:1px dashed var(--line);border-radius:10px;text-align:center;background:rgba(255,255,255,.02)}.trade-disabled div{font-weight:800}.trade-disabled small{color:var(--muted)}.market-table-panel{margin-top:16px}.exchange-table{width:100%;border-collapse:collapse}.exchange-table th,.exchange-table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}.exchange-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.asset-cell{display:flex;align-items:center;gap:11px}.asset-cell strong,.asset-cell small{display:block}.asset-cell small{color:var(--muted);font-size:11px}.coin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#1b2738}.coin.btc{background:#f7931a;color:#fff}.coin.eth{background:#627eea;color:#fff}.coin.sol{background:linear-gradient(135deg,#9945ff,#14f195);color:#07100d}.coin.usdt{background:#26a17b;color:#fff}.coin.usdc{background:#2775ca;color:#fff}.coin.bnb{background:#f3ba2f;color:#111}.coin.xrp{background:#23292f;color:#fff}.coin.ada{background:#2a6fd6;color:#fff}.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.market-toolbar input{max-width:360px}.portfolio-summary{padding:28px;margin-bottom:16px}.portfolio-summary>div:first-child span,.portfolio-summary>div:first-child small{display:block;color:var(--muted)}.portfolio-summary strong{font-size:38px;display:block}.allocation{display:flex;gap:4px;height:8px;margin-top:22px}.allocation span{width:var(--w);background:var(--accent);border-radius:999px}.allocation span:nth-child(2){opacity:.8}.allocation span:nth-child(3){opacity:.6}.allocation span:nth-child(4){opacity:.45}.allocation span:nth-child(5){opacity:.3}.mini-progress{display:inline-block;vertical-align:middle;width:72px;height:5px;background:#202c3d;border-radius:999px;margin-right:7px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--accent)}.watch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.watch-card{padding:20px}.watch-head{display:flex;justify-content:space-between}.watch-price{display:block;font-size:25px;margin-top:22px}.sparkline{height:55px;margin-top:15px;background:linear-gradient(180deg,rgba(85,230,177,.16),transparent);clip-path:polygon(0 70%,12% 55%,24% 64%,36% 35%,48% 46%,60% 25%,72% 40%,84% 15%,100% 25%,100% 100%,0 100%)}
@media(max-width:1100px){.exchange-shell{grid-template-columns:1fr}.exchange-sidebar{position:static;display:flex;gap:5px;overflow:auto}.exchange-sidebar .sidebar-label,.exchange-sidebar .sidebar-separator,.exchange-sidebar .readonly-note{display:none}.exchange-sidebar a{white-space:nowrap;margin:0}.exchange-stats{grid-template-columns:1fr 1fr}.exchange-grid-main{grid-template-columns:1fr}.orderbook-panel{display:none}}@media(max-width:650px){.exchange-topbar{flex-direction:column}.exchange-stats,.watch-grid{grid-template-columns:1fr}.chart-footer{display:grid;gap:5px}.market-toolbar{flex-direction:column;align-items:stretch}.market-toolbar input{max-width:none}}

.balance-admin{min-width:230px}.balance-admin>strong{display:block;margin-bottom:8px}.balance-controls{display:flex;gap:6px;margin-top:6px}.balance-controls input{min-width:0;width:125px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit}.coin.eur{background:rgba(85,230,177,.12);color:#55e6b1}@media(max-width:800px){.balance-controls{flex-direction:column}.balance-controls input{width:100%}}
.wallet-list{display:grid;gap:10px}.wallet-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line,#233047);border-radius:12px;background:rgba(255,255,255,.02)}.conversion-form label{display:grid;gap:8px}.conversion-form .full{grid-column:1/-1}@media(max-width:760px){.two-col{grid-template-columns:1fr!important}.conversion-form{grid-template-columns:1fr}.conversion-form .full{grid-column:auto}}

/* V6 client home — portfolio-first exchange dashboard */
.kraken-home{padding-top:28px}.kraken-topbar{align-items:center}.topbar-actions{display:flex;align-items:center;gap:10px}.kraken-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:16px;margin-bottom:16px}.portfolio-hero-card{padding:24px;overflow:hidden;position:relative}.portfolio-hero-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(117,89,255,.22),transparent 68%);right:-90px;top:-120px;pointer-events:none}.portfolio-hero-head{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.portfolio-hero-head span,.portfolio-hero-head small{display:block}.portfolio-hero-head strong{display:block;font-size:clamp(34px,5vw,52px);letter-spacing:-.045em;line-height:1.1;margin:5px 0}.privacy-toggle{width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:grid;place-items:center;border-radius:50%;color:var(--muted)}.portfolio-chart-mini{height:170px;margin:4px -8px 0}.portfolio-chart-mini canvas{width:100%;height:170px}.portfolio-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:15px}.portfolio-meta span{font-size:12px;color:var(--muted)}.portfolio-meta strong{display:block;color:#fff;font-size:14px;margin-top:2px}.quick-actions-card{padding:22px}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions-grid a{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);transition:.2s}.quick-actions-grid a:hover{transform:translateY(-2px);border-color:rgba(117,89,255,.7);background:rgba(117,89,255,.08)}.quick-actions-grid span,.quick-actions-grid strong,.quick-actions-grid small{display:block}.quick-actions-grid span{font-size:22px;color:#a896ff;margin-bottom:7px}.quick-actions-grid strong{font-size:13px}.quick-actions-grid small{font-size:11px;color:var(--muted)}.quick-note{margin-top:12px;padding:12px 13px;border-radius:11px;background:rgba(255,200,87,.055);border:1px solid rgba(255,200,87,.18)}.quick-note strong,.quick-note span{display:block}.quick-note strong{font-size:12px;color:var(--warning)}.quick-note span{font-size:11px;color:var(--muted);margin-top:2px}.home-convert-card{margin-bottom:16px}.inline-convert{display:grid;grid-template-columns:1fr 46px 1fr 1fr auto;gap:10px;align-items:end}.inline-convert label{margin:0;font-size:12px;color:var(--muted)}.inline-convert select,.inline-convert input{margin-top:6px}.swap-button{height:48px;width:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:#fff;font-size:18px;cursor:pointer}.conversion-preview{display:flex;justify-content:space-between;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.conversion-preview span{color:var(--muted)}.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.holdings-list,.mover-list,.activity-list{display:grid}.holding-row,.mover-row,.activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.holding-row:last-child,.mover-row:last-child,.activity-row:last-child{border-bottom:0}.holding-row>div:last-child,.mover-price{text-align:right}.holding-row small,.mover-row small,.activity-row small{display:block;color:var(--muted);font-size:11px}.mover-price strong,.mover-price small{display:block}.lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.activity-row{justify-content:flex-start}.activity-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(117,89,255,.12);color:#b7a7ff;flex:0 0 auto}.activity-row>div{flex:1}.empty-state{text-align:center;padding:34px 10px;color:var(--muted)}.empty-state>span{font-size:28px}.empty-state strong{display:block;color:#fff;margin-top:6px}.empty-state p{margin:4px 0}.account-link{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.account-link>span{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.04);display:grid;place-items:center;color:#b7a7ff}.account-link>div{flex:1}.account-link strong,.account-link small{display:block}.account-link small{font-size:11px;color:var(--muted)}.account-link b{font-size:22px;color:var(--muted)}.security-status{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border-radius:12px;background:rgba(85,230,177,.055);border:1px solid rgba(85,230,177,.16)}.security-status strong,.security-status small{display:block}.security-status small{font-size:11px;color:var(--muted)}.compact-market-table{margin-top:0}.coin.btc,.coin.eth,.coin.sol,.coin.usdt,.coin.bnb,.coin.xrp,.coin.ada,.coin.eur{flex:0 0 auto}
@media(max-width:1050px){.kraken-hero-grid,.dashboard-content-grid,.lower-grid{grid-template-columns:1fr}.inline-convert{grid-template-columns:1fr 46px 1fr}.inline-convert label:nth-of-type(3){grid-column:1/3}.inline-convert .btn{grid-column:3}.quick-actions-card{order:2}}
@media(max-width:700px){.kraken-home{padding-top:16px}.kraken-topbar{align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}.portfolio-meta{grid-template-columns:1fr 1fr}.portfolio-meta span:last-child{display:none}.inline-convert{grid-template-columns:1fr 42px 1fr}.inline-convert label:nth-of-type(3),.inline-convert .btn{grid-column:1/-1}.quick-actions-grid{grid-template-columns:1fr 1fr}.compact-market-table th:nth-child(4),.compact-market-table td:nth-child(4),.compact-market-table th:nth-child(5),.compact-market-table td:nth-child(5){display:none}}

/* =========================================================
   DECH.TRADE PREMIUM UI — visual layer only
   Keeps all PHP forms, routes and application logic intact.
   ========================================================= */
:root{
  --bg:#05070b;
  --surface:#0b1018;
  --surface2:#111824;
  --surface3:#172131;
  --text:#f7f9fc;
  --muted:#8f9bad;
  --line:rgba(255,255,255,.085);
  --accent:#70f0bd;
  --accent2:#38c990;
  --accent-soft:rgba(112,240,189,.11);
  --danger:#ff6f7d;
  --warning:#f9c65d;
  --radius:20px;
  --radius-sm:13px;
  --shadow:0 24px 80px rgba(0,0,0,.45);
  --shadow-soft:0 12px 38px rgba(0,0,0,.25);
}

html{background:var(--bg)}
body{
  min-height:100vh;
  background:
    radial-gradient(900px 520px at 92% -8%,rgba(40,107,126,.20),transparent 62%),
    radial-gradient(760px 470px at -8% 18%,rgba(38,109,84,.13),transparent 62%),
    linear-gradient(180deg,#070a10 0%,#05070b 55%,#06080c 100%);
  letter-spacing:-.008em;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.26;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
::selection{background:rgba(112,240,189,.28);color:#fff}
.container{width:min(1240px,92%)}

.site-header{
  background:rgba(5,8,12,.72);
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
.nav-wrap{height:74px}
.brand{font-size:16px;letter-spacing:.095em;gap:11px}
.brand-mark{
  width:40px;height:40px;border-radius:13px;
  background:linear-gradient(145deg,#86ffd1 0%,#47dca2 55%,#2fae82 100%);
  box-shadow:0 8px 26px rgba(72,218,162,.24),inset 0 1px 0 rgba(255,255,255,.65);
  color:#04120d;font-size:17px;
}
.nav-links{gap:8px}
.nav-links>a:not(.btn){padding:9px 13px;border-radius:10px;font-size:14px;font-weight:600}
.nav-links>a:not(.btn):hover{background:rgba(255,255,255,.05);color:#fff}

.btn{
  min-height:44px;padding:11px 18px;border-radius:12px;
  background:linear-gradient(135deg,#82f5ca,#3bd098);
  box-shadow:0 10px 25px rgba(45,199,143,.18),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(45,199,143,.26),inset 0 1px 0 rgba(255,255,255,.55)}
.btn:active{transform:translateY(0)}
.btn-outline{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.12);box-shadow:none;color:#f7f9fc}
.btn-outline:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);box-shadow:none}
.btn-danger{background:linear-gradient(135deg,#ff7f8b,#eb5263);box-shadow:0 10px 25px rgba(235,82,99,.18)}

.card,.hero-card,.exchange-panel,.exchange-stat,.portfolio-summary,.watch-card{
  background:linear-gradient(155deg,rgba(20,28,40,.94),rgba(9,14,22,.97));
  border:1px solid rgba(255,255,255,.085);
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.025);
}
.card,.exchange-panel,.portfolio-summary,.watch-card{border-radius:var(--radius)}
.card:hover,.exchange-panel:hover{border-color:rgba(255,255,255,.115)}

.hero{padding:124px 0 104px}
.hero h1{font-weight:850;letter-spacing:-.06em;text-wrap:balance}
.eyebrow{font-size:11px;letter-spacing:.2em;color:#74efbd}
.lead{color:#a3adbc;line-height:1.75}
.hero-card{transform:none;border-radius:26px;position:relative;overflow:hidden}
.hero-card:before,.portfolio-hero-card:before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(116,239,189,.55),transparent)
}

.section{padding:100px 0}.section-head{margin-bottom:44px}.section h2{letter-spacing:-.045em}
.icon{background:linear-gradient(145deg,rgba(112,240,189,.17),rgba(112,240,189,.06));border:1px solid rgba(112,240,189,.14)}

input,textarea,select{
  min-height:48px;padding:13px 15px;
  background:rgba(3,7,12,.64);border-color:rgba(255,255,255,.095);
  border-radius:12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
input:hover,textarea:hover,select:hover{border-color:rgba(255,255,255,.16)}
input:focus,textarea:focus,select:focus{border-color:rgba(112,240,189,.62);box-shadow:0 0 0 4px rgba(112,240,189,.09);background:rgba(5,10,16,.9)}
label{font-size:13px;color:#dbe2eb;letter-spacing:.01em}
.alert{border-radius:14px;box-shadow:var(--shadow-soft)}

.dashboard{padding:34px 0 70px}.dashboard-grid{grid-template-columns:245px minmax(0,1fr);gap:22px}
.sidebar{
  padding:12px;position:sticky;top:94px;
  background:linear-gradient(160deg,rgba(17,24,35,.96),rgba(8,12,19,.98));
}
.sidebar-label{padding:12px 13px 10px;color:#768398;font-size:10px;font-weight:800}
.sidebar a{
  display:flex;align-items:center;min-height:44px;padding:11px 13px;margin-bottom:4px;
  color:#96a2b4;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:650;
  transition:all .16s ease;
}
.sidebar a:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}
.sidebar a.active{
  color:#eafff7;background:linear-gradient(90deg,rgba(112,240,189,.15),rgba(112,240,189,.055));
  border-color:rgba(112,240,189,.16);box-shadow:inset 3px 0 0 #70f0bd;
}
.sidebar-separator{background:rgba(255,255,255,.075);margin:11px 5px}
.readonly-note{border-radius:13px;padding:13px;background:linear-gradient(145deg,rgba(249,198,93,.09),rgba(249,198,93,.035))}

.page-head{margin-bottom:28px}.page-head h1,.exchange-topbar h1{letter-spacing:-.045em;font-weight:820}
.stats{gap:14px}.stat,.exchange-stat{position:relative;overflow:hidden}
.stat:after,.exchange-stat:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-55px;background:rgba(112,240,189,.045)}
.stat strong,.exchange-stat strong{letter-spacing:-.03em}

.table-wrap{border-radius:14px}.table,.exchange-table{font-size:14px}
.table th,.exchange-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#78869a;background:rgba(255,255,255,.018)}
.table th,.table td,.exchange-table th,.exchange-table td{border-bottom-color:rgba(255,255,255,.065)}
.table tbody tr,.exchange-table tbody tr{transition:background .16s ease}
.table tbody tr:hover,.exchange-table tbody tr:hover{background:rgba(255,255,255,.025)}
.badge{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}

.exchange-dashboard{padding-top:30px}.exchange-shell{grid-template-columns:245px minmax(0,1fr);gap:24px;max-width:1540px}
.exchange-topbar{align-items:center;margin-bottom:24px}.exchange-topbar h1{font-size:34px}
.market-status{background:rgba(9,15,23,.7);border-color:rgba(255,255,255,.085);border-radius:999px;padding:10px 14px}
.status-dot{background:#70f0bd;box-shadow:0 0 14px rgba(112,240,189,.8)}
.exchange-stats{gap:14px;margin-bottom:20px}.exchange-stat{border-radius:17px;padding:19px}
.exchange-panel{padding:22px}
.panel-title h2,.panel-title h3{letter-spacing:-.025em}
.panel-title p{margin:4px 0 0;font-size:13px}

.portfolio-hero-card{position:relative;overflow:hidden;background:
  radial-gradient(500px 220px at 90% 0%,rgba(65,194,150,.14),transparent 60%),
  linear-gradient(155deg,rgba(20,30,42,.98),rgba(8,13,20,.98));
}
.portfolio-hero-card strong{letter-spacing:-.045em}
.quick-actions-grid a,.account-link,.holding-row,.mover-row,.activity-row{
  border-color:rgba(255,255,255,.07)!important;transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.quick-actions-grid a:hover,.account-link:hover{background:rgba(112,240,189,.055)!important;border-color:rgba(112,240,189,.16)!important;transform:translateY(-2px)}
.holding-row:hover,.mover-row:hover,.activity-row:hover{background:rgba(255,255,255,.022)}
.coin{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.text-link{font-size:13px;font-weight:750;color:#75edbc}.text-link:hover{color:#a5ffda}
.readonly-pill{border:1px solid rgba(112,240,189,.18);background:rgba(112,240,189,.08);color:#87f3c7}
.swap-button{transition:transform .2s ease,background .2s ease}.swap-button:hover{transform:rotate(180deg);background:rgba(112,240,189,.13)}

.form-shell{margin:82px auto}.form-card{padding:36px;border-radius:24px}.form-card h1,.form-card h2{letter-spacing:-.04em}
.pagination a{background:rgba(255,255,255,.015)}

.site-footer{background:linear-gradient(180deg,#070a0f,#040609);border-top-color:rgba(255,255,255,.07);padding-top:68px}
.footer-grid p,.footer-grid a{color:#8995a7}.footer-grid a:hover{color:#fff}

/* Better keyboard accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(112,240,189,.9);outline-offset:3px;
}

@media(max-width:1000px){
  .exchange-shell,.dashboard-grid{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:850px){
  .nav-links{top:74px;padding:14px 4% 20px;background:rgba(7,11,17,.98);border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.38)}
  .nav-links>a:not(.btn){padding:12px 13px}
  .exchange-shell,.dashboard-grid{grid-template-columns:1fr}
  .sidebar,.exchange-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .sidebar-label,.sidebar-separator,.readonly-note{grid-column:1/-1}
  .sidebar a{margin:0}
  .hero{padding-top:88px}
}
@media(max-width:560px){
  .container{width:min(94%,1240px)}
  .nav-wrap{height:68px}.nav-links{top:68px}
  .brand-mark{width:36px;height:36px}
  .dashboard{padding-top:22px}.exchange-panel,.card{border-radius:17px}
  .exchange-panel{padding:17px}.exchange-topbar h1{font-size:28px}
  .sidebar,.exchange-sidebar{grid-template-columns:1fr;padding:9px}
  .hero h1{font-size:43px}.form-card{padding:23px}
  .btn{width:100%}.actions .btn,.panel-title .btn,.nav-links .btn{width:auto}
}