*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;scrollbar-width:thin;background:#0d1420;flex-direction:column;width:250px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:10px;display:flex}.brandMark{background:#3566f6;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand b,.brand small{display:block}.brand small{color:#9aa6b8;margin-top:2px;font-size:11px}.brand.large{margin-bottom:36px}.nav{gap:6px;margin-top:40px;display:grid}.nav button{color:#9ca8ba;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 13px;display:flex}.nav button:hover,.nav button.active{color:#fff;background:#1a2535}.nav button span{text-align:center;width:18px}.sideBottom{margin-top:auto}.user{border-top:1px solid #273244;align-items:center;gap:9px;padding:12px 4px;display:flex}.user b,.user small{font-size:12px;display:block}.user small{color:#8995a7;margin-top:3px}.avatar{background:#273a5d;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.signout{color:#c8d0dc;background:#182334;border:1px solid #2a374a;border-radius:8px;width:100%;padding:9px}.main{flex:1;min-width:0;max-width:1600px;margin-left:250px;padding:32px 38px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.topbar h1{margin:5px 0;font-size:28px}.eyebrow{letter-spacing:1.2px;color:#748096;font-size:10px;font-weight:800}.topActions{align-items:center;gap:10px;display:flex}.status{white-space:nowrap;background:#fff;border:1px solid #e2e6ed;border-radius:20px;padding:8px 11px;font-size:12px}.status i{background:#20a464;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.toast{background:#fff;border:1px solid #e4e8ef;border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:13px}.error{color:#b42318;background:#fff6f6;border-color:#f1cccc}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric{background:#fff;border:1px solid #e4e8ef;border-radius:13px;padding:18px}.metric small,.metric span{color:#6d788a;display:block}.metric strong{margin:8px 0;font-size:29px;display:block}.metric.danger{border-top:3px solid #e85b63}.dashboardGrid{grid-template-columns:1.35fr .85fr;gap:16px;margin-top:16px;display:grid}.panel{background:#fff;border:1px solid #e2e6ed;border-radius:14px;padding:22px}.panelHead{justify-content:space-between;gap:15px;margin-bottom:17px;display:flex}.panelHead h2{margin:5px 0;font-size:18px}.panelHead p{color:#707b8c;max-width:700px;margin:5px 0;font-size:13px}.pagePanel{min-height:500px}.pageSplit{gap:16px;display:grid}.primary{color:#fff;background:#2e5ce6;border:0;border-radius:8px;padding:10px 15px}.primary:hover{background:#244dcc}.secondary{color:#394457;background:#fff;border:1px solid #d8dde6;border-radius:8px;padding:9px 13px}.secondary:hover{background:#f7f8fa}.textBtn{color:#2e5ce6;background:0 0;border:0;padding:0;font-size:12px}.refreshButton{padding:8px 12px}.recommendation textarea{resize:vertical;border:1px solid #dce1e9;border-radius:10px;outline:none;width:100%;min-height:125px;padding:13px}.formRow{gap:10px;margin-top:10px;display:flex}.formRow select{flex:1}.formRow button{flex:none}.requestForm{gap:15px;display:grid}.requestForm label{font-size:12px;font-weight:700}.requestForm textarea{resize:vertical;border:1px solid #dce1e9;border-radius:9px;width:100%;min-height:110px;margin-top:7px;padding:12px;display:block}.requestForm select,.requestForm input{background:#fff;border:1px solid #dce1e9;border-radius:8px;width:100%;margin-top:7px;padding:10px;display:block}.threeCols{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.full{width:100%;margin-top:22px}.badge{color:#3557b8;background:#edf2ff;border-radius:15px;height:max-content;padding:6px 9px;font-size:11px}.recommendationResult{background:#f1f5ff;border:1px solid #d9e2ff;border-radius:10px;margin-top:16px;padding:16px}.recommendationResult.blocked{background:#fff4f4;border-color:#f1caca}.resultTop{justify-content:space-between;display:flex}.resultTop h3{margin:4px 0;font-size:18px}.resultTop small{letter-spacing:1px;color:#66748b;font-size:9px}.score{text-align:right}.score b{font-size:25px;display:block}.score small{font-size:10px}.reasons{color:#344057;gap:6px;margin-top:10px;font-size:12px;display:grid}.barChart{gap:15px;margin:25px 0;display:grid}.barRow{grid-template-columns:80px 1fr 28px;align-items:center;gap:8px;font-size:12px;display:grid}.barRow div{background:#edf0f5;border-radius:20px;height:8px;overflow:hidden}.barRow i{background:#4268e8;border-radius:20px;height:100%;display:block}.actions{margin-top:16px}.signal{align-items:center;gap:12px;display:flex}.signal .dot{border-radius:50%;width:10px;height:10px}.signal .red{background:#e45862}.signal div{flex:1}.signal b,.signal small{display:block}.signal small{color:#778195;margin-top:3px;font-size:12px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.7px;color:#788396;border-bottom:1px solid #e5e8ee;padding:12px;font-size:10px}td{vertical-align:middle;border-bottom:1px solid #eef0f4;padding:13px 12px;font-size:12px}td small{color:#778195;max-width:350px;margin-top:3px;display:block}.actionsCell{gap:6px;display:flex}.actionsCell button,td button{color:#fff;background:#2e5ce6;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.actionsCell button.secondary{color:#394457;background:#fff;border:1px solid #d8dde6}.empty{text-align:center;color:#8791a0;padding:60px}.statusPill{color:#586478;white-space:nowrap;background:#eef1f5;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:700}.approved,.resolved,.enabled,.active{color:#177348;background:#e8f7ef}.rejected,.high,.expired{color:#b43743;background:#fff0f0}.open,.recommended,.in_progress,.pending_review{color:#99680b;background:#fff5df}.exception_required{color:#b43743;background:#fff0f0}.exceptionCards{gap:14px;display:grid}.exceptionCard{background:#fbfcfe;border:1px solid #e4e8ef;border-radius:12px;padding:17px}.exceptionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.exceptionHeader h3{margin:5px 0}.exceptionMeta{color:#697588;flex-wrap:wrap;gap:15px;margin:15px 0;font-size:12px;display:flex}.justification,.decisionReason{background:#fff;border:1px solid #e7eaf0;border-radius:9px;margin-top:10px;padding:12px}.justification p,.decisionReason p{color:#536075;margin-bottom:0;font-size:12px;line-height:1.55}.expiry{color:#99680b;margin-top:12px;font-size:11px}.decisionBox{border-top:1px solid #e4e8ef;gap:10px;margin-top:15px;padding-top:15px;display:grid}.decisionBox input,.decisionBox textarea{border:1px solid #dce1e9;border-radius:8px;width:100%;padding:10px}.decisionBox textarea{resize:vertical;min-height:80px}.notificationList{gap:10px;display:grid}.notification{border:1px solid #e4e8ef;border-radius:10px;gap:13px;padding:15px;display:flex}.notificationIcon{color:#3557b8;background:#edf2ff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.notification p{color:#6d788a;font-size:12px}.notification small{color:#9aa3b1}.loginPage{color:#fff;background:#0d1420;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.loginVisual{padding:12vh 9vw;position:relative;overflow:hidden}.loginVisual h1{margin:22px 0;font-size:54px;line-height:1.05}.loginVisual p{color:#aeb9ca;max-width:520px}.orb{background:radial-gradient(circle,#274d9f44,#0000 68%);border-radius:50%;width:480px;height:480px;position:absolute;top:-80px;right:-120px}.loginFlow{color:#aeb9ca;align-items:center;gap:14px;margin-top:70px;display:flex}.loginFlow span{border:1px solid #344259;border-radius:20px;padding:8px 12px}.loginCard{color:#182033;background:#fff;border-radius:18px;width:min(440px,90%);margin:auto;padding:42px;box-shadow:0 20px 70px #0005}.loginCard h2{margin-bottom:5px}.loginCard p{color:#6d788a}.loginCard label{margin-top:18px;font-size:12px;font-weight:600;display:block}.loginCard input{border:1px solid #d9dee7;border-radius:8px;width:100%;margin-top:7px;padding:12px}.errorBox{color:#b42318;background:#fff0f0;border-radius:7px;margin-top:12px;padding:9px;font-size:12px}.demo{color:#8993a4;margin-top:16px;display:block}@media (width<=1100px){.sidebar{width:210px}.main{margin-left:210px;padding:24px}.metrics{grid-template-columns:1fr 1fr}.dashboardGrid{grid-template-columns:1fr}}@media (width<=800px){.threeCols,.loginPage{grid-template-columns:1fr}.loginVisual{display:none}}@media (width<=650px){.sidebar{width:100%;height:auto;position:static}.shell{display:block}.main{margin:0;padding:20px}.nav{flex-wrap:wrap;display:flex}.sideBottom{margin-top:20px}.metrics{grid-template-columns:1fr}.loginCard{margin:30px auto}.topbar{display:block}.topActions{flex-wrap:wrap;margin-top:15px}.formRow{display:block}.formRow select,.formRow button{width:100%;margin-top:8px}.signal{align-items:flex-start}}.discoveryIntro h2,.heroPanel h2{margin:7px 0;font-size:26px}.workflowStrip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.workflowStrip span{color:#3557b8;background:#f1f5ff;border:1px solid #dce5ff;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700}.workflowStrip b{color:#8b96a8}.discoveryForm{grid-template-columns:repeat(3,minmax(0,1fr))}.discoveryForm label{font-size:12px;font-weight:700;display:block}.discoveryForm input,.discoveryForm select,.discoveryForm textarea{background:#fff;border:1px solid #dce1e9;border-radius:8px;width:100%;margin-top:7px;padding:10px;display:block}.discoveryForm textarea{resize:vertical;min-height:95px}.discoveryForm .span2{grid-column:span 2}.formActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.formHint{color:#748096;font-size:11px}.infoCallout{color:#5e6a7d;background:#f7f9fd;border:1px solid #e2e7ef;border-radius:10px;gap:5px;margin-bottom:17px;padding:13px 15px;font-size:12px;display:grid}.infoCallout b{color:#26344a}.tableDescription{color:#66748b;max-width:390px;line-height:1.45;display:block}.guidePage{gap:16px;display:grid}.heroPanel{color:#fff;background:linear-gradient(135deg,#0d1420,#182b50);border-radius:16px;padding:28px}.heroPanel .eyebrow{color:#aab7ca}.heroPanel p{color:#c2ccda;max-width:850px;line-height:1.6}.guideGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.guideCard{background:#fff;border:1px solid #e2e6ed;border-radius:13px;padding:17px}.stepNumber{color:#2e5ce6;background:#edf2ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.guideCard h3{margin:13px 0 7px;font-size:15px}.guideCard p{color:#66748b;min-height:100px;font-size:12px;line-height:1.55}.accountGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.accountGrid>div{border:1px solid #e2e6ed;border-radius:10px;gap:5px;padding:14px;display:grid}.accountGrid span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.accountGrid small{color:#748096;line-height:1.45}.demoPassword{color:#66748b;margin-bottom:0;font-size:12px}.demoAccountsInline{color:#748096;gap:7px;margin-top:18px;font-size:11px;display:grid}.demoAccountsInline>div{flex-wrap:wrap;gap:6px;display:flex}.demoAccountsInline button{padding:7px 9px;font-size:10px}@media (width<=1200px){.guideGrid,.discoveryForm{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.guideGrid,.accountGrid,.discoveryForm{grid-template-columns:1fr}.discoveryForm .span2{grid-column:span 1}}
