@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0f172a;font-family:Manrope,sans-serif}.auth-shell,.loading-shell{background:radial-gradient(circle at 20% 10%,#d9ecff 0%,#0000 40%),radial-gradient(circle at 90% 0,#d8f4eb 0%,#0000 34%),#f6f8ff;place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:#ffffffeb;border:1px solid #dbe4ff;border-radius:1rem;width:min(100%,440px);padding:1.3rem;box-shadow:0 12px 34px #0f1f551f}.auth-card h1{margin:0;font-size:1.6rem}.auth-card p{color:#4e5874;margin-top:.45rem}form{gap:.5rem;margin-top:1rem;display:grid}label{color:#45506e;font-size:.86rem}input{font:inherit;border:1px solid #ccd7f5;border-radius:.65rem;padding:.65rem .75rem}select,textarea{font:inherit;background:#fff;border:1px solid #ccd7f5;border-radius:.65rem;width:100%;padding:.65rem .75rem}button{cursor:pointer;font:inherit;color:#fff;background:linear-gradient(130deg,#2563eb,#0d9488);border:none;border-radius:.65rem;padding:.62rem .92rem;font-weight:700}.toast{z-index:20;color:#fff;background:#082f49;border-radius:.6rem;padding:.5rem .8rem;font-size:.84rem;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 20px #082f494d}button:disabled{opacity:.65;cursor:not-allowed}.error{color:#b91c1c;margin-top:.7rem;font-size:.85rem}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.9rem;display:grid}.demo-pill{color:#0f172a;background:#fff;border:1px solid #cbd5e1;padding:.45rem .55rem;font-size:.8rem}.layout{background:linear-gradient(130deg,#eef2ff 0%,#f3f9ff 50%,#f8fafc 100%);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-right:1px solid #dde5f7;padding:1rem}.brand{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.mark{color:#fff;background:linear-gradient(130deg,#2563eb,#0d9488);border-radius:.68rem;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.brand h2{margin:0;font-size:1rem}.brand p{color:#5b647d;margin:.2rem 0 0;font-size:.78rem}.nav-item{color:#4e5874;text-align:left;background:#fff;border:1px solid #dde5f7;border-radius:.7rem;margin-bottom:.45rem;padding:.58rem .72rem;font-size:.88rem}.nav-item.active{color:#1f3f8c;background:linear-gradient(130deg,#e8f0ff,#e3fffb);border-color:#9db7f2}.main{padding:1rem}.header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.header h1{margin:0;font-size:1.45rem}.header p{color:#4e5874;margin-top:.45rem}.header-actions{gap:.55rem;display:flex}.subnav-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.subnav-item{color:#1f2937;background:#fff;border:1px solid #cbd5e1;padding:.44rem .75rem;font-size:.82rem}.subnav-item.active{color:#1e3a8a;background:linear-gradient(130deg,#e0ecff,#dcfdf7);border-color:#93c5fd}.secondary{color:#182347;background:#fff;border:1px solid #c3d0f0}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem;display:grid}.kpi-card,.card{background:#ffffffe0;border:1px solid #dde5f7;border-radius:.95rem;box-shadow:0 8px 24px #13245b14}.kpi-card{padding:.8rem}.kpi-card .label{color:#4e5874;margin:0;font-size:.78rem}.kpi-card .value{margin:.45rem 0;font-size:1.2rem;font-weight:800}.kpi-card .delta{margin:0;font-size:.78rem}.pos{color:#15803d}.neg{color:#b45309}.content-grid{grid-template-columns:2fr 1fr;gap:.7rem;margin-top:.7rem;display:grid}.card{padding:.85rem}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head h3{margin:0}.card-head span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:.2rem .5rem;font-size:.75rem}.panel-subtitle{color:#475569;margin:.5rem 0 0;font-size:.86rem}ul{margin:.65rem 0 0;padding-left:1rem}li{margin-bottom:.5rem}.action-btn{text-align:left;width:100%}.chart{align-items:flex-end;gap:.4rem;height:220px;margin-top:.7rem;display:flex}.detail-grid{grid-template-columns:2fr 1fr;gap:.7rem;margin-top:.7rem;display:grid}.workflow-panel{max-height:min(80vh,760px);margin-top:0;overflow:auto}.workflow-modal{z-index:25;background:#02081780;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.workflow-modal-content{width:min(960px,100%);position:relative}.modal-close{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;width:2rem;height:2rem;padding:0;font-size:1.1rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.6rem;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid label,.workflow-panel>label{color:#334155;gap:.35rem;font-size:.84rem;display:grid}.bulk-input{resize:vertical;min-height:140px;margin-top:.6rem}.meta-row{margin:.4rem 0;font-size:.86rem}.badge{border:1px solid #0000;border-radius:999px;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.badge-ok{color:#166534;background:#dcfce7;border-color:#bbf7d0}.badge-warn{color:#9a3412;background:#ffedd5;border-color:#fed7aa}.badge-danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}.btn-row{gap:.5rem;margin-top:.65rem;display:flex}.btn-row.wrap{flex-wrap:wrap}.row-selected{background:#eff6ff}.bar-wrap{text-align:center;flex:1}.bar{background:linear-gradient(#4f88f6,#225fdf);border-radius:.45rem .45rem 0 0}.bar-wrap small{color:#64748b;margin-top:.3rem;display:inline-block}.table-wrap{margin-top:.6rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:.56rem}th{color:#475569;font-size:.83rem}td{font-size:.85rem}@media (width<=1080px){.layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dde5f7;border-right:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.detail-grid,.form-grid{grid-template-columns:1fr}}@media (width<=640px){.kpi-grid,.demo-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}