/* BYTE CIRCLE dashboard skin — adapted to the supplied Bancko dark finance dashboard design. */
:root{
  --headding-color:#fff;--paragraph-color:#E2E8F0;--primary-color:#22C55E;--primary-color-border:#2A313C;
  --warning-color:#FACC15;--alerts-color:#FF4747;--other-color:#FF784B;--grey-color:#2A313C;
  --body-bg-color:#23262B;--bg-color:#1D1E24;--bg-color-2:#23262B;--greyscale-3:#191B1F;
  --greyscale-4:#293644;--greyscale-5:#D9FBE6;--greyscale-200:rgba(226,232,240,.70);--greyscale-1:#2A313C;
  --sidebar-width:308px;--header-height:112px;--shadow:0 10px 30px rgba(0,0,0,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--body-bg-color);color:var(--headding-color);font-family:"Urbanist","Segoe UI",Arial,sans-serif;min-height:100vh}a{text-decoration:none}button,input,select{font:inherit}
.body-bg{min-height:100vh;background:var(--body-bg-color)}
/* left navigation */
.copier-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:6000;background:var(--bg-color);border-right:1px solid var(--greyscale-1);transition:.3s ease;display:flex;flex-direction:column}
.copier-logo{height:112px;padding:28px 34px;border-bottom:1px solid var(--greyscale-1);display:flex;align-items:center;gap:12px}
.logo-mark{width:42px;height:42px;border-radius:12px;background:var(--primary-color);display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;box-shadow:0 8px 20px rgba(34,197,94,.25)}
.logo-copy strong{display:block;color:var(--headding-color);font-size:19px;font-weight:800;letter-spacing:.2px}.logo-copy span{display:block;color:var(--paragraph-color);font-size:11px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}
.sidebar-scroll{padding:22px 28px;overflow:auto;flex:1}.sidebar-label{display:block;color:var(--greyscale-200);font-size:13px;font-weight:500;border-bottom:1px solid var(--greyscale-1);padding-bottom:8px;margin-bottom:10px}.sidebar-nav{display:grid;gap:7px}.sidebar-nav a{display:flex;align-items:center;gap:13px;color:var(--paragraph-color);padding:11px 12px;border-radius:8px;font-size:15px;font-weight:600;transition:.2s}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--primary-color);color:#fff}.nav-ico{width:20px;height:20px;display:grid;place-items:center}.nav-ico svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}.sidebar-foot{padding:18px 28px 28px;color:var(--greyscale-200);font-size:11px}
/* top header */
.copier-header{position:fixed;z-index:5000;left:var(--sidebar-width);right:0;top:0;height:var(--header-height);padding:26px 42px;background:var(--bg-color);border-bottom:1px solid var(--greyscale-1);display:flex;align-items:center;justify-content:space-between;gap:24px;transition:.3s}
.header-title h1{font-size:24px;line-height:1.25;color:var(--headding-color);margin:0 0 4px;font-weight:800}.header-title p{font-size:14px;color:var(--paragraph-color);margin:0}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.theme-btn,.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--greyscale-1);background:var(--bg-color-2);color:var(--paragraph-color);cursor:pointer}.theme-btn:hover,.icon-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}
.theme-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.mobile-menu-btn{display:none}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 11px 6px 7px;border:1px solid var(--greyscale-1);border-radius:10px;background:var(--bg-color-2)}.user-avatar{width:34px;height:34px;border-radius:50%;background:rgba(34,197,94,.16);color:var(--primary-color);display:grid;place-items:center;font-weight:800}.user-chip b{display:block;font-size:13px;color:var(--headding-color)}.user-chip span{display:block;font-size:10px;color:var(--paragraph-color)}
/* dashboard content */
.dashboard-main{margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 28px) 42px 55px;min-height:100vh;transition:.3s}.page-kicker{color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2,.panel h2{font-size:18px;line-height:1.35;color:var(--headding-color);font-weight:800;margin:0}.section-title p{margin:3px 0 0;color:var(--paragraph-color)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.card,.panel,.account-card{background:var(--bg-color);border:1px solid var(--greyscale-1);border-radius:12px;box-shadow:var(--shadow)}.card{padding:22px;min-height:123px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(34,197,94,.06)}.card label{display:block;color:var(--paragraph-color);font-size:13px;font-weight:600}.card b{display:block;margin-top:13px;color:var(--headding-color);font-size:26px;font-weight:800;line-height:1}.card small{display:block;color:var(--greyscale-200);margin-top:10px;font-size:11px}.panel{padding:24px;margin-top:20px}.panel>.head,.head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-card{padding:20px;min-width:0}.account-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.account-card .top>b,.account-card .top div>b{font-size:18px;color:var(--headding-color);font-weight:800}.account-card .path{font-family:Consolas,monospace;font-size:11px;color:var(--greyscale-200);word-break:break-all;margin:13px 0 14px;padding:10px 12px;border-radius:8px;background:var(--greyscale-3);border:1px solid var(--greyscale-1)}
.details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail{background:var(--greyscale-3);border:1px solid var(--greyscale-1);border-radius:9px;padding:12px;min-width:0}.detail label{display:block;color:var(--paragraph-color);font-size:11px;line-height:1.3}.detail b{display:block;color:var(--headding-color);font-size:15px;line-height:1.3;margin-top:7px;overflow-wrap:anywhere}.account-card .details{grid-template-columns:repeat(2,minmax(0,1fr))}
/* controls */
.btn,button{border:1px solid transparent;background:var(--primary-color);color:#fff;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover,button:hover{filter:brightness(.96);transform:translateY(-1px);color:#fff}.secondary{background:transparent;color:var(--paragraph-color);border-color:var(--greyscale-1)}.secondary:hover{color:var(--primary-color);border-color:var(--primary-color)}.danger-btn{background:var(--alerts-color)}
.pill,.tag{display:inline-flex;align-items:center;border:1px solid var(--greyscale-1);border-radius:999px;padding:6px 10px;color:var(--paragraph-color);font-size:11px;font-weight:700;margin:2px 3px 2px 0;background:var(--greyscale-3)}.pill.good,.tag.online,.tag.open,.tag.buy,.tag.success,.tag.tp1,.tag.tp2,.tag.tp3{color:var(--primary-color);border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.09)}.pill.bad,.tag.sell,.tag.rejected,.tag.error,.tag.sl{color:var(--alerts-color);border-color:rgba(255,71,71,.3);background:rgba(255,71,71,.08)}.pill.warn{color:var(--warning-color)}
.row{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.row>*{min-width:0}.account-card .row select{flex:1 1 160px}.form-grid,.lot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid h2{grid-column:1/-1}.form-grid label,.lot-grid label,.login-card label{display:grid;gap:7px;color:var(--paragraph-color);font-size:12px;font-weight:600}.form-grid button[type=submit],.lot-grid button[type=submit]{align-self:end}.check{display:flex!important;align-items:center;gap:9px!important}.check input{width:auto!important}.form-grid .row,.form-grid .alert{grid-column:1/-1}
input,select{width:100%;min-height:46px;border-radius:8px;border:1px solid var(--greyscale-1);background:var(--greyscale-3);color:var(--headding-color);padding:10px 13px;outline:none}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(34,197,94,.10)}input::placeholder{color:var(--greyscale-200)}select option{background:var(--bg-color);color:var(--headding-color)}
.alert{margin-top:12px;border:1px solid var(--greyscale-1);border-radius:8px;padding:11px 13px;color:var(--paragraph-color);background:var(--greyscale-3);white-space:pre-wrap;word-break:break-word}.alert.good{color:var(--primary-color);border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.alert.bad{color:#ff8796;border-color:rgba(255,71,71,.4);background:rgba(255,71,71,.06)}
/* tables & feeds */
.scroll{overflow:auto;max-height:540px;border:1px solid var(--greyscale-1);border-radius:10px;background:var(--greyscale-3)}table{width:100%;border-collapse:collapse;font-size:12px;color:var(--headding-color)}th{position:sticky;top:0;z-index:2;text-align:left;padding:13px;color:var(--paragraph-color);font-weight:700;white-space:nowrap;background:var(--bg-color-2);border-bottom:1px solid var(--greyscale-1)}td{padding:12px 13px;border-top:1px solid var(--greyscale-1);white-space:nowrap}tbody tr:hover{background:rgba(34,197,94,.035)}.feed{max-height:430px;overflow:auto}.item{padding:13px 4px;border-top:1px solid var(--greyscale-1)}.item:first-child{border-top:0}.meta{font-size:10px;color:var(--greyscale-200);margin-bottom:6px}.txt{white-space:pre-wrap;word-break:break-word;color:var(--paragraph-color);line-height:1.55}.muted{color:var(--paragraph-color)}footer{color:var(--greyscale-200);font-size:11px;text-align:right;margin-top:16px}
/* modal */
dialog{width:min(820px,94vw);border:1px solid var(--greyscale-1);border-radius:14px;background:var(--bg-color);color:var(--headding-color);padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.48)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
/* sign in */
.auth{min-height:100vh;background:var(--body-bg-color);display:grid;place-items:center;padding:24px}.auth-wrap{width:min(1050px,96vw);display:grid;grid-template-columns:1.08fr .92fr;background:var(--bg-color);border:1px solid var(--greyscale-1);border-radius:18px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.25)}.auth-art{min-height:590px;background:radial-gradient(circle at 25% 25%,rgba(34,197,94,.24),transparent 28%),linear-gradient(145deg,#161b20,#23262b);padding:52px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--greyscale-1)}.auth-art h2{font-size:40px;max-width:430px;color:#fff;font-weight:900;line-height:1.05}.auth-art p{color:#cbd5df;max-width:420px;line-height:1.6}.auth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auth-grid div{height:70px;border:1px solid rgba(34,197,94,.24);border-radius:10px;background:rgba(34,197,94,.05)}.login-side{padding:55px 48px;display:flex;align-items:center}.login-card{width:100%;display:grid;gap:16px}.login-card .brand{display:flex;align-items:center;gap:10px;color:var(--primary-color);font-size:13px;font-weight:800;letter-spacing:.12em}.login-card h1{font-size:32px;color:var(--headding-color);font-weight:800;margin:8px 0 0}.login-card p{color:var(--paragraph-color);line-height:1.55;margin:0 0 8px}.login-card button{margin-top:5px;min-height:47px}
/* subtle accent copied from template's finance-card feel */
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);display:inline-block;box-shadow:0 0 0 5px rgba(34,197,94,.08)}
@media(max-width:1450px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199px){:root{--sidebar-width:270px}.copier-header{padding:22px 26px}.dashboard-main{padding-left:26px;padding-right:26px}.details{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.copier-sidebar{transform:translateX(-100%);box-shadow:30px 0 70px rgba(0,0,0,.28)}body.sidebar-open .copier-sidebar{transform:translateX(0)}.copier-header{left:0;height:96px;padding:17px 20px}.dashboard-main{margin-left:0;padding:116px 20px 45px}.mobile-menu-btn{display:grid}.account-grid,.two{grid-template-columns:1fr}.header-title h1{font-size:21px}.user-chip .user-copy{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.copier-header{padding:14px 15px}.dashboard-main{padding:110px 14px 36px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:auto}.panel{padding:17px;margin-top:14px}.account-card{padding:15px}.account-card .details,.details,.form-grid,.lot-grid{grid-template-columns:1fr}.header-actions .pill{display:none}.header-title p{font-size:11px}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.login-side{padding:38px 24px}.account-card .top{flex-direction:column}.row>*{flex:1 1 auto}.row select{flex-basis:100%!important}}
.tag.login-match,.tag.server-match,.tag.algo-on,.tag.connected,.tag.closed,.tag.win,.tag.ready{color:var(--primary-color);border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.09)}
.tag.offline,.tag.wrong-login,.tag.wrong-server,.tag.algo-off,.tag.failed,.tag.loss{color:var(--alerts-color);border-color:rgba(255,71,71,.3);background:rgba(255,71,71,.08)}
.tag.algo-unknown,.tag.enabled,.tag.pending{color:var(--warning-color);border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.07)}
/* --- 2026-09 feature pages --- */
.error-readable{margin-top:14px;border:1px solid rgba(255,71,71,.38);background:rgba(255,71,71,.06);border-radius:10px;padding:15px}.error-title{color:#ff8796;font-weight:800;font-size:15px;margin-bottom:10px}.error-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}.error-row:first-of-type{border-top:0}.error-row b{font-size:11px;color:var(--headding-color)}.error-row span{font-size:12px;color:var(--paragraph-color);line-height:1.5}.error-readable details{margin-top:9px;color:var(--greyscale-200);font-size:11px}.error-readable pre{white-space:pre-wrap;word-break:break-word;color:var(--greyscale-200);font-size:10px;margin:8px 0 0}
.telegram-feed{display:grid;gap:14px;max-width:900px}.tg-bubble{background:var(--greyscale-3);border:1px solid var(--greyscale-1);border-radius:14px 14px 14px 5px;padding:15px 16px;box-shadow:var(--shadow)}.tg-bubble.deleted{opacity:.55;border-style:dashed}.tg-head{display:flex;justify-content:space-between;gap:12px;color:var(--primary-color);font-size:12px;margin-bottom:8px}.tg-head span{color:var(--greyscale-200);font-size:10px}.tg-reply{border-left:3px solid var(--primary-color);padding:6px 9px;margin-bottom:9px;background:rgba(34,197,94,.06);border-radius:4px;color:var(--paragraph-color);font-size:11px}.tg-text{color:var(--headding-color);line-height:1.6;font-size:13px}.tg-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px;flex-wrap:wrap}.tg-reaction{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--greyscale-1);border-radius:999px;padding:4px 8px;margin:2px 4px 2px 0;background:var(--bg-color);font-size:11px;color:var(--paragraph-color)}.tg-meta{font-size:10px;color:var(--greyscale-200)}.tg-media{display:block;max-width:min(520px,100%);max-height:420px;object-fit:cover;border-radius:10px;margin:10px 0}.tg-media-placeholder,.tg-media-file{display:block;background:var(--bg-color);border:1px dashed var(--greyscale-1);padding:12px;border-radius:8px;margin:10px 0;color:var(--paragraph-color);font-size:12px}
.country-bars{display:grid;gap:14px;margin-top:18px}.country-row{display:grid;gap:7px}.country-label{display:flex;justify-content:space-between;gap:12px}.country-label b{color:var(--headding-color);font-size:12px}.country-label span{color:var(--greyscale-200);font-size:11px}.country-track{height:9px;background:var(--greyscale-3);border-radius:999px;overflow:hidden;border:1px solid var(--greyscale-1)}.country-track span{display:block;height:100%;background:var(--primary-color);border-radius:inherit}
.notification-feed{display:grid;gap:12px}.notification-card{border:1px solid var(--greyscale-1);background:var(--greyscale-3);border-radius:10px;padding:14px}.notification-card.sent{border-color:rgba(34,197,94,.25)}.notification-card.failed{border-color:rgba(255,71,71,.35)}.notification-card>b{display:block;color:var(--headding-color);font-size:13px;margin:6px 0}.notification-card small{color:var(--greyscale-200)}
.settings-warning{border:1px solid rgba(250,204,21,.25);background:rgba(250,204,21,.06);color:var(--paragraph-color);padding:14px 16px;border-radius:10px;margin-bottom:18px;line-height:1.55}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-group{background:var(--greyscale-3);border:1px solid var(--greyscale-1);border-radius:11px;padding:17px}.settings-group h2{font-size:15px;margin-bottom:12px}.env-row{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--greyscale-1)}.env-row:first-of-type{border-top:0}.env-row>span b{display:block;color:var(--headding-color);font-size:11px;font-family:Consolas,monospace}.env-row>span small{display:block;color:var(--greyscale-200);font-size:9px;margin-top:3px}.env-row input{min-height:39px}.clear-secret{display:flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;color:#ff8796!important}.clear-secret input{width:auto;min-height:auto}.subpanel{margin-top:18px!important;background:var(--greyscale-3)}
@media(max-width:991px){.settings-grid{grid-template-columns:1fr}.env-row{grid-template-columns:1fr}.error-row{grid-template-columns:1fr}.tg-foot{align-items:flex-start}}

/* --- real-account one-click approval --- */
.live-pending{border:1px solid rgba(250,204,21,.32);background:rgba(250,204,21,.055);border-radius:12px;padding:16px;margin-top:12px}.live-pending:first-child{margin-top:0}.live-pending-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.live-pending h3{margin:0;color:var(--headding-color);font-size:16px;font-weight:800}.live-pending .sub{color:var(--greyscale-200);font-size:10px;margin-top:4px}.live-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:13px 0}.live-level{background:var(--greyscale-3);border:1px solid var(--greyscale-1);border-radius:8px;padding:10px}.live-level label{display:block;color:var(--paragraph-color);font-size:9px}.live-level b{display:block;color:var(--headding-color);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.execute-now{min-height:44px;padding:11px 18px;box-shadow:0 8px 22px rgba(34,197,94,.18)}.execute-now[disabled]{opacity:.55;cursor:wait;transform:none}.live-empty{border:1px dashed var(--greyscale-1);border-radius:10px;padding:15px;color:var(--paragraph-color);font-size:12px;background:var(--greyscale-3)}.tag.real,.pill.real{color:var(--warning-color);border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.07)}.tag.demo,.pill.demo{color:var(--primary-color);border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.09)}
@media(max-width:720px){.live-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.live-pending-head{flex-direction:column}.execute-now{width:100%}}

/* --- admin overview: one exact-signal approval for all live accounts --- */
.global-live-approval{margin-top:22px}
.global-pending-card{margin-top:14px}
.execute-all-now{min-width:245px}
@media(max-width:767px){.execute-all-now{width:100%;min-width:0}.global-pending-card .live-pending-head{align-items:stretch}.global-pending-card .live-pending-head>div{width:100%}}

/* --- user management / profit email / lot approval --- */
.danger-btn{background:rgba(255,71,71,.08)!important;color:#ff8796!important;border:1px solid rgba(255,71,71,.38)!important;box-shadow:none!important}.danger-btn:hover{background:rgba(255,71,71,.16)!important}.compact-actions{gap:8px;flex-wrap:nowrap}.compact-actions button{min-width:82px}.alert.warn{border-color:rgba(250,204,21,.35);background:rgba(250,204,21,.07);color:var(--warning-color)}#profitDialog{width:min(560px,calc(100vw - 28px))}#profitDialog .form-grid{padding:22px}#customProfitDates{padding:0;border:0;background:transparent;grid-template-columns:1fr 1fr}.scroll table button{white-space:nowrap}
@media(max-width:620px){#customProfitDates{grid-template-columns:1fr}.compact-actions{flex-direction:column}.compact-actions button{width:100%}}


/* --- 2026-09 hosted responsive + secure user access --- */
html,body{max-width:100%;overflow-x:hidden}
.panel,.account-card,.card,.detail{min-width:0}
.scroll{width:100%;-webkit-overflow-scrolling:touch}
.scroll table{min-width:760px}
.head>div,.panel>.head>div{min-width:0}
.head h2,.panel>.head h2{overflow-wrap:anywhere}

.user-auth-page{min-height:100dvh}
.user-auth-wrap{width:min(1120px,calc(100vw - 32px));grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}
.user-auth-art{min-height:650px}
.auth-steps{display:grid;gap:12px;margin-top:28px;max-width:440px}
.auth-step{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}
.auth-step>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(34,197,94,.35);color:#9ca3af;font-weight:900;background:rgba(34,197,94,.05)}
.auth-step b{display:block;color:#fff;font-size:13px}.auth-step small{display:block;color:#aeb9c8;font-size:11px;margin-top:2px;line-height:1.35}
.auth-step.active{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08)}.auth-step.active>span,.auth-step.done>span{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.secure-caption{font-size:11px;color:#98a6b8;letter-spacing:.03em}
.user-login-side{min-width:0}.user-login-card{max-width:470px;margin:auto}
.secure-badge{justify-self:start;display:inline-flex;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.08);color:var(--primary-color);font-weight:800;font-size:11px;overflow-wrap:anywhere}
.secure-login-form{display:grid;gap:15px}.secure-login-form label{display:grid;gap:7px;color:var(--paragraph-color);font-size:12px;font-weight:650}.secure-login-form button{min-height:48px;margin-top:2px}
.otp-input{font-size:28px!important;letter-spacing:.30em;text-align:center;font-variant-numeric:tabular-nums;font-weight:900;padding-left:calc(13px + .30em)!important}
.resend-form{display:grid}.resend-form button{width:100%;margin-top:0}.auth-back{display:block;text-align:center;color:var(--primary-color);font-size:12px;font-weight:700;margin-top:-5px}
.auth-security-note{display:grid;gap:5px;padding:13px 14px;border:1px solid var(--greyscale-1);border-radius:10px;background:var(--greyscale-3);color:var(--paragraph-color);font-size:11px;line-height:1.5}.auth-security-note b{color:var(--headding-color)}
.user-auth-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--greyscale-200);font-size:11px;border-top:1px solid var(--greyscale-1);padding-top:12px}.user-auth-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:991px){
  .copier-header{min-height:88px;height:auto}.dashboard-main{padding-top:112px}
  .panel>.head,.head{align-items:flex-start}.user-auth-wrap{grid-template-columns:1fr;max-width:650px}.user-auth-art{display:none}.user-login-side{padding:48px 42px}
}
@media(max-width:767px){
  :root{--header-height:86px}
  .copier-header{padding:12px 14px;gap:10px}.header-title{min-width:0}.header-title h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}
  .header-actions{gap:6px;flex-wrap:nowrap}.theme-btn,.icon-btn{width:38px;height:38px;flex:0 0 38px}.user-chip{padding:4px}.user-avatar{width:30px;height:30px}.user-chip .user-copy{display:none}
  .dashboard-main{padding:104px 12px 32px}.panel{border-radius:10px}.panel>.head,.head{flex-direction:column;align-items:stretch}.panel>.head>button,.head>button{width:100%}
  .cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px}.card b{font-size:21px}.two,.account-grid{grid-template-columns:1fr}
  .row{align-items:stretch}.row>button,.row>.btn,.row>a.btn{flex:1 1 calc(50% - 6px)}
  dialog{width:calc(100vw - 18px);max-height:92dvh;margin:auto}.scroll{max-height:70dvh}
}
@media(max-width:520px){
  .auth{padding:0;display:block}.auth-wrap,.user-auth-wrap{width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-side,.user-login-side{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));align-items:flex-start}.login-card,.user-login-card{max-width:none;padding-top:18px}.login-card h1{font-size:27px;line-height:1.12}.login-card p{font-size:13px}.otp-input{font-size:25px!important;letter-spacing:.22em}
  .dashboard-main{padding-left:10px;padding-right:10px}.cards{grid-template-columns:1fr}.panel{padding:15px}.account-card{padding:14px}.account-card .top>button{width:100%}
  .details,.account-card .details,.form-grid,.lot-grid{grid-template-columns:1fr}.detail{padding:11px}.detail b{font-size:14px}
  .row{display:grid;grid-template-columns:1fr}.row>*{width:100%!important}.compact-actions{display:grid!important;grid-template-columns:1fr}.scroll table{min-width:680px}
  .copier-sidebar{width:min(86vw,320px)}
}