:root{color-scheme:dark;--bg:#0d1118;--panel:#151e2b;--panel2:#101823;--line:#29384b;--text:#edf3fb;--muted:#94a4b8;--accent:#80aef7;--green:#39d98a;--red:#ef727d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body{padding:clamp(16px,3vw,36px)}.account-page{width:min(100%,1040px);margin:0 auto;display:grid;gap:16px}.account-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4px 6px}.account-page-header h1{margin:0;font-size:clamp(25px,4vw,34px);line-height:1.15}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted)}.small{font-size:12px}.account-page-header .muted{margin:7px 0 0}.back-link{color:var(--accent);text-decoration:none;white-space:nowrap}.account-card,.auth-card{min-width:0;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#172231,#121a25);box-shadow:0 12px 32px #0002}.account-card h2,.auth-card h1{margin:0 0 8px;font-size:22px}.account-card>p.muted{margin:0 0 16px}.account-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px;color:inherit;text-decoration:none}.account-brand strong,.account-brand small{display:block}.account-brand small{color:var(--muted);font-size:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#3478f6,#7046e8);font-size:25px;font-weight:800}.account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.account-form label,.field-label{display:grid;gap:6px;color:#c5d0df;font-size:13px;font-weight:650}.account-form label small{color:var(--muted);font-weight:400}.account-form input,.field-label select{width:100%;min-width:0;min-height:43px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--panel2);color:var(--text);font:inherit}.account-form button{align-self:end}.compact-form label:first-child{grid-column:1/-1}.button{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:9px 15px;background:#202d3e;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.button.primary{border-color:#3765a2;background:#244d82}.button.danger{border-color:#68323b;background:#3b2028;color:#ffabb1}.button:disabled{opacity:.6;cursor:wait}.form-message{align-self:center;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.summary-item{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow-wrap:anywhere}.summary-item span,.summary-item strong{display:block}.summary-item span{color:var(--muted);font-size:12px}.summary-item strong{margin-top:4px;font-size:17px}.push-preferences{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0}.push-preferences label,.toggle-row{display:flex;align-items:center;gap:9px;color:#c5d0df}.push-preferences input,.toggle-row input{accent-color:#5c9bfa}.notification-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.field-label{max-width:380px;margin:14px 0}.admin-only[hidden]{display:none}.user-list{display:grid;gap:12px}.user-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.user-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-card-header strong{font-size:16px;overflow-wrap:anywhere}.user-card-header small{color:var(--muted)}.user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.user-stats span{min-width:0;padding:8px;border-radius:8px;background:#172231;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.user-edit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.user-edit input{min-width:0;width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:7px;background:#0d141e;color:var(--text)}.user-edit .button{grid-column:1/-1}.toggle-row{margin:16px 0}.admin-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.account-card h3{font-size:15px}.log-view{max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1017;color:#e3adad;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.account-footer{padding:4px 0 28px}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:18px}.auth-card{width:min(100%,480px)}.auth-card h1{font-size:27px}.auth-card .muted{margin:8px 0 18px}.auth-form,.auth-card .account-form{grid-template-columns:1fr}.auth-card .account-form label{grid-column:auto}.auth-tabs{display:flex;gap:8px;margin:0 0 24px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#101823}.auth-tabs[hidden]{display:none}.auth-tabs button{flex:1;min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-weight:700}.auth-tabs button.active{background:#24364c;color:var(--text)}.auth-card .account-form .button{margin-top:3px}.auth-card .form-message{min-height:20px;color:#ffb5ba}.auth-card .small{margin:15px 0 0}
.form-message.error{color:#ff9ca4}.user-grid-list{display:grid;gap:9px;margin-top:14px}.user-grid-list h3{margin:0}.grid-account-edit{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(90px,1fr)) auto;align-items:end;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#111a25}.grid-account-title strong,.grid-account-title small{display:block}.grid-account-title small{margin-top:3px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.grid-account-edit label{display:grid;gap:4px;color:var(--muted);font-size:11px}.grid-account-edit input{width:100%;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:7px;background:#0d141e;color:var(--text)}.grid-account-edit .button{padding:7px 10px;font-size:12px}.grid-account-edit .form-message{grid-column:1/-1}.@media(max-width:650px){.grid-account-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-account-title{grid-column:1/-1}.grid-account-edit .button{grid-column:1/-1}.grid-account-edit .form-message{grid-column:1/-1}}
/* Settings use the same top-level tab pattern as the trading modules. */
.settings-tabs,.admin-tabs{display:flex;max-width:100%;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:5px;border:1px solid var(--line);border-radius:13px;background:#101823}
.settings-tabs::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{display:none}
.settings-tabs button,.admin-tabs button{flex:0 0 auto;min-height:40px;border:1px solid transparent;border-radius:9px;padding:8px 14px;background:transparent;color:var(--muted);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
.settings-tabs button.active,.admin-tabs button.active{border-color:#3b5270;background:#24364c;color:var(--text)}
.settings-panel[hidden],.admin-subpanel[hidden]{display:none}
.settings-panel.active{min-width:0;display:grid;gap:14px}
.admin-tabs{margin-bottom:12px}
.grid-account-edit{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:9px;padding:12px}
.grid-account-title{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:10px}
.grid-account-title>div{min-width:0}.grid-account-title strong{font-size:14px}.grid-account-title small{line-height:1.4}
.grid-account-state{flex:0 0 auto;border:1px solid #39485c;border-radius:999px;padding:3px 8px;color:var(--muted);font-size:10px}
.grid-account-state.initialized{border-color:#226447;background:#102a20;color:#62dba0}
.grid-account-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.grid-account-edit label{min-width:0;font-size:11px}.grid-account-edit input{min-width:0;font-size:13px}
.grid-account-portfolio{min-width:0;grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid #26374b;border-radius:8px;background:#172231;color:var(--muted);font-size:11px}
.grid-account-portfolio strong{color:var(--text);overflow-wrap:anywhere;text-align:right}
.grid-account-edit>.button{width:100%;min-height:38px;font-size:13px}
.bybit-connection-status{min-width:0;margin:12px 0;padding:12px 14px;border:1px solid #37475d;border-radius:11px;background:#111a25;color:var(--muted);overflow-wrap:anywhere}
.bybit-connection-status.connected{border-color:#226447;background:#102a20;color:#80e1af}
.security-note{padding:10px 12px;border:1px solid #76552b;border-radius:10px;background:#2b2114;color:#f2c87b;overflow-wrap:anywhere}
.bybit-credential-form,.live-order-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.bybit-credential-form select,.bybit-credential-form input,.live-order-form input,.live-order-form select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--panel2);color:var(--text);font:inherit}
.wide-field{grid-column:1/-1}
.live-trading-section{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}
.live-trading-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-trading-heading h3{margin:0}
.mode-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:1px solid #5a4a32;border-radius:999px;padding:5px 10px;background:#282114;color:#e6bd68;font-size:11px;font-weight:750;text-align:center;overflow-wrap:anywhere}
.mode-badge.enabled{border-color:#226447;background:#102a20;color:#80e1af}
.live-order-form{margin-top:12px}.confirm-order{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start!important;gap:9px!important;color:#f2c87b!important}
.confirm-order input{flex:0 0 auto;width:18px!important;min-height:18px!important;margin:2px 0 0;accent-color:#e0a84d}
.live-orders-list{display:grid;gap:8px;margin-top:18px}
.live-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.live-orders-heading h3{margin:0}
.live-orders-list>h3{margin:0}.live-order-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#101823}
.live-order-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.live-order-card-heading strong{overflow-wrap:anywhere}
.live-order-card-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.live-order-card-data span{min-width:0;padding:8px;border-radius:8px;background:#172231;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.live-order-card-data b{display:block;color:var(--text);font-size:13px}
.live-order-card>small{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.live-order-card>.button{width:100%;margin-top:10px}
.live-grid-orders{display:grid;gap:11px;min-width:0;margin-top:18px;padding:14px;border:1px solid #33445a;border-radius:13px;background:#131d29}
.live-grid-orders>p{margin:0}
.live-grid-orders>label{display:grid;gap:6px;color:#c5d0df;font-size:13px;font-weight:650}
.live-grid-orders select{width:100%;min-width:0;min-height:43px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--panel2);color:var(--text);font:inherit}
.live-grid-preview{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#0e1620;color:#cbd5e2;font-size:12px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.live-grid-orders .confirm-order{display:flex!important;align-items:flex-start!important;gap:9px!important;color:#f2c87b!important}
.live-grid-orders .confirm-order input{flex:0 0 auto;width:18px!important;min-height:18px!important;margin:2px 0 0;accent-color:#e0a84d}
.live-grid-orders>.button{width:100%;white-space:normal;overflow-wrap:anywhere}
.admin-kill-switch{margin-top:18px;padding:15px;border:1px solid #71404a;border-radius:13px;background:linear-gradient(145deg,#291a20,#1b171c)}.admin-kill-switch>p{margin:6px 0}.admin-kill-switch h3{margin:0 0 6px;color:#ffb8be}.admin-kill-switch .toggle-row{font-weight:750;color:#ffd7da}
@media(max-width:650px){
  .settings-tabs,.admin-tabs{gap:4px;padding:4px}
  .settings-tabs button,.admin-tabs button{min-height:38px;padding:7px 10px;font-size:12px}
  .grid-account-edit{grid-template-columns:minmax(0,1fr);padding:10px}
  .grid-account-title{grid-column:auto}
  .grid-account-balances{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-account-edit>.button,.grid-account-edit .form-message{grid-column:auto}
  .bybit-credential-form,.live-order-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bybit-credential-form label,.live-order-form label{min-width:0}
  .live-trading-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:380px){.settings-tabs button,.admin-tabs button{padding-inline:8px;font-size:11px}.grid-account-balances,.live-order-card-data{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){body{padding:12px}.account-page{gap:11px}.account-page-header{align-items:flex-start;flex-direction:column;gap:10px}.account-card{padding:17px;border-radius:15px}.account-form{grid-template-columns:1fr}.compact-form label:first-child{grid-column:auto}.account-form button{width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.user-edit .button{grid-column:1/-1}.notification-controls{align-items:flex-start;flex-direction:column}.account-footer{padding-bottom:20px}.back-link{font-size:13px}}

/* Account pages share the same touch-sized dark select treatment as the main app. */
select {
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:46px;
  padding:10px 42px 10px 13px!important;
  border:1px solid #35465c!important;
  border-radius:12px!important;
  background-color:#101925!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3.5 6 4.5 4 4.5-4' stroke='%2394a4b8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:16px!important;
  color:var(--text)!important;
  line-height:1.35;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
select:hover:not(:disabled) { border-color:#526986!important; background-color:#131f2d!important; }
select:focus-visible { outline:0; border-color:#6ea8fe!important; box-shadow:0 0 0 3px #6ea8fe2e!important; }
select:disabled { opacity:.58; cursor:not-allowed; }
select option { background:#111a26; color:#edf3fb; }
@media(max-width:560px) { select { min-height:46px; padding:10px 39px 10px 12px!important; border-radius:11px!important; background-position:right 12px center!important; font-size:14px; } }
@media(prefers-reduced-motion:reduce) { select { transition:none; } }