@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182230;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #101b2d;--blue: #4569e8;--muted: #8290a3;--border: #e8ecf2}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:var(--navy);color:#fff;padding:25px 17px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:3px 7px 35px}.brand-icon{width:41px;height:41px;display:grid;place-items:center;background:#405fdd;border-radius:12px}.brand strong{font:800 20px Manrope,sans-serif;letter-spacing:-.8px}.brand strong span{color:#88a5ff}.brand small{display:block;color:#8292ac;font-size:8px;letter-spacing:.8px;margin-top:4px}.workspace-label{font-size:10px;color:#77869d;font-weight:700;letter-spacing:1.4px;padding:0 11px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;color:#a8b4c6;background:transparent;border-radius:8px;padding:12px 11px;text-align:left;font-size:13px}.nav-item:hover,.nav-item.active{color:#fff;background:#263b61}.nav-item.active{box-shadow:inset 3px 0 #7293ff}.nav-count{font-style:normal;margin-left:auto;background:#405d9b;padding:2px 7px;border-radius:10px;font-size:10px}.sidebar-bottom{margin-top:auto}.demo-tag{border:1px solid #33445d;color:#aebbd0;border-radius:7px;padding:10px;font-size:9px;letter-spacing:1px}.demo-tag span,.environment span,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48c994;margin-right:6px}.profile{display:flex;align-items:center;gap:10px;padding:19px 2px 0}.profile>div:nth-child(2){flex:1}.profile strong{font-size:11px;display:block}.profile small{font-size:10px;color:#8695a9}.avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:#e9edff;color:#4569e8;font-weight:700;border-radius:9px;font-size:11px}.main-area{margin-left:252px;width:calc(100% - 252px);min-width:0}.topbar{height:66px;padding:0 34px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px}.breadcrumb{color:#9aa5b4}.top-actions{display:flex;align-items:center;gap:20px}.environment{color:#627186;font-size:11px}.icon-button{border:0;background:transparent;color:#69778a}.page-content{max-width:1440px;padding:34px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px}.eyebrow{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.4px;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font:800 27px Manrope,sans-serif;margin-bottom:6px;letter-spacing:-.7px}.welcome-row p{color:var(--muted);font-size:12px;margin:0}.date-chip{background:#fff;border:1px solid var(--border);padding:10px 13px;border-radius:8px;font-size:10px;display:flex;gap:8px;align-items:center;color:#69778a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.stat-card,.panel{background:#fff;border:1px solid var(--border);border-radius:11px}.stat-card{padding:18px}.stat-top{display:flex;justify-content:space-between;color:#78869a;font-size:11px;align-items:center}.stat-top svg{color:#6480e8}.stat-card>strong{display:block;font:800 28px Manrope;margin:16px 0 3px}.stat-card>small{font-size:10px;color:#98a4b3}.section-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-bottom:18px;align-items:start}.panel{padding:20px;min-width:0}.panel h2{font:700 14px Manrope;margin-bottom:5px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px}.panel-heading p{color:var(--muted);font-size:10px;margin:0}.panel-heading>svg{color:#8290a3}.text-button{border:0;background:transparent;color:var(--blue);font-size:10px;display:flex;align-items:center;gap:5px}.workflow-row,.automation-task{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f6;min-width:0}.workflow-row:last-child,.automation-task:last-child{border-bottom:0}.workflow-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eff2ff;color:#5575e8;flex-shrink:0}.workflow-info{flex:1;min-width:0}.workflow-info strong,.activity-row strong{display:block;font-size:11px;font-weight:700}.workflow-info small,.activity-row small{display:block;color:#98a3b2;font-size:9px;margin-top:4px}.status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;white-space:nowrap;background:#f0f3f8;color:#66768c}.status.good{background:#e8f8f0;color:#20895c}.status.bad{background:#fff0ee;color:#c75b50}.status.pending{background:#fff7e7;color:#aa7b22}.activity-row{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f6}.activity-row:last-child{border:0}.activity-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#6e8bec;flex-shrink:0}.activity-dot.success{background:#40ba83}.activity-dot.error{background:#df7067}.activity-dot.info{background:#6689e9}.automation-banner{display:flex;align-items:center;gap:15px;background:#f0f4ff;border-color:#dfe7ff}.banner-icon{background:#fff;color:#4b6ce1;padding:12px;border-radius:10px}.automation-banner>div:nth-child(2){flex:1}.automation-banner h2{margin-bottom:5px}.automation-banner p{margin:0;font-size:10px;color:#75839b}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:10px 13px;font-size:10px;font-weight:700}.primary-button{background:var(--blue);color:#fff}.primary-button:hover{background:#3455cc}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:#52627a;background:#eef1f6}.compact{padding:8px 10px}.subtle-tag{font-size:9px;color:#697a91;background:#f2f5fa;padding:7px 10px;border-radius:20px}.workflow-list{margin-top:12px}.failure-toggle{display:flex;gap:8px;align-items:center;padding:11px;background:#fff7e8;border:1px solid #f6e6c2;border-radius:8px;color:#8b692b;font-size:10px}.failure-toggle input{accent-color:#d49c35}.capability,.principle{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f6;font-size:11px}.capability svg,.principle svg{color:#43ae80;flex-shrink:0}.principle{align-items:flex-start}.principle p{font-size:10px;color:#8491a3;margin:4px 0 0}.metric{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0f2f6;font-size:10px;color:#78869a}.metric strong{color:#273448;font-size:13px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:10px;border-radius:7px;margin-bottom:15px;color:#8794a6}.search-box input{border:0;outline:0;flex:1;min-width:0;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;min-width:590px}th{color:#8995a5;font-size:9px;font-weight:600;padding:11px 9px;border-bottom:1px solid var(--border)}td{padding:13px 9px;border-bottom:1px solid #f0f2f6;color:#5c6a7d}td strong,td small{display:block}td strong{color:#28364a}td small{color:#98a4b3;margin-top:4px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8f9fc}.subtle-tag .live-dot{margin:0 5px 0 0}.select-control{width:100%;padding:11px;border:1px solid var(--border);border-radius:7px;background:#fff;margin-bottom:20px;color:#45546a;font-size:11px}.screening-result{text-align:center;padding:10px 0}.score-circle{width:100px;height:100px;border:7px solid #e4eaff;border-right-color:#5272e6;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font:800 28px Manrope;color:#4569e8}.score-circle small{font-size:9px}.screening-result h3{font:700 16px Manrope;margin-bottom:4px}.screening-result>p{color:#8b98a9;font-size:10px;margin-bottom:10px}.evidence-box{text-align:left;background:#f7f8fc;border:1px solid var(--border);padding:14px;border-radius:8px;margin:18px 0}.evidence-box strong{font-size:11px}.evidence-box p{color:#7e8a9c;font-size:10px;line-height:1.6;margin:9px 0 0}.button-row{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.notice{padding:12px 15px;margin-bottom:18px;border:1px solid #cdebdc;border-radius:8px;background:#edfaf3;color:#237c53;font-size:11px;display:flex;align-items:center;gap:8px}.empty{color:#8a97a8;text-align:center;font-size:11px;padding:20px}.log-row{padding:14px 0}footer{border-top:1px solid var(--border);padding:19px 34px;color:#98a4b3;font-size:9px}footer span{padding:0 5px}@media(max-width:1050px){.sidebar{width:210px}.main-area{margin-left:210px;width:calc(100% - 210px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.automation-banner{flex-wrap:wrap}}@media(max-width:650px){.sidebar{width:62px;padding:16px 8px}.brand{padding:0 2px 30px}.brand-icon{width:43px;height:43px}.brand>div:nth-child(2),.workspace-label,.nav-item span,.nav-count,.sidebar-bottom .demo-tag,.profile>div:nth-child(2),.profile>svg{display:none}.nav-item{justify-content:center;padding:12px 5px}.main-area{margin-left:62px;width:calc(100% - 62px)}.topbar{padding:0 13px;height:56px}.top-actions{gap:9px}.environment{font-size:9px}.page-content{padding:22px 13px}.welcome-row{align-items:flex-start}h1{font-size:22px}.welcome-row p{line-height:1.5}.date-chip{font-size:0;padding:9px}.date-chip svg{width:17px;height:17px}.stats-grid{gap:9px}.stat-card{padding:12px}.stat-top{font-size:9px;gap:4px}.stat-card>strong{font-size:23px}.stat-card>small{font-size:9px}.panel{padding:14px}.workflow-row,.automation-task{flex-wrap:wrap}.workflow-info{flex-basis:calc(100% - 50px)}.automation-task .status{margin-left:45px}.automation-banner{align-items:flex-start}.automation-banner .primary-button{width:100%}footer{padding:16px 13px}}.notice.error{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.notice.error svg{color:#dc2626!important;flex-shrink:0}.notice.success{background:#f0fdf4!important;color:#15803d!important;border:1px solid #bbf7d0!important}.notice.success svg{color:#16a34a!important;flex-shrink:0}