:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sidebar-width:170px;--right-panel-width:400px;--header-height:76px}
html,body{width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}img,svg,canvas{max-width:100%}.observe-only :is(.left,.right,.panel,.control,.m-control,.m-section,.chart-wrap){min-width:0}
.d-app{grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr) 36px}.d-main{grid-template-columns:minmax(0,1fr) var(--right-panel-width);gap:var(--space-3)}.left,.right{gap:var(--space-3)}
.pair-control,.m-control{position:relative}.pair-trigger,.plain-control{width:100%;min-height:30px;padding:0;border:0;background:transparent;color:#f5f8fc;text-align:left;font:inherit}.pair-trigger{display:flex;align-items:center;justify-content:space-between}.pair-menu{position:absolute;z-index:100;top:calc(100% + 7px);left:0;width:240px;max-height:330px;overflow-y:auto;padding:6px;border:1px solid #29425b;border-radius:10px;background:#07111b;box-shadow:0 24px 70px #000c}.pair-option{width:100%;min-height:45px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:7px;background:transparent;color:#f4f7fb;text-align:left}.pair-option:hover{background:#10243a}.pair-option small{color:#7f91a5;font-size:8px}.pair-option.current small{color:#27dc84}.pair-option.locked-option{cursor:pointer}
.start-modal[hidden]{display:none}.start-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#01050bd9;backdrop-filter:blur(8px)}.start-modal-card{position:relative;width:min(480px,100%);padding:30px;border:1px solid #2b4b6b;border-radius:14px;background:linear-gradient(145deg,#0b1b2b,#050b12);box-shadow:0 35px 100px #000}.start-modal-card h2{font-size:24px;line-height:1.2}.start-modal-card p{color:#aab6c4;line-height:1.6}.start-modal-card .primary,.start-modal-card .secondary{width:100%;margin-top:10px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#9cabbc;font-size:26px}.modal-open{overflow:hidden}.access-alert{grid-column:2;padding:8px 18px;border-bottom:1px solid #663f15;background:#2e1f0d;color:#f1c279}.access-alert a{color:#fff;text-decoration:underline}.status-expired,.status-refunded,.status-charged_back{background:#8b3d1e}.status-pending{background:#185d9e}.status-active{background:#276bf0}.analysis-action{width:100%;margin-top:10px}.m-access-badge{margin:0 0 8px;padding:7px;border-radius:7px;text-align:center;font-size:8px;font-weight:800;letter-spacing:.12em;background:#12355b}
@media(max-width:1180px) and (min-width:761px){:root{--right-panel-width:330px}.d-main{padding:10px}.d-top{padding:8px 10px}.user span{display:none}.tabs button{padding-inline:9px}}
@media(max-width:760px){.m-app{width:100%;min-width:0}.m-controls{grid-template-columns:minmax(0,.92fr) minmax(0,1.85fr) minmax(0,.72fr)}.pair-menu{position:fixed;left:10px;right:10px;top:155px;width:auto;max-height:55vh}.m-control{min-width:0}.m-control .plain-control,.m-control .pair-trigger{min-height:32px;font-size:10px}.m-section{width:100%;max-width:100%;overflow:hidden}.m-bottom{padding-bottom:env(safe-area-inset-bottom);height:calc(70px + env(safe-area-inset-bottom))}.m-bottom a{min-width:0}.start-modal-card{padding:26px 18px}.start-modal-card h2{font-size:21px}}
.account-payments{width:100%;margin:18px 0;border-collapse:collapse;color:#c4ced8}.account-payments th,.account-payments td{padding:10px;border-bottom:1px solid #1a2d40;text-align:left;font-size:11px}.auth-card h2{margin-top:28px;font-size:17px}

/* Desktop grid isolation: neutralizes legacy dashboard grid areas. */
@media(min-width:761px){
 .observe-only .d-app{grid-template-areas:"side top" "side main" "side tick"}
 .observe-only .d-main{display:grid;grid-template-columns:minmax(0,1fr) var(--right-panel-width);align-items:start;gap:var(--space-3)}
 .observe-only .left{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;grid-auto-rows:auto;align-content:start;gap:var(--space-3)}
 .observe-only .right{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;align-content:start;gap:var(--space-3)}
 .observe-only .left>.chart-panel,.observe-only .left>.deep{grid-area:auto!important;grid-column:1!important;grid-row:auto!important;width:100%;min-width:0}
 .observe-only .right>.panel{grid-area:auto!important;position:relative;min-width:0;width:100%}
 .observe-only .right .ring{position:static!important;inset:auto!important;margin-left:auto}
 .observe-only .right .confirm{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center}
 .observe-only .chart-wrap{width:100%;height:535px;min-height:535px}
 .observe-only .deep-grid{width:100%;grid-template-columns:repeat(7,minmax(0,1fr))}
 .observe-only .d-side{width:var(--sidebar-width);padding-inline:10px;overflow:hidden}
 .observe-only .d-side .logo{margin:0 2px 25px;gap:7px;min-width:0}
 .observe-only .d-side .logo-img{width:40px;height:40px;flex:0 0 40px}
 .observe-only .d-side .brand{min-width:0;overflow:hidden}
 .observe-only .d-side .brand strong{font-size:20px;letter-spacing:.06em;white-space:nowrap}
 .observe-only .d-side .brand small{font-size:5.5px;letter-spacing:.12em;white-space:nowrap}
}