:root{--cyan-900:#006b70;--cyan-800:#007f84;--cyan-700:#00969b;--cyan-600:#00aaa8;--cyan-500:#11beb7;--cyan-100:#dff8f5;--cyan-50:#effbf9;--text-primary:#17383b;--text-secondary:#38564e;--text-muted:#526c63;--text-accent:#006f64;--ink:var(--text-primary);--muted:var(--text-muted);--line:#dce9e9;--surface:#fff;--background:#f4f9f8;--danger:#c9374c;color:var(--ink);background:var(--background);font-synthesis:none;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--background);min-width:0;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.auth-layout{grid-template-columns:minmax(440px,1.04fr) minmax(480px,.96fr);min-height:100vh;display:grid}.brand-panel{color:#fff;background:radial-gradient(circle at 70% 30%,#4bedd547,#0000 34%),linear-gradient(145deg,#007f85 0%,#009fa0 54%,#0bb7ab 100%);min-height:100vh;position:relative;overflow:hidden}.brand-panel:after{content:"";border:70px solid #ffffff12;border-radius:50%;width:570px;height:570px;position:absolute;bottom:-190px;right:-80px}.brand-content{z-index:2;flex-direction:column;min-height:100vh;padding:54px clamp(44px,7vw,100px);display:flex;position:relative}.brand-logo,.dashboard-logo{letter-spacing:-.6px;align-items:center;gap:12px;font-size:24px;font-weight:800;display:inline-flex}.brand-mark{border:2px solid;border-radius:50% 50% 50% 12px;width:39px;height:39px;display:inline-block;position:relative;transform:rotate(-18deg)}.brand-mark-path{background:currentColor;border-radius:4px;width:2px;height:21px;position:absolute;top:8px;left:17px;transform:rotate(35deg)}.brand-mark-dot{background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.brand-copy{max-width:610px;margin:auto 0;padding:74px 0 46px}.brand-kicker,.section-kicker,.dashboard-kicker{color:#bdfaf0;letter-spacing:1.6px;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.brand-kicker:before{content:"";background:currentColor;border-radius:3px;width:28px;height:2px}.brand-copy h1{letter-spacing:-2.8px;max-width:580px;margin:22px 0;font-size:clamp(42px,5vw,68px);line-height:1.06}.brand-copy p{color:#ffffffc7;max-width:535px;margin:0;font-size:17px;line-height:1.75}.brand-stats{border-top:1px solid #ffffff3b;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:30px;display:grid}.brand-stats div{gap:4px;display:grid}.brand-stats strong{font-size:20px}.brand-stats span{color:#ffffffa6;font-size:12px}.brand-grid{opacity:.16;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.brand-glow{filter:blur(2px);border-radius:50%;position:absolute}.brand-glow-one{border:1px solid #ffffff2e;width:180px;height:180px;top:15%;right:8%}.brand-glow-two{border:1px solid #ffffff24;width:270px;height:270px;bottom:12%;left:-6%}.auth-panel{background:#fff;place-items:center;min-height:100vh;padding:48px clamp(36px,7vw,96px);display:grid}.auth-panel-scroll{align-items:start;overflow-y:auto}.auth-panel-inner{width:min(100%,470px)}.register-panel-inner{width:min(100%,570px);padding:20px 0}.mobile-brand{color:var(--cyan-800);font-size:21px;font-weight:800;display:none}.mobile-brand-dot{background:var(--cyan-600);border-radius:50% 50% 50% 3px;width:14px;height:14px}.auth-heading{margin-bottom:34px}.auth-heading .section-kicker{color:var(--cyan-700)}.auth-heading h2{color:var(--ink);letter-spacing:-1.5px;margin:12px 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.15}.auth-heading p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.auth-form{gap:10px;display:grid}.auth-form>label,.role-fieldset legend{color:#284950;font-size:13px;font-weight:700}.input-wrap{align-items:center;margin-bottom:8px;display:flex;position:relative}.input-wrap input{border:1px solid var(--line);width:100%;height:52px;color:var(--ink);background:#fbfdfd;border-radius:12px;outline:none;padding:0 16px 0 46px;transition:border .2s,box-shadow .2s,background .2s}.input-wrap input::placeholder{color:#9aafb3}.input-wrap input:focus{border-color:var(--cyan-500);background:#fff;box-shadow:0 0 0 4px #11beb71f}.input-icon{z-index:1;color:#7c999d;font-size:14px;font-weight:800;position:absolute;left:17px}.lock-icon{font-size:10px;transform:rotate(45deg)}.form-options{justify-content:space-between;align-items:center;margin:2px 0 9px;display:flex}.checkbox-label{color:var(--muted);cursor:pointer;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;display:flex;font-weight:500!important}.checkbox-label input{width:16px;height:16px;accent-color:var(--cyan-700);margin:1px 0 0}.text-button{color:var(--cyan-800);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.primary-button,.banner-button{color:#fff;background:linear-gradient(100deg, var(--cyan-800), var(--cyan-600));cursor:pointer;border:0;border-radius:12px;height:52px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #00969b38}.primary-button:hover,.banner-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #00969b47}.primary-button:disabled{cursor:wait;opacity:.65;transform:none}.form-alert{color:var(--danger);background:#fff5f6;border:1px solid #f3cbd1;border-radius:10px;margin:0 0 4px;padding:11px 13px;font-size:13px}.auth-switch{color:var(--muted);text-align:center;margin:26px 0 0;font-size:14px}.auth-switch a{color:var(--cyan-800);font-weight:800}.security-note{color:#91a5a8;justify-content:center;align-items:center;gap:7px;margin:32px 0 0;font-size:11px;display:flex}.security-note span{width:17px;height:17px;color:var(--cyan-800);background:var(--cyan-100);border-radius:50%;place-items:center;font-size:10px;display:grid}.auth-loading{min-height:180px;color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.auth-loading span,.dashboard-loading span{border:2px solid var(--cyan-100);border-top-color:var(--cyan-700);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.role-fieldset{border:0;margin:0 0 12px;padding:0}.role-fieldset legend{margin-bottom:10px}.role-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.role-option{border:1px solid var(--line);cursor:pointer;background:#fbfdfd;border-radius:12px;grid-template-columns:32px 1fr;align-items:center;gap:8px;min-height:76px;padding:11px;transition:all .2s;display:grid;position:relative}.role-option input{opacity:0;pointer-events:none;position:absolute}.role-option-icon{width:31px;height:31px;color:var(--cyan-800);background:var(--cyan-100);border-radius:9px;place-items:center;font-size:18px;display:grid}.role-option strong,.role-option small{display:block}.role-option strong{color:var(--ink);font-size:12px}.role-option small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.3}.role-option-active{border-color:var(--cyan-500);background:var(--cyan-50);box-shadow:0 0 0 3px #11beb71a}.policy-check{margin:4px 0 8px}.dashboard-shell{background:#f2f8f7;min-height:100vh}.dashboard-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e1ecea;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 clamp(24px,5vw,76px);display:grid;position:sticky;top:0}.dashboard-logo{color:var(--cyan-800);justify-self:start;font-size:21px}.dashboard-logo .brand-mark{width:31px;height:31px}.dashboard-logo .brand-mark-path{height:17px;top:6px;left:13px}.dashboard-logo .brand-mark-dot{width:6px;height:6px;top:4px;right:5px}.dashboard-header nav{align-self:stretch;gap:34px;display:flex}.dashboard-header nav a{color:#6e868b;place-items:center;font-size:13px;font-weight:700;display:grid;position:relative}.dashboard-header nav a:hover,.dashboard-header nav .nav-active{color:var(--cyan-800)}.dashboard-header nav .nav-active:after{background:var(--cyan-600);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.user-menu{justify-self:end;align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg, var(--cyan-700), var(--cyan-500));border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.user-menu div:nth-child(2){gap:2px;display:grid}.user-menu strong{color:#284950;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;overflow:hidden}.user-menu span{color:#8ca1a5;font-size:10px}.user-menu button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;margin-left:8px;padding:8px 11px;font-size:11px;font-weight:700}.dashboard-main{width:min(1180px,100% - 48px);margin:0 auto;padding:38px 0 70px}.welcome-banner{color:#fff;background:linear-gradient(120deg,#007e84,#00a6a4 64%,#27c2ae);border-radius:24px;grid-template-columns:1.2fr .8fr;min-height:300px;padding:46px 52px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #006c7029}.welcome-banner:before{opacity:.14;content:"";background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000);mask-image:linear-gradient(90deg,#0000 30%,#000)}.welcome-banner>div{z-index:1;position:relative}.dashboard-kicker{color:#bff9f0}.welcome-banner h1{letter-spacing:-1.8px;margin:13px 0 10px;font-size:clamp(32px,4vw,48px)}.welcome-banner p{color:#ffffffc7;max-width:590px;margin:0 0 28px;font-size:15px;line-height:1.65}.banner-button{height:44px;color:var(--cyan-900);box-shadow:none;background:#fff;align-items:center;gap:18px;padding:0 20px;display:inline-flex}.route-visual{min-height:210px;position:relative}.route-line{border:0;border-top:3px dashed #ffffff5c;border-left:3px dashed #ffffff5c;border-radius:50% 0 0;width:83%;height:60%;position:absolute;top:18%;left:5%;transform:rotate(-10deg)}.route-pin{background:var(--cyan-600);border:5px solid #fff;border-radius:50% 50% 50% 3px;width:20px;height:20px;position:absolute;transform:rotate(-45deg);box-shadow:0 8px 20px #00000029}.route-pin-one{bottom:19%;left:5%}.route-pin-two{top:11%;right:9%}.route-car{width:62px;height:38px;color:var(--cyan-800);background:#fff;border-radius:18px 18px 11px 11px;place-items:center;display:grid;position:absolute;top:48%;left:48%;transform:rotate(-8deg);box-shadow:0 14px 30px #00494c3b}.metric-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;display:grid}.metric-card{background:#fff;border:1px solid #e2eeec;border-radius:17px;align-items:center;gap:16px;min-height:126px;padding:24px;display:flex;box-shadow:0 8px 24px #1f5b580d}.metric-icon{width:46px;height:46px;color:var(--cyan-800);background:var(--cyan-100);border-radius:14px;flex:none;place-items:center;font-size:21px;font-weight:700;display:grid}.metric-icon-2{color:#497bdb;background:#e9f0ff}.metric-icon-3{color:#d59133;background:#fff3dc}.metric-card div{display:grid}.metric-card span:not(.metric-icon){color:var(--muted);font-size:12px}.metric-card strong{color:var(--ink);letter-spacing:-.7px;margin:4px 0;font-size:25px}.metric-card small{color:#9aadaf;font-size:10px}.activity-card{background:#fff;border:1px solid #e2eeec;border-radius:18px;padding:28px;box-shadow:0 8px 24px #1f5b580d}.section-title{border-bottom:1px solid #edf3f2;justify-content:space-between;align-items:center;padding-bottom:21px;display:flex}.section-title span{color:var(--cyan-700);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}.section-title h2{margin:5px 0 0;font-size:20px}.section-title button{color:var(--cyan-800);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.task-row{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:22px 4px 3px;display:grid}.task-check{width:38px;height:38px;color:var(--cyan-800);background:var(--cyan-100);border-radius:12px;place-items:center;font-weight:800;display:grid}.task-row div{gap:4px;display:grid}.task-row strong{font-size:13px}.task-row div span{color:var(--muted);font-size:11px}.task-status{color:var(--cyan-800);background:var(--cyan-50);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.dashboard-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:11px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.auth-layout{grid-template-columns:1fr}.brand-panel{display:none}.auth-panel{padding:38px 24px}.mobile-brand{align-items:center;gap:9px;margin-bottom:56px;display:flex}.dashboard-header{grid-template-columns:auto 1fr;padding:0 24px}.dashboard-header nav{display:none}.user-menu{justify-self:end}.welcome-banner{grid-template-columns:1fr}.route-visual{display:none}}@media (max-width:700px){.role-grid,.metric-grid{grid-template-columns:1fr}.role-option{min-height:65px}.dashboard-header{min-height:68px}.dashboard-logo span,.user-menu div:nth-child(2){display:none}.user-menu button{margin-left:0}.dashboard-main{width:min(100% - 28px,1180px);padding-top:18px}.welcome-banner{border-radius:18px;min-height:330px;padding:34px 26px}.welcome-banner h1{font-size:34px}.metric-grid{gap:12px}.metric-card{min-height:105px}.activity-card{padding:21px}.task-row{grid-template-columns:auto 1fr}.task-status{display:none}}@media (max-width:480px){.auth-panel{align-items:start;padding:26px 19px}.mobile-brand{margin-bottom:44px}.auth-heading h2{font-size:33px}.form-options{align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo-entry{margin-top:12px;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.role-option:focus-within{outline:3px solid var(--cyan-700);outline-offset:3px}.auth-form input:disabled{opacity:.65;cursor:not-allowed}.auth-form input[type=checkbox]{flex:none;width:20px;height:20px}.auth-form{min-width:0}.form-alert,.auth-heading,.role-option{overflow-wrap:anywhere}.role-option>span{min-width:0}.security-note{color:#627c80;font-size:12px;line-height:1.5}.route-state{max-width:640px;margin:12vh auto;padding:24px;line-height:1.6}.route-state h1{font-size:30px;line-height:1.3}.route-state p{color:var(--muted)}.route-state>div{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.route-state button{padding:0 24px}.route-state a{min-height:44px;color:var(--cyan-800);align-items:center;font-weight:700;display:inline-flex}@media (max-width:600px){.auth-form input:not([type=radio]):not([type=checkbox]){font-size:16px}.auth-switch a{min-height:44px;padding:12px 4px;display:inline-block}.auth-panel{min-height:100dvh}.role-option small{font-size:12px}.mobile-brand{margin-bottom:32px}}