:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f5;background:#080a0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(189,143,48,.16),transparent 30rem),linear-gradient(180deg,#0c0f15,#07090d)}button{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-bottom:72px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{display:flex;gap:12px;align-items:center}.brand-mark{border:1px solid #a97f2d;color:#e5c776;padding:10px 9px;border-radius:8px;font-weight:800;letter-spacing:.08em;background:linear-gradient(145deg,#18140c,#0a0b0e);box-shadow:inset 0 0 0 1px #ffffff0d}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#8b8f99}.wallet-button,.primary,.ghost{border-radius:10px;padding:11px 16px;cursor:pointer}.wallet-button{border:1px solid #4b4f59;background:#14171d;color:#fff}.primary{border:1px solid #d0a444;background:linear-gradient(180deg,#d8ae4d,#9b701e);color:#090a0d;font-weight:800}.primary:disabled{opacity:.42;cursor:not-allowed}.ghost{border:1px solid #454954;background:#11141a;color:#e7e8ea}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:54px 0 28px}.hero h1{font-size:clamp(34px,6vw,68px);margin:6px 0 12px;letter-spacing:-.04em}.hero p{color:#a8abb2;max-width:660px}.eyebrow{color:#d9b65b!important;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.kyc-pill{border:1px solid #3c414b;background:#12151bcc;padding:10px 14px;border-radius:999px;color:#b8bbc2;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d7a73f;margin-right:8px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:134px;padding:20px;border:1px solid #282c34;border-radius:16px;background:linear-gradient(145deg,#171a21f2,#0c0e13f2);box-shadow:inset 0 1px #ffffff08}.stat-card span{color:#8e929b;font-size:13px}.stat-card strong{display:block;font-size:24px;margin:16px 0 6px}.stat-card small{color:#747985}.action-panel,.positions{margin-top:18px;border:1px solid #2b2f38;border-radius:18px;background:#0d1015db;padding:24px}.action-panel{display:flex;justify-content:space-between;align-items:center;gap:24px}.action-panel h2,.positions h2{margin:0 0 7px}.action-panel p{margin:0;color:#8d929c}.section-heading{display:flex;justify-content:space-between;align-items:center}.empty-state{margin-top:18px;border:1px dashed #363b45;border-radius:14px;padding:40px;display:grid;gap:10px;color:#8e939c;text-align:center}.empty-state strong{color:#e5e7eb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:grid;place-items:center;padding:20px;z-index:99;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.risk-modal{width:min(760px,100%);max-height:92vh;border:1px solid #ad8738;border-radius:18px;background:linear-gradient(180deg,#121419fa,#06070afa);box-shadow:0 0 0 1px #4e3a14,0 28px 90px #000000a6;padding:22px}.risk-modal header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #292d35;padding-bottom:16px}.risk-modal header span{border:1px solid #b88a31;color:#e2bd62;padding:8px;border-radius:8px;font-weight:800}.risk-modal h2{margin:0}.risk-scroll{height:420px;overflow:auto;padding:12px 8px 12px 0;color:#c5c7cc;line-height:1.7}.risk-scroll h3{color:#e7c56d;margin-top:24px}.scroll-end{text-align:center;color:#747984;padding:30px 0 10px}.check-row{display:flex;gap:10px;align-items:flex-start;color:#eceef1;margin-top:12px}.scroll-hint{color:#c59738;font-size:13px}.risk-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.error-banner{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:12px 18px;background:#4a1717;border:1px solid #8f3434;border-radius:10px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.grid{grid-template-columns:1fr}.action-panel{align-items:stretch;flex-direction:column}.action-panel button{width:100%}}.notice{margin-top:18px;padding:14px 16px;border:1px solid #5a4720;background:#1d180d;color:#dfc374;border-radius:10px}.wallet-actions{display:flex;align-items:center;gap:10px}.amount-input{width:min(360px,100%);margin-top:14px;padding:13px 14px;border-radius:10px;border:1px solid #454954;background:#090b10;color:#fff;font:inherit}.conversion-panel{align-items:flex-end}.conversion-copy{flex:1}.button-stack{display:flex;gap:10px;flex-wrap:wrap}.refresh-row{display:flex;justify-content:flex-end;margin-top:18px}.error-banner.inline{position:static;transform:none;margin-bottom:18px}@media(max-width:560px){.wallet-actions,.button-stack{width:100%;flex-direction:column}.wallet-actions button,.button-stack button{width:100%}}.trade-panel{margin-top:18px;border:1px solid #4a3c20;border-radius:18px;background:linear-gradient(145deg,#18140ceb,#0b0d12f2);padding:24px}.trade-panel h2{margin:0 0 7px}.trade-panel p{margin:0;color:#8d929c}.trade-limit{border:1px solid #5a4720;border-radius:999px;padding:9px 13px;color:#dfc374;white-space:nowrap}.trade-form-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:16px;margin-top:22px}.trade-form-grid label{display:block;margin-bottom:8px;color:#c8cbd1;font-size:13px;font-weight:700}.trade-form-grid select{width:100%;height:47px;border-radius:10px;border:1px solid #454954;background:#090b10;color:#fff;padding:0 12px;font:inherit}.trade-input{width:100%;margin-top:0}.direction-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.direction{height:47px;border:1px solid #454954;border-radius:10px;background:#11141a;color:#e7e8ea;cursor:pointer;font-weight:800}.active-up{background:linear-gradient(180deg,#62dca6,#278b62);color:#061a11;border-color:#73edb7}.active-down{background:linear-gradient(180deg,#f18f8f,#a93f3f);color:#260808;border-color:#ffadad}.trade-summary{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0;padding:14px 16px;border:1px solid #44391f;border-radius:12px;color:#9fa3ab;background:#0000002e}.trade-summary strong{color:#f2d98e}.trade-submit{width:100%}.position-list{display:grid;gap:14px;margin-top:18px}.position-card{border:1px solid #303540;border-radius:15px;padding:18px;background:linear-gradient(145deg,#151820,#0c0e13)}.position-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.position-title strong,.position-title small{display:block}.position-title small{color:#777d88;margin-top:5px}.status-open,.status-closed{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.status-open{background:#42d3921f;border:1px solid rgba(66,211,146,.4);color:#79e4b4}.status-closed{background:#ffffff0f;border:1px solid #3e434d;color:#a9adb5}.position-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.position-metrics span{border:1px solid #292e37;border-radius:11px;padding:12px;color:#858b96;font-size:12px}.position-metrics strong{display:block;color:#f0f1f3;margin-top:7px;font-size:15px;word-break:break-word}.preview-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;padding:14px;border:1px solid #5a4720;border-radius:12px;background:#1b160c;color:#d9c27e;font-size:13px}.preview-box>strong{grid-column:1/-1;color:#f1d47d}.position-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}@media(max-width:800px){.trade-form-grid{grid-template-columns:1fr}.position-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-box{grid-template-columns:1fr 1fr}}@media(max-width:560px){.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.trade-limit{white-space:normal}.position-metrics,.preview-box{grid-template-columns:1fr}.position-actions{flex-direction:column}.position-actions button{width:100%}}