@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#04132d;--panel:#071e43;--panel2:#092b5c;--line:#123b72;--cyan:#13caff;--text:#f3f7ff;--muted:#9fb4d9;--green:#00d99a;--pink:#ef24b3;--red:#ff536e}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#10346a 0,transparent 42%),var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);min-height:100vh}.app-shell{width:min(100%,980px);margin:auto;min-height:100vh;padding-bottom:90px}.topbar{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #12315c;background:rgba(3,17,42,.78);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-width:0}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#08d9ff,#6d35ff);font-size:27px;box-shadow:0 0 22px #00c8ff44}.brand-name{font-size:25px;font-weight:800;font-style:italic;letter-spacing:-1.3px;white-space:nowrap}.brand-name>span{color:var(--cyan)}.brand-name small{display:block;font-size:8px;letter-spacing:2.3px;color:#9cb6e8;font-style:normal}.balance-card{margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #174276;border-radius:15px;padding:10px 13px;min-width:150px;background:linear-gradient(140deg,#061a3b,#07122a)}.balance-card div{display:flex;flex-direction:column;gap:3px}.muted{color:var(--muted);font-size:12px}.balance-card strong{font-size:20px;font-weight:700}.currency{font-size:12px;color:#dbe8ff}.icon-button{border:1px solid #14457c;background:linear-gradient(140deg,#0b4387,#1530a1);color:#fff;border-radius:14px;width:48px;height:48px;font-size:24px;cursor:pointer}.market-toolbar{padding:20px 22px 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pair-select{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 14px;border:1px solid #174b85;border-radius:13px;background:linear-gradient(130deg,#0b3470,#071d40);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.flags{font-size:21px;white-space:nowrap}.otc-tag{font-size:9px;letter-spacing:1px;background:#173e6e;border-radius:5px;padding:4px 5px;color:#8feaff}.dots{width:52px}.market-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:#8ea9d5;font-size:11px}.status-dot{width:7px;height:7px;background:#f5b942;border-radius:50%;box-shadow:0 0 8px #f5b942}.chart-card{margin:8px 22px 0;border:1px solid #103568;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#061a39,#04142f);box-shadow:0 12px 35px #0002}.chart-head{padding:16px 18px 10px;display:flex;justify-content:space-between;align-items:center}.price{font-size:25px;font-weight:800;letter-spacing:-.5px;margin-top:4px}.chart-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;color:#a7bee5}.live-pill{font-size:9px;letter-spacing:1px;color:#f7c25b;display:flex;align-items:center;gap:5px}.live-pill i{width:6px;height:6px;border-radius:50%;background:#f7c25b}.chart-wrap{height:330px;position:relative;background-image:linear-gradient(#153b6a66 1px,transparent 1px),linear-gradient(90deg,#153b6a66 1px,transparent 1px);background-size:25% 25%;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:100%}.chart-watermark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:25px;font-weight:800;font-style:italic;letter-spacing:-1px;color:#b5d5ff0c;pointer-events:none}.chart-watermark span{color:#16c9ff}.chart-price-line{position:absolute;right:0;top:42%;border-top:1px dashed #11d6ff;left:0;pointer-events:none}.chart-price-line span{position:absolute;right:7px;top:-16px;background:#078fe5;color:#fff;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700}.chart-bottom-label{position:absolute;bottom:8px;left:12px;font-size:10px;color:#6c8dbd}.sentiment{padding:13px 16px 16px;border-top:1px solid #102c53}.sentiment-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9eb6dc;margin-bottom:9px}.sentiment-label span:first-child{color:var(--green);font-weight:800;font-size:14px}.sentiment-label span:last-child{color:var(--pink);font-weight:800;font-size:14px}.sentiment-bar{height:8px;background:#182c50;border-radius:99px;display:flex;overflow:hidden;gap:3px}.sentiment-bar span:first-child{background:linear-gradient(90deg,#00df9c,#00bfa5);width:52%;border-radius:99px}.sentiment-bar span:last-child{background:linear-gradient(90deg,#a72bff,#ed21b2);flex:1;border-radius:99px}.trade-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px 0}.control-card{border:1px solid #15477e;border-radius:15px;padding:12px;background:linear-gradient(145deg,#0a2e60,#061b3b);min-width:0}.control-card label{display:block;font-size:13px;color:#bfd1ef;margin-bottom:10px;font-weight:600}.select-wrap,.amount-wrap{display:flex;align-items:center;gap:10px;border:1px solid #16477e;border-radius:11px;padding:0 12px;height:48px;background:#041632;font-size:20px}.select-wrap select,.amount-wrap input{min-width:0;width:100%;background:transparent;color:#fff;border:0;outline:0;font:inherit;font-size:14px}.select-wrap select option,.language-select option{background:#061b3b;color:#fff}.amount-wrap input{font-size:16px;font-weight:700}.amount-wrap input::-webkit-inner-spin-button{appearance:none}.quick-amounts{display:flex;gap:5px;margin-top:8px}.quick-amounts button{flex:1;border:1px solid #1c4474;border-radius:6px;padding:5px 2px;background:#0b2850;color:#adc7ed;font-size:10px;cursor:pointer}.payout-row{margin:13px 22px 0;display:flex;align-items:center;justify-content:space-between;color:#9db3d7;font-size:12px}.payout-row strong{color:#fff;font-size:15px}.payout-row small{font-size:10px;color:#9db3d7;font-weight:500}.trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 22px 0}.trade-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;border:0;border-radius:18px;color:white;cursor:pointer;box-shadow:0 9px 24px #0003;transition:transform .12s,filter .12s}.trade-btn:active{transform:scale(.98)}.trade-btn:disabled{opacity:.5;cursor:not-allowed}.trade-btn.buy{background:linear-gradient(120deg,#10e78c,#00b978)}.trade-btn.sell{background:linear-gradient(120deg,#ff237b,#b31dcd)}.trade-arrow{display:grid;place-items:center;border:1px solid #ffffff45;background:#ffffff1b;width:54px;height:54px;border-radius:50%;font-size:33px;font-weight:700}.trade-btn b{display:block;font-size:25px;letter-spacing:.5px;text-align:left}.trade-btn small{display:block;margin-top:4px;font-size:10px;letter-spacing:.6px;text-align:left;opacity:.9}.trade-btn small strong{font-size:14px}.disclaimer{margin:12px 24px 24px;text-align:center;color:#7893bd;font-size:10px;line-height:1.6}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,980px);display:flex;justify-content:space-around;gap:4px;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:rgba(3,17,42,.94);border-top:1px solid #14335f;backdrop-filter:blur(15px)}.nav-item{border:0;background:transparent;color:#9eb6dd;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:4px 10px;cursor:pointer}.nav-item span{font-size:25px;line-height:1.1}.nav-item small{font-size:11px}.nav-item.active{color:#13caff}.nav-item.active span{text-shadow:0 0 15px #0af}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#020817c9;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.modal,.result-modal{width:min(100%,470px);max-height:min(82vh,700px);overflow:auto;background:linear-gradient(160deg,#092653,#04142e);border:1px solid #1a4b83;border-radius:20px;padding:20px;box-shadow:0 25px 80px #0008}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal h2{font-size:19px;margin:0}.close-btn{border:0;background:#16355f;color:#fff;border-radius:10px;width:34px;height:34px;font-size:24px;cursor:pointer}.search,.language-select{width:100%;padding:12px;border:1px solid #1a477a;border-radius:10px;background:#041632;color:#fff;outline:0;margin-bottom:12px}.pair-list{display:flex;flex-direction:column;gap:6px}.pair-option{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #15365f;border-radius:10px;background:#071b39;color:#fff;cursor:pointer;text-align:left}.pair-option:hover{border-color:var(--cyan)}.pair-option small{display:block;color:#8ea9d4;margin-top:4px}.pair-price{color:#b7d3f9;font-variant-numeric:tabular-nums}.result-modal{text-align:center;width:min(100%,360px);padding:28px 24px}.result-icon{margin:auto;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#00d99a20;color:var(--green);font-size:35px;font-weight:800}.result-title{font-size:26px;font-weight:800;margin-top:13px}.result-title.loss{color:#ff5a75}.result-title.win{color:var(--green)}.result-modal p{color:#a8bee2;font-size:13px}.result-amount{font-size:30px;font-weight:800;margin:15px 0 22px}.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:12px 16px;background:linear-gradient(100deg,#0ccfff,#1265f4);color:white;font-weight:700;cursor:pointer;width:100%}.secondary-btn{background:#12325c;border:1px solid #245181;margin-top:12px}.history-list{display:flex;flex-direction:column;gap:8px}.history-row{padding:12px;border:1px solid #15365f;background:#061a36;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:6px}.history-row strong{font-size:13px}.history-row small{color:#8fa9d2;font-size:11px}.history-row .win{color:var(--green)}.history-row .loss{color:#ff5a75}.empty-state{text-align:center;color:#8fa9d2;padding:28px 10px;font-size:13px}.wallet-total{font-size:32px;font-weight:800;margin:14px 0}.settings-label{display:block;color:#adc4e8;font-size:13px;margin:10px 0}.api-note{background:#2b2412;border:1px solid #645022;border-radius:10px;padding:12px;color:#f4d88d;font-size:12px;line-height:1.55}.api-note p{margin-bottom:0}.toast{position:fixed;z-index:50;bottom:92px;left:50%;transform:translateX(-50%);padding:11px 16px;background:#102d52;border:1px solid #2b5685;border-radius:10px;color:#fff;font-size:12px;box-shadow:0 8px 30px #0005;display:none;max-width:90%;text-align:center}.toast.show{display:block}[dir=rtl] .topbar,[dir=rtl] .market-toolbar,[dir=rtl] .chart-head,[dir=rtl] .payout-row{direction:rtl}[dir=rtl] .trade-btn b,[dir=rtl] .trade-btn small{text-align:right}
@media(min-width:700px){.app-shell{padding-bottom:100px}.topbar{padding:20px 30px}.brand-name{font-size:30px}.chart-wrap{height:430px}.trade-controls,.trade-actions{padding-left:30px;padding-right:30px}.chart-card{margin-left:30px;margin-right:30px}.market-toolbar{padding-left:30px;padding-right:30px}.trade-btn{min-height:112px}.trade-btn b{font-size:29px}}@media(max-width:480px){.topbar{padding:12px;gap:8px}.brand-mark{width:39px;height:39px;font-size:22px}.brand-name{font-size:21px}.brand-name small{font-size:7px}.balance-card{min-width:0;padding:8px 9px;gap:5px}.balance-card strong{font-size:16px}.currency{font-size:10px}.icon-button{width:40px;height:40px}.market-toolbar{padding:14px 12px 5px;gap:7px}.pair-select{padding:0 10px;gap:6px;font-size:13px;min-height:43px}.flags{font-size:17px}.dots{width:42px}.market-status{font-size:9px;width:100%;margin-left:2px}.chart-card{margin:7px 10px 0;border-radius:14px}.chart-wrap{height:280px}.chart-head{padding:12px}.price{font-size:22px}.trade-controls{padding:12px 10px 0;gap:8px}.control-card{padding:9px}.control-card label{font-size:11px}.select-wrap,.amount-wrap{height:43px;padding:0 8px;gap:6px}.select-wrap select{font-size:11px}.amount-wrap input{font-size:14px}.quick-amounts button{font-size:9px}.payout-row{margin:11px 12px 0}.trade-actions{padding:10px 10px 0;gap:8px}.trade-btn{min-height:83px;gap:8px;border-radius:14px}.trade-arrow{width:43px;height:43px;font-size:27px}.trade-btn b{font-size:21px}.trade-btn small{font-size:8px}.trade-btn small strong{font-size:12px}.disclaimer{margin:10px 15px 20px;font-size:9px}.bottom-nav{padding-top:8px}.nav-item{padding:4px 6px;min-width:44px}.nav-item span{font-size:22px}.nav-item small{font-size:10px}}

/* Tiger365 dashboard refresh */
.desktop-sidebar{display:none}
@media(min-width:900px){
  .app-shell{width:100%;max-width:none;padding:0 0 24px 210px;min-height:100vh}
  .topbar{padding:16px 28px}
  .desktop-sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:190px;padding:100px 14px 24px;flex-direction:column;gap:8px;background:rgba(3,17,42,.97);border-right:1px solid #14335f;z-index:4}
  .desktop-sidebar .nav-item{width:100%;min-height:48px;flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 14px;border-radius:12px;text-align:left}
  .desktop-sidebar .nav-item span{font-size:21px}
  .desktop-sidebar .nav-item small{font-size:13px}
  .desktop-sidebar .nav-item.active{background:#0b2e59;color:#13caff}
  .bottom-nav{display:none}
  .market-toolbar{padding-top:20px}
  main{max-width:1180px;margin:0 auto}
}
@media(max-width:699px){
  .app-shell{padding-bottom:78px}
  .brand-mark{display:none}
  .brand-name{font-size:20px}
  .balance-card{margin-left:auto}
  .chart-wrap{height:clamp(185px,34vh,260px)}
  .chart-card{margin-top:5px}
  .market-toolbar{padding-top:10px}
  .sentiment{padding:9px 12px 11px}
  .trade-controls{padding-top:9px}
  .control-card{padding:8px}
  .trade-btn{min-height:68px}
  .trade-arrow{width:35px;height:35px;font-size:23px}
  .trade-btn b{font-size:18px}
  .payout-row{margin-top:8px}
  .disclaimer{margin-bottom:12px}
}
.trade-marker{position:absolute;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:white;font-size:12px;font-weight:800;border:2px solid #fff;box-shadow:0 2px 10px #0007;pointer-events:none}
.trade-marker.buy{background:#00b978}.trade-marker.sell{background:#e52d83}
.live-pill.reference{color:#78d9ff}.live-pill.error{color:#ffb75e}