@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#123643;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%,#f2a65a38 0,#0000 46%),radial-gradient(circle at 92% 90%,#5bc0be3d 0,#0000 42%),linear-gradient(160deg,#fbfaf7 0%,#f4f0e8 48%,#eef6f5 100%);min-height:100vh;margin:0}h1,h2,h3{font-family:Fraunces,Georgia,serif}p{margin:0}.app{z-index:1;width:min(1240px,100% - 2.5rem);margin:2rem auto 3rem;position:relative}.ambient{filter:blur(75px);opacity:.35;pointer-events:none;z-index:-1;border-radius:999px;position:fixed}.ambient-one{background:#f7b267;width:340px;height:340px;animation:8s ease-in-out infinite float;top:-70px;right:10%}.ambient-two{background:#5bc0be;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:40px;left:4%}.hero{color:#f5efe6;background:linear-gradient(130deg,#0f3b4c 0%,#184b5a 42%,#0d2e3a 100%);border:1px solid #ffffff2e;border-radius:28px;grid-template-columns:1fr;gap:1rem;padding:2.4rem;animation:.42s ease-out appear;display:grid;box-shadow:0 18px 50px #07151b6b}.hero-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#f7c98d;margin-bottom:.7rem;font-size:.73rem;font-weight:700}.hero h1{margin:0;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.02}.hero-copy{color:#f7efe6e6;width:min(72ch,100%);margin-top:1rem}.hero-actions{flex-direction:column;justify-content:flex-start;gap:.85rem;width:min(1100px,100%);display:flex}.hero-chat-row{width:100%}.hero-agent-row{width:100%;margin-top:.25rem}.hero-agent-row input{background:#fffffff2;border-radius:16px;min-height:64px;padding:.95rem 1rem;font-size:1.2rem}.hero-weekly-panel{flex-direction:column;align-items:stretch;gap:.35rem;min-width:320px;display:flex}.weekly-review-btn{min-width:280px;min-height:64px;font-size:1.05rem}.hero-weekly-note{color:#f5efe6eb;text-align:right;margin:0;font-size:.86rem}.hero-feedback{color:#f5efe6f2;margin-top:.2rem}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.kpi-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;border:1px solid #0f3b4c1f;border-radius:20px;padding:1rem}.kpi-label{color:#35545f;margin:0;font-size:.8rem;font-weight:600}.kpi-value{color:#0e2b36;margin:.2rem 0;font-size:1.55rem;font-weight:800}.kpi-delta{color:#117453;margin:0;font-weight:700}.kpi-detail{color:#48636d;margin:.25rem 0 0;font-size:.8rem}.tab-bar{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tab{color:#0f3b4c;cursor:pointer;background:#ffffffc2;border:1px solid #07283433;border-radius:999px;padding:.52rem 1rem;font-weight:600}.tab.active{color:#f7efe4;background:#0f3b4c}.panel{margin-top:.85rem}.section-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1.55fr) minmax(220px,.9fr);gap:.8rem;animation:.28s ease-out appear;display:grid}.section-grid.ai-agent-page{grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(280px,2fr)}.section-grid.vendor-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.75fr) minmax(220px,.9fr)}.tile{background:#fffc;border:1px solid #0f3b4c1f;border-radius:20px;min-height:220px;padding:1rem}.tile.wide{grid-column:span 2}.tile h2{color:#102f3a;margin:0}.subtle{color:#4e6872;margin-top:.35rem}.stack{flex-direction:column;gap:.7rem;margin-top:.9rem;display:flex}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.9rem;display:grid}.integration-card{background:#ffffffe6;border:1px solid #0f3b4c24;border-radius:14px;padding:1rem}.integration-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.section-grid.integrations-page{grid-template-columns:1fr}.integration-brand{align-items:center;gap:.65rem;display:flex}.integration-brand img{object-fit:contain;background:#fff;border-radius:8px;width:34px;height:34px}.integration-header h3{color:#0f3440;margin:0}.integration-status-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.integration-status-card{flex-direction:column;gap:.55rem;display:flex}.integration-status-row{color:#4b6670;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.integration-status-row strong{color:#0f3440;font-size:.82rem}.integration-status-pill{align-items:center;gap:.35rem;display:inline-flex}.tag-icon{font-size:.66rem;line-height:1}.exception-settings-list{margin-top:.8rem}.exception-setting-row{background:#ffffffb8;border:1px solid #0f3b4c1f;border-radius:12px;padding:.7rem}.exception-setting-title{color:#123944;margin:0;font-size:.86rem;font-weight:700}.exception-setting-row-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.exception-rule-remove-btn{text-transform:lowercase;border-radius:999px;min-width:28px;height:28px;padding:0;font-size:.95rem;font-weight:700;line-height:1}.exception-setting-text{color:#48626d;margin:.3rem 0 0;font-size:.8rem;line-height:1.35}.exception-setting-input{resize:vertical;width:100%;min-height:88px;font:inherit;color:#294651;background:#fffffff2;border:1px solid #0f3b4c33;border-radius:10px;margin-top:.35rem;padding:.55rem .62rem;font-size:.8rem;line-height:1.35}.exception-setting-input:focus{outline-offset:0;border-color:#0f3b4c47;outline:2px solid #0f3b4c33}.status-tag.connected{color:#195f3d;background:#2b7d552e}.status-tag.pending{color:#81490e;background:#d3802733}.exception-row{border:1px solid #0f3b4c1f;border-radius:14px;grid-template-columns:1fr auto;gap:.8rem;padding:.8rem;display:grid}.exception-title{color:#0f3b4c;margin:0;font-weight:700}.exception-text{color:#2f4e58;margin:.24rem 0}.exception-action{color:#2f4e58;margin:0;font-size:.87rem}.exception-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.timeline{color:#21424d;gap:.45rem;margin:.9rem 0;padding-left:1rem;display:grid}.money-big{color:#0f3b4c;margin:.4rem 0;font-size:clamp(2rem,3vw,3.1rem);font-weight:800}.stat{color:#10313c;margin:.3rem 0 0;font-size:2rem;font-weight:800}.table-wrap{border:1px solid #0f3b4c21;border-radius:12px;margin-top:.9rem;overflow-x:auto;box-shadow:inset 0 1px #ffffffb3}table{border-collapse:collapse;background:#ffffffe6;width:100%;min-width:720px}th,td{text-align:left;color:#123643;vertical-align:top;border-bottom:1px solid #0f3b4c1a;padding:.65rem;font-size:.9rem}th{letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(#0f3b4c1a,#0f3b4c0a);font-size:.78rem}tbody tr:nth-child(2n) td{background:#0f3b4c05}tbody tr:hover td{background:#5bc0be14}tr.table-exception-row td:first-child{box-shadow:inset 4px 0 #ba3543}.row-actions{gap:.5rem;margin-top:.8rem;display:flex}.tile:not(.wide) .row-actions{flex-direction:column}.tile:not(.wide) .row-actions button{width:100%}.action-cell{flex-wrap:nowrap;align-items:center;gap:.35rem;display:flex}.cell-title{color:#0f3440;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.cell-sub{color:#4d6872;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:.18rem 0 0;font-size:.78rem;line-height:1.2;display:-webkit-box;overflow:hidden}.mono-code{color:#123944;white-space:nowrap;word-break:keep-all;background:#0f3b4c14;border:1px solid #0f3b4c21;border-radius:8px;padding:.18rem .38rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.82rem}.meta-chip{color:#0f3b4c;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#0f3b4c14;border:1px solid #0f3b4c2e;border-radius:999px;align-items:center;padding:.18rem .48rem;font-size:.72rem;font-weight:700;display:inline-flex}.meta-chip-muted{color:#6a7f87;background:#6a7f871f;border-color:#6a7f874d}.metric-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.metric-critical{color:#8f1320;background:#ba354326}.metric-watch{color:#81490e;background:#d380272e}.metric-safe{color:#195f3d;background:#2b7d5529}.metric-target{color:#1d5064;background:#0f3b4c1f}.metric-amount{color:#0f3b4c;background:#5bc0be33}.transfer-table th:first-child,.transfer-table td:first-child{width:30%;min-width:260px}.transfer-table th:nth-child(8),.transfer-table td:nth-child(8){min-width:210px}.purchasing-table th:first-child,.purchasing-table td:first-child{width:24%;min-width:220px}.purchasing-table th:nth-child(7),.purchasing-table td:nth-child(7){min-width:210px}.vendor-table th:nth-child(5),.vendor-table td:nth-child(5){width:24%;min-width:230px}.vendor-table th:nth-child(9),.vendor-table td:nth-child(9){min-width:220px}.transfer-table th:last-child,.purchasing-table th:last-child,.vendor-table th:last-child{z-index:4;background:#d9e2e6;position:sticky;right:0}.transfer-table td:last-child,.purchasing-table td:last-child,.vendor-table td:last-child{z-index:3;background:#f8fbfc;position:sticky;right:0;box-shadow:-1px 0 #0f3b4c1f}.transfer-table tbody tr:nth-child(2n) td:last-child,.purchasing-table tbody tr:nth-child(2n) td:last-child,.vendor-table tbody tr:nth-child(2n) td:last-child{background:#f2f7f9}.task-list-table{min-width:920px}.task-action-text{color:#123944;font-weight:600}.task-note{color:#48626d;margin:.25rem 0 0;font-size:.82rem}.task-inline-controls{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.mini-btn{color:#0f3b4c;white-space:nowrap;background:#0f3b4c14;border:1px solid #0f3b4c38;border-radius:999px;padding:.3rem .56rem;font-size:.74rem;font-weight:700}.mini-btn.ghost{background:0 0}.transfer-auto-approve-btn{margin-top:.8rem}.agent-input-row{grid-template-columns:1fr auto;gap:.45rem;margin-top:1rem;display:grid}.agent-input-row input{font:inherit;background:#ffffffe6;border:1px solid #0f3b4c33;border-radius:12px;padding:.72rem .8rem}.quick-prompts{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.quick-prompts button{color:#0f3b4c;cursor:pointer;background:#0f3b4c1a;border:1px solid #0f3b4c24;border-radius:999px;padding:.46rem .82rem;font-weight:600}.agent-output{background:#ffffffb8;border:1px solid #0f3b4c33;border-radius:14px;margin-top:.9rem;padding:.8rem}.agent-summary{color:#123743;margin:0;font-weight:600}.agent-confidence{color:#28714c;margin:.4rem 0 0;font-weight:700}.agent-output ul{color:#294651;gap:.25rem;margin:.6rem 0 0;padding-left:1rem;display:grid}.history-list{gap:.6rem;max-height:520px;margin-top:.8rem;display:grid;overflow:auto}.history-item{background:#ffffff8c;border:1px solid #0f3b4c29;border-radius:12px;padding:.7rem}.history-title{color:#123944;margin:0;font-weight:700}.history-meta{color:#4f6973;margin:.2rem 0 0;font-size:.82rem}.timeline.compact{margin:.6rem 0 0;padding-left:0;list-style:none}.timeline.compact li{border-top:1px solid #0f3b4c1a;justify-content:space-between;gap:.5rem;padding-top:.45rem;display:flex}.inline-actions{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.status-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.22rem .55rem;font-size:.7rem;font-weight:700}.status-tag.pending,.status-tag.awaiting-review{color:#81490e;background:#d3802733}.status-tag.approved,.status-tag.completed,.status-tag.in-progress{color:#195f3d;background:#2b7d552e}.status-tag.rejected,.status-tag.blocked{color:#8f1320;background:#ba35432e}.impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.impact-label{color:#48626d;margin:0}.impact-value{color:#0f3b4c;margin:.2rem 0 0;font-size:1.1rem;font-weight:700}.risk-pill{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.18rem .52rem;font-size:.74rem;font-weight:700}.risk-high,.risk-critical{color:#8f1320;background:#ba354326}.risk-medium{color:#81490e;background:#d380272e}.risk-low{color:#195f3d;background:#2b7d5529}button{cursor:pointer;font:inherit;white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:.65rem .92rem;transition:transform .13s,box-shadow .13s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed}.primary{color:#17232a;background:linear-gradient(130deg,#f2a65a,#ec8a2a);font-weight:700;box-shadow:0 8px 18px #ec8a2a4d}.secondary{color:#0f3b4c;background:#ffffffc2;border-color:#0f3b4c38;font-weight:700}.tertiary{color:#0f3b4c;background:#0f3b4c1a;border-color:#0f3b4c29}.open-agent-activity-btn{margin-top:.55rem}.loading-state,.error-state{text-align:center;color:#0f3b4c;background:#ffffffc7;border:1px solid #0f3b4c21;border-radius:20px;width:min(720px,100% - 2rem);margin:6rem auto;padding:2rem}@media (width<=1100px){.hero-main{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-weekly-note{text-align:left}.kpi-grid,.section-grid,.section-grid.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.wide{grid-column:span 2}.impact-grid,.integration-grid{grid-template-columns:1fr}}@media (width<=760px){.app{width:min(1240px,100% - 1rem);margin-top:1rem}.hero{border-radius:18px;padding:1rem}.hero-actions{flex-direction:column}.hero-agent-row input{min-height:54px;font-size:1rem}.weekly-review-btn{min-width:0;min-height:54px}.kpi-grid,.section-grid,.section-grid.vendor-grid{grid-template-columns:1fr}.tile.wide{grid-column:span 1}.agent-input-row{grid-template-columns:1fr}.row-actions{flex-direction:column}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}