/* Visual refinement, scoped to the isolated prototype. */
:root{--green:#116e60;--line:#e3eae8;--muted:#697c7d;color:#1b3538;background:#f4f7f5;line-height:1.65}body{background:#f4f7f5}button{font-weight:550;border-radius:9px;transition:background .15s ease,box-shadow .15s ease}button.primary{box-shadow:0 3px 8px #14695812}button.primary:hover{box-shadow:0 5px 13px #14695822}input:focus,select:focus,textarea:focus{border-color:#448f7d;background:#fff}input,select,textarea{border-color:#d5e0dc;min-height:46px}h1{font-weight:730;letter-spacing:-.8px}h2{font-weight:650}.demo{background:#fdf7e8;color:#756443;border-color:#eee2c7}.layout{grid-template-columns:224px minmax(0,1fr)}aside{background:#173c39;padding-top:30px}.logo{font-size:20px}.mark{background:#d2e6d7;color:#1d5141;border-radius:11px}.side-note{color:#b8cfca}.nav button{border-radius:9px;display:flex;gap:12px;align-items:center;min-height:46px}.nav button:before{content:attr(data-number);font:11px ui-monospace,monospace;opacity:.62}.nav button.active{background:#315b50;box-shadow:inset 3px 0 #d3e8b7}.topbar{min-height:83px;background:#ffffffd9}.topbar small{font-size:11px}.account-label{font-size:13px;font-weight:650}.account-label small{display:block;font-weight:400}.identity{gap:12px}main{padding:30px 34px}.heading{margin-bottom:25px}.heading h1{font-size:28px}.heading .muted{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#5e8277}.cards{gap:18px}.card{border-radius:14px;padding:22px 25px;border-color:#e3ebe7;box-shadow:0 3px 10px #1b433103;position:relative}.card:after{content:'';position:absolute;right:23px;top:24px;width:8px;height:8px;border-radius:50%;background:#aecab9}.card:nth-child(3):after{background:#e1c787}.card:nth-child(4):after{background:#dcb0a4}.card strong{font-size:39px;line-height:1.4;font-weight:620;color:#183f38}.panel{border-radius:14px;border-color:#e2eae6;box-shadow:0 3px 10px #24433603}.panel h2{font-size:16px}.task{padding:19px 0}.task b{font-weight:600}.task small{font-size:12px}.banner{border-radius:9px;background:#edf5ef;border-color:#dce8dd;font-size:12px}.banner.warning{background:#fcf6e9;border-color:#eee3cc;color:#87662c}.tablewrap{border-radius:12px;border-color:#e0e9e4}table{white-space:normal;table-layout:auto;font-size:13px}th{white-space:nowrap;background:#f1f5f2;padding:15px 18px;font-size:12px;color:#678074}td{padding:18px;overflow-wrap:anywhere}td:first-child{min-width:180px;max-width:300px}td:nth-child(2){white-space:nowrap}td:nth-child(3){min-width:115px}td:last-child{white-space:nowrap}td small{font-size:11px;color:#7a8984}tbody tr:hover{background:#f5faf6}.tag{font-size:11px;padding:4px 9px;white-space:nowrap;border-radius:6px;font-weight:500}.filter-panel{padding:16px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.filter-panel input{max-width:460px}.quiet-action{border-color:transparent;background:transparent;color:#60786e;font-size:12px}.heading [data-action="export"]{min-height:46px;padding:9px 20px;display:flex;gap:10px;align-items:center}.heading [data-action="export"] span{font-size:20px}.overview-number{font-size:42px;color:#204b40;font-weight:600;margin:15px 0 10px}.overview-number span{font-size:12px;font-weight:400;color:var(--muted);margin-left:14px}.overview-line{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #edf1ee;padding:13px 0;gap:12px}.overview-line span{color:var(--muted)}.overview-line b{font-weight:550}.overview-footer{border-top:1px solid #e7efea;font-size:12px;padding-top:12px;color:var(--muted)}.overview-footer button{font-size:12px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-grid p{color:var(--muted);font-size:13px}.profile-head{display:flex;gap:15px;align-items:center;margin-bottom:20px}.profile-head h2,.profile-head p{margin:0}.profile-head .avatar{height:48px;width:48px}.signin-layout{width:min(1160px,calc(100% - 56px));max-width:none;display:grid;grid-template-columns:1.05fr 1fr;min-height:680px;padding:0;margin:48px auto;border-radius:23px;overflow:hidden;background:white;border:1px solid #dce6df;box-shadow:0 25px 75px #183f3210}.signin-story{background:#193e36;color:#fff;padding:38px 40px;display:flex;flex-direction:column;position:relative;overflow:hidden}.signin-story:after{content:'';height:340px;width:340px;border:1px solid #739e6630;border-radius:50%;position:absolute;bottom:-200px;left:-40px;box-shadow:0 0 0 50px #8bab770a,0 0 0 100px #8bab7706;pointer-events:none}.story-content{margin:auto 0;padding:50px 0}.story-kicker{font:11px ui-monospace,monospace;letter-spacing:3px;color:#b1c99d}.signin-story h1{font-size:40px;line-height:1.48;margin:18px 0 22px;font-weight:600;letter-spacing:1px}.signin-story p{color:#bcd0c5;font-size:14px;line-height:2}.story-diagram{display:flex;align-items:center;gap:10px;margin-top:36px}.story-diagram>div{background:#ffffff08;border:1px solid #ffffff1b;border-radius:10px;padding:14px 12px;font-size:12px;flex:1}.story-diagram span{display:block;color:#cde2b9;font:11px ui-monospace,monospace;margin-bottom:7px}.story-diagram i{color:#779788;font-style:normal}.story-foot{font-size:11px;color:#b6cabe;z-index:1}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5dca8;margin-right:7px}.signin-form{padding:44px 48px}.signin-intro h2{font-size:27px;letter-spacing:-.6px;margin:9px 0 8px}.signin-intro p{font-size:13px}.login-tabs{display:flex;gap:20px;margin:25px 0;border-bottom:1px solid var(--line)}.login-tabs button{border:0;border-radius:0;background:none;color:#7b8a81;font-size:13px;padding:10px 0 12px;position:relative}.login-tabs .selected{color:var(--green);font-weight:700}.login-tabs .selected:after{content:'';height:3px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0;border-radius:2px}.signin-form .field{font-size:12px;margin-bottom:19px}.signin-form input{height:48px}.password-row,.sms-row{display:flex;gap:8px;align-items:center}.password-row input,.sms-row input{min-width:0;flex:1}.password-row button,.sms-row button{white-space:nowrap;font-size:12px;min-height:46px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;gap:8px}.login-options small{font-size:10px;max-width:220px}.login-options button{font-size:12px;white-space:nowrap}.login-submit{width:100%;display:flex;justify-content:space-between;padding:12px 18px;min-height:49px}.demo-accounts{margin-top:23px;padding:14px;background:#f6f8f5;border:1px solid #e7ede4;border-radius:10px;font-size:11px;color:#6c7b6c}.demo-accounts b{font-size:11px;color:#54725f}.demo-account-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.demo-account-buttons button{font-size:10px;min-height:30px;padding:5px 9px;color:#677b6c}.demo-account-buttons button.selected{background:#e4eee1;border-color:#bed3b8;color:#315a3b}.demo-accounts p{margin:0;font-size:11px}.demo-accounts code{color:#365f3e}.signin-footer{font-size:11px;color:#809086;text-align:center;margin-top:14px}.signin-footer button{font-size:11px;min-height:32px}.auth-error{background:#fff0ed;color:#a44236;border-radius:7px;padding:10px 12px;margin-bottom:15px;font-size:12px}.auth-error[hidden]{display:none}.guide-progress{display:flex;gap:10px}.guide-progress button{flex:1;background:#f1f5f1;border:0;color:#819687;font:12px ui-monospace,monospace;border-radius:6px}.guide-progress button.current{color:white;background:#247b65}.guide-scene{display:flex;gap:22px;align-items:flex-start;padding:35px 0 26px}.guide-big-number{font:55px ui-monospace,monospace;color:#c8d9c1;line-height:1}.guide-scene h2{font-size:21px;margin-top:7px}.guide-scene p{font-size:14px;color:#687b70}.guide-controls{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.guide-controls button:first-child{margin-right:auto}dialog{border-radius:17px}.modal-top{background:#fafcf9}.modal-top strong{font-size:14px}.modal-top button{border:0;background:none}#toast{font-size:13px}.customer-card{box-shadow:0 16px 48px #20453b08;border-radius:17px}.customer-card .field{font-size:13px}@media(min-width:1300px){table{width:100%}}@media(max-width:1000px){.signin-layout{width:calc(100% - 36px);margin:28px auto}.signin-story{padding:30px}.signin-form{padding:32px}.signin-story h1{font-size:31px}.story-diagram{gap:6px}.story-diagram>div{padding:12px 8px}.layout{grid-template-columns:190px minmax(0,1fr)}main{padding:25px}.security-grid{grid-template-columns:1fr}}@media(max-width:760px){.signin-layout{display:block;max-width:500px;margin:20px auto;min-height:auto}.signin-story{padding:22px 28px}.story-content{padding:12px 0 0}.signin-story h1{font-size:25px;line-height:1.4;margin:12px 0 4px}.signin-story h1 br{display:none}.story-kicker,.story-content>p,.story-diagram,.story-foot{display:none}.signin-form{padding:26px}.signin-intro h2{font-size:24px}.login-tabs{margin:18px 0}.signin-layout .logo{font-size:17px}}@media(max-width:600px){.layout{display:block}.identity{gap:7px}.identity .avatar{display:none}.identity .account-label{flex:1;min-width:120px}.identity button{font-size:11px;padding:7px;min-height:36px}.topbar{min-height:unset}.heading h1{font-size:25px}.heading .actions{width:100%;justify-content:flex-end}.filter-panel{padding:12px}.filter-panel input{max-width:none;width:100%;flex-basis:100%}.filter-panel select{flex:1;min-width:130px}.card{padding:18px}.card:after{right:15px;top:22px}.card strong{font-size:32px}.nav button{font-size:12px}.nav button:before{display:none}main{padding:20px 13px}.tablewrap table{min-width:700px}.overview-line{font-size:12px}.guide-scene{gap:14px}.guide-big-number{font-size:42px}.guide-scene h2{font-size:18px}.guide-controls button{font-size:12px}.signin-layout{width:calc(100% - 24px)}.signin-form{padding:24px}.signin-story{padding:20px 24px}.login-options small{max-width:150px}.demo-account-buttons button{font-size:10px}.task{gap:8px}.task button{white-space:nowrap;min-height:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}