:root{background:#f5f7fb;color:#172033;font-family:Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f5f7fb;margin:0;min-width:320px}.font-helvetica,.font-inter{font-family:Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.app-main{min-width:0;padding:28px}.page-stack{display:grid;gap:24px}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.eyebrow{color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.page-title{color:#111827;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:750;line-height:1.12;margin:0}.page-copy{color:#526070;margin:8px 0 0;max-width:720px}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.btn,.toolbar{align-items:center}.btn{background:#fff;border:1px solid #d8e0ec;border-radius:8px;color:#243041;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:9px 14px}.btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn.danger{background:#fff;border-color:#fecaca;color:#b91c1c}.btn:disabled{cursor:not-allowed;opacity:.68}.btn.icon{padding:0;width:40px}.grid{display:grid;gap:16px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e1e7ef;border-radius:8px;box-shadow:0 12px 30px #0f172a0d}.card-pad{padding:20px}.metric{display:grid;gap:14px}.metric-icon{align-items:center;background:#e8f1ff;border-radius:8px;color:#2563eb;display:inline-flex;height:38px;justify-content:center;width:38px}.metric-label{color:#64748b;font-size:.88rem;font-weight:700;margin:0}.metric-value{color:#111827;font-size:1.65rem;font-weight:800;margin:0}.metric-trend{color:#0f8b57;font-size:.88rem;font-weight:700;margin:0}.section-title{color:#1f2937;font-size:1rem;margin:0 0 14px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:720px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #edf1f6;padding:13px 16px;text-align:left;white-space:nowrap}.data-table th{color:#64748b;font-size:.78rem;text-transform:uppercase}.status{align-items:center;background:#e8f7ef;border-radius:999px;color:#0f8b57;display:inline-flex;font-size:.82rem;font-weight:800;padding:4px 10px}.status.warn{background:#fff7df;color:#a15c00}.approval-panel,.approval-request{display:grid;gap:18px}.approval-details{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.approval-details div{display:grid;gap:4px}.approval-details dt{color:#64748b;font-size:.76rem;font-weight:800;text-transform:uppercase}.approval-details dd{color:#111827;font-weight:700;margin:0;min-width:0}.approval-actions{display:flex;gap:10px;justify-content:flex-end}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:7px}.field label,.field>span:not(.password-field,.contact-field){color:#05060f;font-size:.87rem;font-weight:500}.input{background:#fff;border:1px solid #e3e6ee;border-radius:8px;box-shadow:0 1px 2px #0f172a08;color:#05060f;min-height:36px;outline:none;padding:8px 11px;width:100%}.input::-moz-placeholder{color:#9ca3af}.input::placeholder{color:#9ca3af}.btn:focus-visible,.country-select:focus,.input:focus,.password-toggle:focus-visible,.role-button:focus-visible{border-color:#9aa5ff;box-shadow:0 0 0 3px #5b66e824;outline:none}.settings-row{align-items:center;border-top:1px solid #edf1f6;display:flex;gap:16px;justify-content:space-between;padding:16px 0}.settings-row:first-child{border-top:0;padding-top:0}.settings-row p{color:#667085;margin:4px 0 0}.toggle{background:#cbd5e1;border:0;border-radius:999px;height:28px;position:relative;width:48px}.toggle:after{background:#fff;border-radius:50%;content:"";height:20px;left:4px;position:absolute;top:4px;transition:transform .18s ease;width:20px}.toggle.on{background:#2563eb}.toggle.on:after{transform:translate(20px)}.chart-bars{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(7,minmax(34px,1fr));height:260px}.bar{align-content:end;color:#64748b;display:grid;font-size:.78rem;font-weight:700;gap:8px;height:100%;text-align:center}.bar span{display:block;min-height:18px}.bar-fill{background:linear-gradient(180deg,#2563eb,#14b8a6);border-radius:8px 8px 3px 3px;min-height:24px}.login-page{background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.login-hero,.login-page{display:grid;min-height:100vh}.login-hero{align-content:center;background:linear-gradient(135deg,#0f172ad6,#2563eb9e),url(https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;color:#fff;order:1;overflow:hidden;padding:clamp(42px,7vw,86px);position:relative}.login-hero-content{display:grid;gap:14px;justify-items:start;position:relative;text-align:left;width:min(100%,660px);z-index:2}.login-hero h1{font-size:clamp(2.35rem,4vw,4.7rem);font-weight:800;line-height:1;margin:0}.login-hero p{color:#ffffffdb;font-size:1.02rem;line-height:1.45;margin:0;max-width:560px}.auth-panel{align-content:start;background:#fff;display:grid;font-family:Helvetica,Arial,sans-serif;gap:16px;justify-self:stretch;min-height:820px;order:2;padding:clamp(44px,6vw,72px) clamp(64px,8vw,112px) 22px;width:100%}.login-card{box-shadow:-26px 0 70px #0f172a14}.auth-brand{color:#111827;font-size:1rem;font-weight:800;gap:10px;line-height:1.2}.auth-brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{background:#111827;border-radius:8px;color:#fff;font-weight:900;height:42px;justify-content:center;width:42px}.brand-mark.dark{background:#ffffffeb;color:#111827}.logo-mark{background:#fff;border:1px solid #d8e4f5;-o-object-fit:contain;object-fit:contain;overflow:hidden;padding:3px}.auth-kicker{color:#ffffffc2;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.auth-header{display:grid;gap:8px;margin:12px 0;text-align:left}.auth-header h2{color:#05060f;font-size:2.22rem;font-weight:800;line-height:1.05;margin:0}.auth-header p,.auth-switch-copy{color:#26314a;font-size:.94rem;margin:0}.role-button{background:#fff;border:1px solid #e5e7ef;border-radius:8px;box-shadow:0 1px 2px #0f172a0a;color:#111827;font-weight:700;min-height:36px}.role-switcher{background:#f8fafc;border:1px solid #e6ebf2;border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.role-button{background:transparent;border-color:transparent;box-shadow:none;color:#0f172a;font-size:.9rem;min-height:38px}.role-button.active{background:#fff;border-color:#dbe5f6;box-shadow:0 8px 18px #0f172a14;color:#1d4ed8}.register-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form{display:grid;font-family:Helvetica,Arial,sans-serif;gap:14px}.auth-panel .field{gap:5px}.auth-panel .field>span:not(.password-field,.contact-field){font-size:.86rem}.auth-panel .input{border-radius:7px;font-size:.9rem;min-height:36px;padding:8px 11px}.auth-form-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-step-meta{color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase}.auth-textarea{min-height:96px;resize:vertical}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:.9rem;font-weight:700;margin:0;padding:10px 12px}.auth-actions{display:grid}.auth-actions.split{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-actions .btn{border-radius:7px;margin-top:0;min-height:44px;min-width:0;width:100%}.auth-actions .btn.primary{box-shadow:none}.auth-demo-credentials{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;display:grid;gap:8px;padding:12px}.auth-demo-credentials div{align-items:center;display:flex;gap:12px;justify-content:space-between}.auth-demo-credentials span{color:#64748b;font-size:.82rem;font-weight:800}.auth-demo-credentials strong{color:#1f2937;font-size:.9rem;text-align:right}.auth-form-row{display:flex;font-size:.78rem;justify-content:flex-end;margin-top:-4px}.auth-footer a,.auth-link,.auth-switch-copy a{color:#4f63ff;font-family:Helvetica,Arial,sans-serif;font-weight:500}.auth-switch-copy{font-size:.82rem;margin-top:2px;text-align:left}.auth-panel .btn.primary{background:#2563eb;border-color:#2563eb;border-radius:7px;box-shadow:0 12px 28px #2563eb33;font-size:.92rem;margin-top:8px;min-height:44px;width:100%}.auth-panel .auth-actions .btn{margin-top:0;min-height:44px}.auth-panel .auth-actions .btn.primary{box-shadow:none;margin-top:0}.auth-footer{align-items:center;color:#243041;display:flex;flex-wrap:wrap;font-size:.7rem;gap:8px 12px;justify-content:center;margin-top:auto;padding-top:26px}.auth-footer a+a,.auth-footer span+a{border-left:1px solid #d6dae5;padding-left:14px}.contact-field,.password-field{align-items:center;display:flex;position:relative}.password-field .input{padding-right:38px}.password-toggle{align-items:center;border:0;border-radius:6px;color:#777c8d;display:inline-flex;height:26px;justify-content:center;right:9px;width:26px}.country-select,.password-toggle{background:transparent;position:absolute}.country-select{border:0;color:#0f172a;font-size:.8rem;font-weight:500;left:10px;width:40px;z-index:1}.contact-input{padding-left:54px}.muted{color:#64748b}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem;font-weight:700;margin:0;padding:10px 12px}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.app-main{padding:20px}.approval-details,.grid.metrics,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-hero{min-height:460px;padding:42px 28px}.auth-panel{min-height:790px}}@media(max-width:760px){.page-header{display:grid}.approval-actions,.approval-details,.form-grid,.grid.metrics,.grid.two{grid-template-columns:1fr}.approval-actions{display:grid}.login-hero{min-height:360px;padding:34px 22px}.login-hero h1{font-size:2.25rem}.auth-panel{padding:28px 30px;width:100%}.auth-form-grid,.role-switcher{grid-template-columns:1fr}}