*{box-sizing:border-box}html,body{color:#18171d;background:#f7f7fa;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{z-index:5;background:#fff;border-right:1px solid #e8e6ed;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;padding:6px 8px 22px;display:flex}.brand img{object-fit:contain;width:128px;height:auto}.brand>div{display:none}.brand b{font-size:13px}.brand span{color:#89838f;margin-top:3px;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:5px;margin-top:10px;display:flex}.sidebar nav button{color:#5d5865;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;font-weight:600;display:flex;position:relative}.sidebar nav button span{text-align:center;color:#7c7484;width:18px}.sidebar nav button:hover{color:#4a176e;background:#f6f1fb}.sidebar nav button.active{color:#6d2295;background:#f2e8fb}.sidebar nav button.active span{color:#7c2bb0}.sidebar nav button em{color:#fff;background:#7b2cb4;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:11px;font-style:normal;display:grid}.sideFoot{border-top:1px solid #eeeaf1;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 6px;display:flex}.statusDot{background:#30b56a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e8f8ef}.sideFoot b{font-size:12px}.sideFoot span{color:#9a94a0;margin-top:2px;font-size:11px;display:block}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#ffffffe6;border-bottom:1px solid #e9e7ec;justify-content:space-between;align-items:center;height:96px;padding:0 34px;display:flex;position:sticky;top:0}.eyebrow{color:#8a8190;letter-spacing:.14em;margin:0 0 4px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.025em;margin:0;font-size:25px}.topActions{align-items:center;gap:12px;display:flex}.ghost{color:#554e5c;background:#fff;border:1px solid #ded9e4;border-radius:10px;padding:9px 12px}.avatar{color:#fff;background:linear-gradient(145deg,#7b2cb4,#4c1768);border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.content{max-width:1600px;margin:0 auto;padding:28px 34px 50px}.stack{flex-direction:column;gap:20px;display:flex}.hero{background:linear-gradient(120deg,#fff 0%,#fbf7ff 58%,#f2e7fb 100%);border:1px solid #e8d9f3;border-radius:20px;grid-template-columns:1fr 230px;gap:28px;padding:30px;display:grid;box-shadow:0 10px 35px #5323750f}.hero h2{letter-spacing:-.04em;max-width:700px;margin:14px 0 10px;font-size:32px;line-height:1.08}.hero p{color:#706a76;max-width:650px;margin:0;line-height:1.6}.heroMetric{background:#fff;border:1px solid #e6dced;border-radius:16px;flex-direction:column;justify-content:center;padding:20px;display:flex}.heroMetric span,.metric span{color:#8f8895;font-size:12px;font-weight:700}.heroMetric strong{color:#6f2699;margin:10px 0 5px;font-size:48px;line-height:1}.heroMetric small,.metric small{color:#aaa4af}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{background:#fff;border:1px solid #e8e5eb;border-radius:16px;min-height:120px;padding:20px}.metric b{letter-spacing:-.03em;margin:12px 0 6px;font-size:34px;display:block}.metric.accent{background:#fcf8ff;border-color:#e2c7f2}.metric.accent b{color:#752b9f}.grid2{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.card{background:#fff;border:1px solid #e6e3e8;border-radius:17px;overflow:hidden;box-shadow:0 6px 24px #1e142606}.cardHead{padding:20px 22px 14px}.cardHead h3{margin:0;font-size:17px}.cardHead p{color:#918a96;margin:5px 0 0;font-size:12px}.list{padding:0 22px 12px}.listRow{border-top:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.listRow b{font-size:13px}.listRow span{color:#7d7683;margin-top:4px;font-size:12px;display:block}.listRow small{color:#a099a4;margin-top:4px;font-size:11px;display:block}.listRow.tall{padding:17px 0}.rowEnd{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.02em;color:#6f2699;white-space:nowrap;background:#efe3f7;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge.soft{color:#69616e;background:#f3f1f4}.badge.green{color:#208653;background:#e7f7ee}.badge.amber{color:#9b6600;background:#fff2d8}.badge.gray{color:#6f6a72;background:#efeff1}.score{border-radius:8px;place-items:center;min-width:38px;height:28px;font-size:12px;font-weight:800;display:grid}.score.green{color:#208653;background:#e6f7ee}.score.purple{color:#732c9f;background:#f0e4f8}.score.amber{color:#9c6900;background:#fff3dd}.score.gray{color:#77717a;background:#f0eff1}.attention{grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 16px;display:grid}.attention>div{background:#faf9fb;border:1px solid #eeeaf1;border-radius:12px;padding:14px}.attention span{color:#8c8590;font-size:11px;display:block}.attention b{margin-top:4px;font-size:24px;display:block}.primary,.secondary,.danger{border:0;border-radius:11px;padding:11px 15px;font-weight:800}.primary{color:#fff;background:#742b9f}.primary:hover{background:#612188}.secondary{color:#68258d;background:#f0e6f6}.danger{color:#b43b3b;background:#fff0f0}.wide{width:calc(100% - 44px);margin:0 22px 20px}.pipelineStrip{grid-template-columns:repeat(5,1fr);gap:9px;padding:4px 22px 22px;display:grid}.pipelineStrip>div{background:#faf9fb;border:1px solid #eeeaf1;border-radius:11px;padding:12px}.pipelineStrip span{color:#8c8590;font-size:10px}.pipelineStrip b{margin-top:6px;font-size:22px;display:block}.pipelineBoard{grid-template-columns:repeat(10,minmax(220px,1fr));gap:12px;padding-bottom:10px;display:grid;overflow-x:auto}.pipeCol{background:#f1eff3;border-radius:15px;min-height:550px;padding:10px}.pipeHead{justify-content:space-between;align-items:center;padding:7px 5px 11px;display:flex}.pipeHead b{font-size:12px}.pipeHead span{background:#fff;border-radius:999px;padding:4px 7px;font-size:10px}.oppCard{background:#fff;border:1px solid #e7e3e9;border-radius:12px;margin-bottom:9px;padding:13px}.oppTop{justify-content:space-between;align-items:center;display:flex}.oppCard h4{margin:11px 0 5px;font-size:13px}.oppCard p{color:#756e79;margin:0 0 9px;font-size:11px;line-height:1.4}.oppCard small{color:#99919d;font-size:10px}.toolbar{justify-content:flex-end;display:flex}.toolbar input{background:#fff;border:1px solid #ddd9e2;border-radius:12px;outline:none;width:min(420px,100%);padding:12px 14px}.toolbar input:focus{border-color:#ad80ca;box-shadow:0 0 0 3px #f0e5f7}.tableWrap{padding:0 22px 20px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#958e99;border-bottom:1px solid #e9e5eb;padding:11px 9px;font-size:10px}td{vertical-align:middle;border-bottom:1px solid #f0edf2;padding:14px 9px;font-size:12px}tr:last-child td{border-bottom:0}.seasonGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.seasonCard{background:#fff;border:1px solid #e4dce9;border-radius:16px;padding:20px}.seasonIcon{color:#742b9f;background:#f2e7f9;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:15px;font-size:20px;display:grid}.seasonCard span{color:#8a8290;font-size:12px;display:block}.seasonCard b{margin:5px 0 10px;font-size:19px;display:block}.seasonCard p{color:#77707c;margin:0;font-size:11px;line-height:1.5}.approvalHeader{justify-content:space-between;align-items:center;display:flex}.approvalHeader h2{margin:0 0 5px;font-size:22px}.approvalHeader p{color:#88818c;margin:0;font-size:12px}.approvalGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.draftCard{text-align:left;background:#fff;border:1px solid #e4e0e7;border-radius:15px;padding:18px}.draftCard:hover{border-color:#b98bd2;box-shadow:0 8px 30px #5b27790f}.draftTop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.draftTop>span{color:#99929d;font-size:10px}.draftCard h3{margin:0 0 8px;font-size:15px}.draftCard p{color:#655e69;margin:0 0 10px;font-size:12px;line-height:1.5}.draftCard small{color:#9b949f}.timeline{padding:0 22px 22px}.timeRow{border-top:1px solid #f0edf2;grid-template-columns:16px 1fr;gap:12px;padding:14px 0;display:grid}.timeDot{background:#7a2ca8;border-radius:50%;width:8px;height:8px;margin-top:5px}.timeRow b{font-size:12px}.timeRow span{color:#98909b;margin-top:4px;font-size:10px;display:block}.empty{text-align:center;color:#8d8691;padding:38px 18px}.emptyDot{color:#7b2da6;background:#f3edf6;border-radius:50%;place-items:center;width:40px;height:40px;margin:0 auto 10px;font-size:22px;display:grid}.empty h3{color:#4c4651;margin:0 0 5px;font-size:14px}.empty p{margin:0;font-size:11px}.loading,.error{background:#fff;border:1px solid #e5e1e8;border-radius:15px;padding:24px}.error{color:#8d2f2f;flex-direction:column;gap:6px;display:flex}.error button{align-self:flex-start}.modalBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#16101b47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 30px 90px #26143038}.modalHead{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.modalHead h2{margin:10px 0 3px;font-size:24px}.modalHead p{color:#8a8290;margin:0;font-size:12px}.x{background:#f4f1f5;border:0;border-radius:10px;width:34px;height:34px;font-size:22px}.modal label{color:#665f6b;margin:12px 0;font-size:11px;font-weight:800;display:block}.modal input,.modal textarea{background:#fff;border:1px solid #ddd8e0;border-radius:11px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.modal textarea{resize:vertical;line-height:1.55}.modalActions{border-top:1px solid #eeeaf1;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:18px;display:flex}.sentInfo{color:#28774e;background:#ecf8f1;border-radius:10px;margin-top:18px;padding:12px;font-size:11px}.toast{color:#fff;z-index:30;background:#211827;border-radius:11px;padding:12px 16px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0003}@media (max-width:1100px){.app{grid-template-columns:82px 1fr}.brand{padding:8px 4px 20px}.brand img{width:55px}.sidebar nav button{justify-content:center;font-size:0}.sidebar nav button span{font-size:18px}.sidebar nav button em{position:absolute;top:3px;right:5px}.sideFoot>div:last-child{display:none}.metrics{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.seasonGrid,.approvalGrid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.app{display:block}.sidebar{z-index:10;background:#fff;border-top:1px solid #e5e1e8;border-right:0;flex-direction:row;width:100%;height:70px;padding:7px 8px;position:fixed;top:auto;bottom:0}.brand,.sideFoot{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;width:100%;margin:0;display:grid}.sidebar nav button:nth-child(n+6){display:none}.sidebar nav button{padding:9px 4px}.topbar{height:78px;padding:0 18px}.topbar h1{font-size:20px}.content{padding:18px 16px 95px}.hero{grid-template-columns:1fr;padding:22px}.hero h2{font-size:27px}.metrics,.pipelineStrip{grid-template-columns:1fr 1fr}.seasonGrid,.approvalGrid{grid-template-columns:1fr}.ghost{display:none}}