[data-brand=madrasa-demo] .login-shell{background:radial-gradient(ellipse at 15% 15%, var(--teal-soft), transparent 65%), var(--bg);padding:0}[data-brand=madrasa-demo] .login-layout{width:100%;min-height:100dvh}[data-brand=madrasa-demo] .login-layout>.login-card{width:calc(100% - 48px);max-width:520px;box-shadow:var(--shadow-2);border-radius:24px;margin:40px 24px;padding:40px}[data-brand=madrasa-demo] .login-brand{text-align:center;color:var(--ink);flex-direction:column;gap:14px;padding:0 0 22px;font-size:38px;display:flex}[data-brand=madrasa-demo] .login-brand .brand-mark{width:78px;height:78px;box-shadow:none;border-radius:22px}[data-brand=madrasa-demo] .login-brand small{color:var(--muted);margin-top:9px;font-size:13px}[data-brand=madrasa-demo] .login-card h1{text-align:center;letter-spacing:0;font-size:30px;line-height:1.5}[data-brand=madrasa-demo] .login-card>p{text-align:center;margin:8px 0 28px;font-size:15px;line-height:1.8}[data-brand=madrasa-demo] .login-card form{gap:22px}.login-input-wrap{display:block;position:relative}.login-input-wrap>svg{inset-inline-end:15px;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-input-wrap input{width:100%;padding-inline:16px 46px}.login-input-wrap:has(.login-pin-toggle) input{padding-inline-start:48px}.login-pin-toggle{inset-inline-start:3px;width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.login-pin-toggle:hover{color:var(--teal);background:var(--teal-soft)}.login-arrow{margin-inline-start:auto}[dir=rtl] .login-arrow{transform:rotate(180deg)}[data-brand=madrasa-demo] .login-card .field{gap:10px;font-size:15px}[data-brand=madrasa-demo] .login-card input{border-radius:10px;height:56px;font-size:16px}[data-brand=madrasa-demo] .login-submit{background:linear-gradient(110deg, var(--primary-strong), var(--primary));min-height:56px;color:var(--on-primary);border-radius:12px;padding-inline:22px;font-size:18px}[data-brand=madrasa-demo] .login-card .login-help{text-align:start;background:var(--teal-soft);color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;margin:20px 0 0;padding:14px;font-size:13px;display:flex}[data-brand=madrasa-demo] .login-foot{flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px}[data-brand=madrasa-demo] .login-foot small{max-width:145px;font-size:11px}[data-brand=madrasa-demo] .login-foot .language{min-height:44px}[data-brand=madrasa-demo] .login-aside{isolation:isolate;background:radial-gradient(ellipse at top, var(--rail-raised), var(--rail) 65%);border-end-start-radius:44px;gap:64px;padding:48px 8%;position:relative;overflow:hidden}[data-brand=madrasa-demo] .login-aside:before{content:"";z-index:-1;border:1px solid var(--rail-line);top:-400px;border-radius:50%;width:640px;height:640px;position:absolute;inset-inline-start:-100px}[data-brand=madrasa-demo] .login-aside .brand{align-items:center;font-size:34px}[data-brand=madrasa-demo] .login-aside .brand-mark{width:66px;height:66px;box-shadow:none;background:0 0;border-radius:18px}[data-brand=madrasa-demo] .login-aside .brand small{font-size:14px}[data-brand=madrasa-demo] .login-pitch{gap:30px;max-width:560px}[data-brand=madrasa-demo] .login-pitch h2{font-size:clamp(34px,3.5vw,56px);font-weight:750;line-height:1.5}[data-brand=madrasa-demo] .login-aside ul{gap:22px}[data-brand=madrasa-demo] .login-aside li{color:var(--rail-ink);align-items:center;gap:16px;font-size:17px;line-height:1.7}[data-brand=madrasa-demo] .login-aside li svg{background:var(--rail-raised);border:1px solid var(--rail-line);border-radius:14px;width:48px;height:48px;margin:0;padding:11px}.login-scene{z-index:-2;opacity:.7;position:absolute;inset:53% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%)}.login-scene img{object-fit:cover;object-position:center}[data-brand=madrasa-demo] .sidebar{background:linear-gradient(165deg, var(--side-raised), var(--side) 45%)}[data-brand=madrasa-demo] .sidebar .brand{font-size:27px}[data-brand=madrasa-demo] .sidebar .brand-mark{border-radius:14px;width:48px;height:48px}[data-brand=madrasa-demo] .nav-link{border-radius:10px;min-height:44px}[data-brand=madrasa-demo] .nav-link.active{box-shadow:inset -3px 0 var(--side-accent)}[dir=ltr][data-brand=madrasa-demo] .nav-link.active{box-shadow:inset 3px 0 var(--side-accent)}[data-brand=madrasa-demo] .sidebar .text-button,[data-brand=madrasa-demo] .sidebar .logout{color:var(--side-muted)}[data-brand=madrasa-demo] .panel,[data-brand=madrasa-demo] .stat-card{border-radius:16px}[data-brand=madrasa-demo] .stat-card{border-block-start:3px solid var(--teal-line);box-shadow:var(--shadow-1)}[data-brand=madrasa-demo] .fleet-pulse{background:linear-gradient(110deg, var(--surface), var(--teal-soft))}.ethbat-workflows{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px;display:grid}.ethbat-workflow[data-slot=button]{border:1px solid var(--line);white-space:normal;text-align:start;background:var(--surface);width:100%;height:auto;min-height:112px;color:var(--ink);box-shadow:var(--shadow-1);border-radius:16px;justify-content:flex-start;gap:14px;padding:20px;display:flex}.ethbat-workflow[data-slot=button]:hover{background:var(--surface-hover);border-color:var(--teal-line)}.ethbat-workflow>span:nth-child(2){flex:1;min-width:0}.ethbat-workflow strong{font-size:15px;line-height:1.6;display:block}.ethbat-workflow small{margin-top:5px;font-size:12px;font-weight:400}.ethbat-workflow-icon{background:var(--teal-soft);width:44px;height:44px;color:var(--teal);border-radius:13px;flex-shrink:0;place-items:center;display:grid}@media (min-width:1000px){[data-brand=madrasa-demo] .login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-brand=madrasa-demo] .login-aside{min-height:960px;display:flex}[data-brand=madrasa-demo] .login-layout>.login-card .login-brand{display:flex}}@media (max-width:1100px){.ethbat-workflows{grid-template-columns:1fr;gap:10px}.ethbat-workflow[data-slot=button]{min-height:88px}}@media (max-width:599px){[data-brand=madrasa-demo] .login-layout>.login-card{width:calc(100% - 32px);margin:24px 16px;padding:28px 22px}[data-brand=madrasa-demo] .login-card h1{font-size:26px}[data-brand=madrasa-demo] .login-brand{font-size:32px}[data-brand=madrasa-demo] .login-foot small{text-align:center;flex-basis:100%;max-width:none}}.login-input-wrap>svg{left:auto;right:16px}:is(.login-input-wrap input,.login-input-wrap:has(.login-pin-toggle) input){padding:0 46px}.login-pin-toggle{left:3px;right:auto}[data-brand=madrasa-demo] .login-submit{justify-content:center;position:relative}[data-brand=madrasa-demo] .login-arrow{margin:0;position:absolute;inset-inline-end:22px}[data-brand=madrasa-demo] .login-brand .brand-mark{background:0 0;width:96px;height:96px;overflow:visible}[data-brand=madrasa-demo] .login-aside .brand-mark{overflow:visible}[data-brand=madrasa-demo] .login-brand .brand-mark img,[data-brand=madrasa-demo] .login-aside .brand-mark img,[data-brand=madrasa-demo] .sidebar .brand-mark img{transform:scale(1.2)}[data-brand=madrasa-demo] .sidebar .nav-link{color:var(--side-ink)}[data-brand=madrasa-demo] .sidebar .nav-link.active{color:var(--side-accent)}[data-brand=madrasa-demo] .sidebar .nav-label,[data-brand=madrasa-demo] .sidebar small{color:var(--side-muted)}:root[data-brand=madrasa-demo] .login-submit.button.primary{color:var(--on-primary)}