@charset "UTF-8";
:root{--ink:#20282b;--muted:#6c7579;--brand:#c94225;--brand-dark:#9f301b;--paper:#f6f7f8;--line:#e5e8eb;--nav:#172529;--green:#187653;--radius:18px;--shadow:0 8px 32px #1c303507}
*{box-sizing:border-box}body{margin:0;font:14px/1.6 "Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #e4a03d;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1.1px;font-weight:650;margin-bottom:12px}h2{font-size:18px;letter-spacing:-.25px}h3{font-size:15px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:12px}.pill{display:inline-flex;align-items:center;gap:7px;background:#eef7f1;color:var(--green);border:1px solid #d6eadd;border-radius:30px;padding:4px 11px;font-size:11px;font-weight:650;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.pending{background:#fff6e7;color:#97611c;border-color:#f4dfbd}.icon{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:-90px;left:20px;background:white;padding:14px;z-index:100}.skip-link:focus{top:12px}.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#ced6d8;display:flex;flex-direction:column;padding:32px 20px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:inherit;font-size:21px;letter-spacing:.7px;font-weight:700}.brandmark{display:grid;place-items:center;height:35px;width:35px;background:var(--brand);border-radius:11px;color:white;font-size:21px}.brand-note{font-size:9px;letter-spacing:2.3px;color:#7c969c;text-transform:uppercase;margin:6px 0 42px 45px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#789196;text-transform:uppercase;margin:20px 14px 9px}nav a{display:flex;gap:13px;align-items:center;border-radius:10px;color:#afc1c6;padding:12px 14px;margin:3px 0;font-size:13px}nav a:hover{background:#22373d;text-decoration:none;color:white}nav a[aria-current=page]{background:#2b3e43;color:white;border-left:2px solid #f18c68}.nav-badge{font-size:9px;background:#30464b;padding:2px 6px;border-radius:4px;margin-left:auto;color:#c5d4d7}.sidebar-footer{margin-top:auto;border-top:1px solid #2c4146;padding:22px 14px 0;font-size:11px;color:#789196}.shell-main{min-width:0}.topbar{height:84px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.breadcrumb{font-size:12px;color:var(--muted)}.divider{width:1px;height:22px;background:var(--line)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f9e8e1;color:var(--brand-dark);font-weight:700}.account-copy{font-size:12px;line-height:1.4}.account-copy span{display:block;font-size:10px;color:var(--muted)}.signout{background:none;border:0;color:var(--muted);padding:8px}.content{padding:38px 42px 30px;max-width:1650px;margin:auto}.page-heading{display:flex;gap:22px;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading p{margin:0;color:var(--muted);max-width:600px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--line);background:white;color:var(--ink);font-weight:600;font-size:12px;padding:11px 17px;border-radius:9px;white-space:nowrap}.button:hover{text-decoration:none;background:#f9fafb}.button.primary{color:white;background:var(--brand);border-color:var(--brand)}.button.primary:hover{background:var(--brand-dark)}.button.danger{color:#a72e21;border-color:#ecc7bf}.button.full{width:100%}.notice{display:flex;align-items:flex-start;gap:13px;background:#fff7ee;border:1px solid #f0e2d0;border-radius:12px;padding:15px 18px;color:#795c38;margin-bottom:25px;font-size:12px}.notice p{margin:0}.notice strong{display:block;color:#5c452c;margin-bottom:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.metric-label{font-size:12px;color:var(--muted)}.metric-icon{background:#faf0eb;color:#b75a38;border-radius:10px;width:35px;height:35px;display:grid;place-items:center}.metric strong{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.7px;display:block}.metric small{font-size:11px;color:var(--muted);display:block;margin-top:7px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:23px}.card-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.card-head h2{margin:0}.card-body{padding:24px}.tabs{display:flex;gap:5px;overflow:auto;padding:12px 18px;border-bottom:1px solid var(--line)}.tabs a{white-space:nowrap;padding:7px 13px;font-size:12px;border-radius:7px;color:var(--muted)}.tabs a[aria-current=page]{color:var(--brand-dark);background:#f9ece6;font-weight:650}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:15px 24px;border-bottom:1px solid #f0f2f3;white-space:nowrap}th{color:#8a9396;background:#fbfcfc;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:600}tbody tr:last-child td{border-bottom:0}td .sub{display:block;font-size:10px;color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 25px}.empty-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#eff5f3;color:#4d7b69;margin-bottom:17px}.empty h3{margin-bottom:7px}.empty p{max-width:360px;font-size:12px;color:var(--muted);margin:0}.table-footer{padding:15px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;align-items:center}.health-row{display:flex;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2f3}.health-row:first-child{padding-top:0}.health-row:last-child{border:0;padding-bottom:0}.health-row p{margin:0;font-size:11px;color:var(--muted)}.health-row strong{font-size:12px;display:block}.health-dot{width:8px;height:8px;background:#4a9973;border-radius:50%;margin-top:6px;flex-shrink:0}.health-dot.pending{background:#d39a48}.accent-card{background:linear-gradient(135deg,#263e43,#172b30);color:#e3edee;border:0}.accent-card .eyebrow{color:#91aaaf}.accent-card h2{font-size:21px}.accent-card p{font-size:12px;color:#a0b7bb}.phase-line{display:flex;align-items:center;gap:9px;font-size:11px;color:#b4cbcf;padding:8px 0}.phase-line:before{content:"";width:6px;height:6px;background:#f09b79;border-radius:50%}.footer{font-size:10px;color:#8a9599;display:flex;justify-content:space-between;gap:15px;padding:0 42px 24px}.mobile-toggle{display:none;background:none;border:0;padding:6px}.form-grid{display:grid;gap:19px}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.input{width:100%;padding:12px 13px;border:1px solid #dbe0e3;border-radius:9px;background:white;color:var(--ink);min-height:46px}.help{font-size:11px;color:var(--muted);margin:6px 0 0}.feedback:empty{display:none}.feedback{background:#fff0eb;border:1px solid #efcabe;color:#9a3b27;padding:12px 16px;border-radius:10px;font-size:12px;margin-bottom:22px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:48% 52%;background:white}.auth-story{background:radial-gradient(ellipse at 0 100%,#385954 0,transparent 55%),#172b30;color:white;padding:50px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";width:380px;height:380px;border:1px solid #ffffff12;border-radius:50%;position:absolute;right:-150px;bottom:-100px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}.auth-story .brand{margin-bottom:auto}.auth-story .eyebrow{color:#bd9a74}.auth-story h1{font-size:clamp(35px,4vw,55px);max-width:430px;line-height:1.17;font-weight:500;letter-spacing:-1.8px}.auth-story .intro{color:#a8c0c2;max-width:380px;font-size:15px;margin:24px 0 42px}.auth-features{display:flex;gap:22px;flex-wrap:wrap;color:#c7d5d7;font-size:11px;margin-bottom:50px}.auth-features span{display:flex;align-items:center;gap:8px}.auth-copy{font-size:10px;color:#6d9399;margin-top:auto}.auth-main{display:flex;align-items:center;justify-content:center;padding:50px 30px}.auth-form{width:100%;max-width:380px}.auth-form h1{font-size:30px;letter-spacing:-.8px}.auth-form .intro{color:var(--muted);font-size:13px;margin-bottom:30px}.auth-foot{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;font-size:11px;color:var(--muted)}.key{font:15px/1.7 Consolas,monospace;letter-spacing:2px;word-break:break-all;background:#f5f7f8;padding:15px;border:1px solid var(--line);border-radius:9px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form .input{min-width:200px}.section-note{font-size:12px;color:var(--muted);margin-top:18px}.error-wrap{max-width:650px;margin:14vh auto;text-align:center;padding:35px}.error-wrap h1{margin-top:28px}.error-code{font:12px Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}.loading-label{display:none}form.submitting .loading-label{display:inline}.menu-backdrop{display:none}
@media(min-width:1600px){.content{padding-top:48px}}
@media(max-width:1150px){.workspace{grid-template-columns:215px minmax(0,1fr)}.content{padding:28px}.topbar{padding:0 28px}.columns{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metric{padding:19px}.footer{padding:0 28px 24px}.auth-story{padding:45px}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:fixed;z-index:20;width:244px;left:-260px;transition:left .2s}.workspace.menu-open .sidebar{left:0}.mobile-toggle{display:block}.workspace.menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#12282f77;z-index:15;border:0}.topbar{height:68px;padding:0 18px}.content{padding:27px 18px}.account-copy,.topbar-right .divider{display:none}.page-heading{align-items:start}.page-heading .button{padding:10px}.page-heading p{font-size:12px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:17px}.metric-top{margin-bottom:12px}.metric-label{font-size:11px}.metric strong{font-size:26px}.metric-icon{width:29px;height:29px}.card-head,.card-body{padding:19px}.side-stack{display:block}.footer{padding:0 18px 22px;flex-direction:column;gap:2px}th,td{padding:14px 19px}.auth-layout{display:block}.auth-story{padding:25px}.auth-story .brand{margin:0}.auth-story h1,.auth-story .intro,.auth-features,.auth-story .eyebrow,.auth-copy{display:none}.auth-main{padding:38px 24px}.inline-form{flex-direction:column;align-items:stretch}.inline-form .input{min-width:120px}.page-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Theme overrides are centralized; no page or control emits inline CSS. */
:root{color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;min-width:38px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:600}
.theme-toggle:hover{color:var(--ink);background:var(--paper)}
.theme-toggle .icon{height:17px;width:17px}.theme-icon--sun{display:none}
.auth-main{position:relative}.auth-theme{position:absolute;right:28px;top:25px}.error-theme{display:flex;justify-content:center;margin-bottom:35px}
th{color:#64737a}.footer{color:#64757c}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e6edef;--muted:#9aaeb5;--brand:#db6947;--brand-dark:#f29b7f;--paper:#10191d;--line:#2b3b42;--nav:#0c181c;--green:#87d2ad;--shadow:none}
[data-theme="dark"] .topbar,[data-theme="dark"] .metric,[data-theme="dark"] .card,[data-theme="dark"] .input,[data-theme="dark"] .button{background:#18252b}
[data-theme="dark"] .button:hover{background:#22333b}
[data-theme="dark"] .button.primary{background:#c94b2c;border-color:#c94b2c;color:white}
[data-theme="dark"] .button.primary:hover{background:#dc5736}
[data-theme="dark"] .button.danger{color:#ffb4a5;border-color:#785049}
[data-theme="dark"] .metric-icon,[data-theme="dark"] .avatar{background:#3b2c28;color:#f6b08b}
[data-theme="dark"] .pill{background:#18382e;border-color:#2b5c49}
[data-theme="dark"] .pill.pending{background:#3a3020;border-color:#66502f;color:#ecc78b}
[data-theme="dark"] .notice{background:#2c2c23;border-color:#514735;color:#e0c694}
[data-theme="dark"] .notice strong{color:#f3debb}
[data-theme="dark"] th{background:#142026;color:#afbac0}
[data-theme="dark"] th,[data-theme="dark"] td,[data-theme="dark"] .health-row{border-color:#293a41}
[data-theme="dark"] .tabs a[aria-current="page"]{background:#3a2b26;color:#ffba9f}
[data-theme="dark"] .empty-icon{background:#223b33;color:#a2d7be}
[data-theme="dark"] .feedback{background:#3d2826;border-color:#6c4238;color:#f3b3a7}
[data-theme="dark"] .key{background:#111d23}
[data-theme="dark"] .auth-layout{background:#10191d}
[data-theme="dark"] .card.accent-card{background:linear-gradient(135deg,#27424b,#192d35)}
[data-theme="dark"] .footer{color:#9aaeb5}
[data-theme="dark"] .theme-icon--moon{display:none}[data-theme="dark"] .theme-icon--sun{display:block}
@media(max-width:760px){.topbar-right{gap:8px}.topbar .theme-label{display:none}.auth-main{padding-top:78px}.auth-theme{top:18px;right:24px}.sidebar{visibility:hidden}.workspace.menu-open .sidebar{visibility:visible}}

.metric-link{display:block;color:var(--ink)}.metric-link:hover{text-decoration:none;border-color:#c7d2d6}.quick-link{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink)}.quick-link:last-child{border-bottom:0}.quick-link:hover{color:var(--brand-dark)}

/* OTP input presentation only; every proof, expiry and rate limit is checked on the server. */
.otp-input{font-variant-numeric:tabular-nums;letter-spacing:.3em;font-size:22px}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.auth-actions .button{flex:1;min-width:120px}

/* Light navigation uses the customer RanaPlus primary; dark navigation retains its own contrast tokens. */
:root{--nav:#d03920;--nav-ink:#fff;--nav-muted:#fff;--nav-hover:#ad2e1a;--nav-active:#fff;--nav-active-ink:#a72b18;--nav-line:#ffffff66;--nav-badge:#a42b18;--nav-mark:#fff;--nav-mark-ink:#b12f1b;--nav-focus:#fff}
:root[data-theme="dark"]{--nav:#0c181c;--nav-ink:#c5d7dc;--nav-muted:#abc0c7;--nav-hover:#22373d;--nav-active:#2b3e43;--nav-active-ink:#fff;--nav-line:#365058;--nav-badge:#30464b;--nav-mark:#db6947;--nav-mark-ink:#111b1f;--nav-focus:#f4c27c}
.sidebar{color:var(--nav-ink)}.sidebar .brandmark{background:var(--nav-mark);color:var(--nav-mark-ink)}.sidebar .brand-note,.sidebar .nav-label,.sidebar .sidebar-footer{color:var(--nav-muted)}.sidebar nav a{color:var(--nav-ink)}.sidebar nav a:hover{background:var(--nav-hover);color:#fff}.sidebar nav a[aria-current="page"]{background:var(--nav-active);color:var(--nav-active-ink);border-left:0;box-shadow:inset 3px 0 currentColor}.sidebar .nav-badge{background:var(--nav-badge);color:#fff}.sidebar .sidebar-footer{border-color:var(--nav-line)}.sidebar :focus-visible{outline-color:var(--nav-focus)}
/* Read-only UpdatePanel controls remain ordinary HTML submit buttons when JavaScript is unavailable. */
.tabs button{white-space:nowrap;padding:7px 13px;font-size:12px;border-radius:7px;color:var(--muted);border:0;background:transparent}.tabs button[aria-pressed="true"]{color:var(--brand-dark);background:#f9ece6;font-weight:650}.tabs button:hover{color:var(--ink);background:var(--paper)}.text-button{padding:5px 0;background:none;border:0;color:var(--brand-dark);font-size:inherit}.text-button:hover{text-decoration:underline}.table-footer{flex-wrap:wrap}.view-update-status{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:12px}.view-update-status[hidden]{display:none}.view-update-status.is-pending:before{content:"";width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--brand-dark);border-radius:50%;flex-shrink:0;animation:bo-spin .8s linear infinite}.view-updating [data-async-read]{cursor:progress}.view-updating #WorkspacePanel{opacity:.85}.view-updating #WorkspacePanel:focus-within{opacity:1}
[data-theme="dark"] .tabs button[aria-pressed="true"]{background:#3a2b26;color:#ffba9f}
@keyframes bo-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.view-update-status.is-pending:before{animation:none}}
.topbar-left{min-width:0}.topbar .breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{flex-shrink:0}
@media(max-width:480px){.topbar .breadcrumb,.topbar-right>.pill{display:none}}