:root{--ink:#15231f;--muted:#71807b;--line:#e5eae7;--soft:#f5f7f5;--green:#16775c;--green2:#0f5f49;--mint:#e8f4ef;--amber:#b06a16;--red:#b94a43;--nav:#0d1916}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f7f8f7}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#dce5e1;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:5}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;font:700 20px Manrope}.brand{padding:0 8px 23px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#32ae83;color:white;font:800 16px Manrope;transform:rotate(-4deg)}.workspace,.user{border:1px solid #263b35;background:#142520;color:white;border-radius:10px;width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:10px}.workspace>span:nth-child(2),.user>span:nth-child(2){flex:1}.workspace b,.user b{font-size:12px;display:block}.workspace small,.user small{display:block;color:#8da39b;font-size:10px;margin-top:2px}.avatar{width:32px;height:32px;border-radius:9px;background:#334741;display:grid;place-items:center;font-size:10px;font-weight:700}.avatar.green{background:#17664f}.sidebar nav{margin-top:20px}.sidebar nav p{font-size:9px;letter-spacing:1.4px;color:#627970;margin:19px 10px 8px}.sidebar nav button{width:100%;border:0;color:#9fb0aa;background:transparent;border-radius:8px;padding:9px 10px;margin:2px 0;text-align:left;font:500 12px "DM Sans";display:flex;gap:11px;align-items:center;cursor:pointer}.sidebar nav button span{font-size:17px;width:17px}.sidebar nav button em{font-style:normal;margin-left:auto;background:#243a33;color:#bcd0c8;border-radius:10px;padding:2px 7px;font-size:9px}.sidebar nav button em.amber{background:#553d22;color:#ffd99f}.sidebar nav button.active,.sidebar nav button:hover{background:#1b322b;color:white}.sidebar-bottom{margin-top:auto}.usage{background:#13241f;padding:12px;border-radius:10px;margin-bottom:10px}.usage span{font-size:10px;display:flex;justify-content:space-between}.usage div{height:4px;background:#32443f;border-radius:4px;margin:9px 0}.usage i{display:block;width:86%;height:100%;background:#37b688;border-radius:4px}.usage small{font-size:9px;color:#789087}main{margin-left:244px;width:calc(100% - 244px)}header{height:72px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:4}.mobile-brand{display:none}.search{width:430px;background:#f5f7f6;color:#77847f;border:1px solid #e9edeb;border-radius:9px;padding:9px 12px;display:flex;gap:9px}.search input{border:0;outline:0;background:transparent;flex:1;font:12px "DM Sans"}.search kbd{font:9px "DM Sans";border:1px solid #d8dfdb;border-radius:4px;padding:2px 5px;background:white}.header-actions{margin-left:auto;display:flex;gap:9px}.icon-btn{border:1px solid var(--line);background:white;border-radius:8px;width:34px;height:34px;position:relative}.icon-btn i{position:absolute;width:6px;height:6px;background:#e65048;border-radius:50%;right:5px;top:5px}.primary{border:0;background:var(--green);color:white;padding:10px 15px;border-radius:8px;font:600 11px "DM Sans";cursor:pointer}.primary:hover{background:var(--green2)}.page{padding:31px 34px 50px;max-width:1450px;margin:auto}.eyebrow{font-size:11px;color:var(--green);font-weight:700;letter-spacing:.8px;text-transform:uppercase}.title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.title-row h1{font:800 27px Manrope;margin:3px 0}.title-row p{margin:5px 0 0;color:var(--muted);font-size:12px}.date-select,.outline{border:1px solid #dfe5e2;background:white;border-radius:8px;padding:9px 12px;color:#52615c;font:500 11px "DM Sans";cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:12px}.stat{padding:17px 18px}.stat-head{display:flex;justify-content:space-between;color:#65736e;font-size:11px}.stat-icon{width:30px;height:30px;border-radius:8px;background:var(--mint);color:var(--green);display:grid;place-items:center}.stat strong{font:800 27px Manrope;display:block;margin:9px 0 3px}.stat small{font-size:10px;color:#84908c}.up{color:var(--green)!important}.grid{display:grid;grid-template-columns:1.75fr 1fr;gap:16px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{font:700 14px Manrope;margin:0}.panel-head a{font-size:10px;color:var(--green);font-weight:600;cursor:pointer}.project{display:grid;grid-template-columns:35px 1fr 80px 95px 38px;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf0ee}.project:first-of-type{border-top:0}.logo{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:11px}.logo.purple{background:#f1eafb;color:#6c4da0}.logo.blue{background:#e6f1fa;color:#3d78a4}.logo.orange{background:#fff0df;color:#b96d1c}.logo.gray{background:#edf0ef;color:#5d6e68}.project b{display:block;font-size:11px}.project small{font-size:9px;color:#87928e}.progress{height:5px;background:#e9eeeb;border-radius:5px;margin-top:6px}.progress i{display:block;height:100%;background:#2a9d75;border-radius:5px}.badge{font-size:9px;padding:5px 8px;border-radius:10px;text-align:center;background:#eef3f0;color:#687771}.badge.review{background:#fff5e4;color:#9c691f}.badge.draft{background:#eef0f7;color:#656e8c}.activity{display:flex;gap:10px;padding:11px 0;border-top:1px solid #edf0ee}.activity:first-of-type{border-top:0}.activity .dot{width:25px;height:25px;min-width:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:10px}.activity p{font-size:10px;line-height:1.5;margin:0}.activity time{font-size:9px;color:#96a09d}.callout{margin-top:16px;background:linear-gradient(135deg,#173b31,#0d201b);color:white;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between}.callout h3{font:700 13px Manrope;margin:0 0 5px}.callout p{font-size:10px;color:#a7bdb5;margin:0}.callout button{border:1px solid #4b6a60;background:#284c41;color:white;border-radius:7px;padding:8px 11px;font-size:10px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#82908b;font-size:9px;letter-spacing:.5px;padding:10px;border-bottom:1px solid var(--line)}.table td{font-size:11px;padding:13px 10px;border-bottom:1px solid #edf0ee}.table tr{cursor:pointer}.table tr:hover td{background:#fafcfb}.confidence{font-weight:700;color:var(--green)}.confidence.low{color:var(--amber)}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar input{flex:1;border:1px solid var(--line);padding:10px 12px;border-radius:8px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc{padding:17px;background:white;border:1px solid var(--line);border-radius:11px}.doc .file{font-size:25px;color:var(--green)}.doc h3{font-size:12px;margin:12px 0 5px}.doc p{font-size:10px;color:var(--muted);line-height:1.5}.doc-foot{display:flex;justify-content:space-between;font-size:9px;margin-top:15px}.chart{height:190px;display:flex;align-items:end;gap:12px;padding-top:20px}.bar{flex:1;background:linear-gradient(#48b68e,#14775b);border-radius:5px 5px 0 0;position:relative;min-height:12px}.bar span{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:9px;color:#7c8984}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.big-metric{padding:24px}.big-metric strong{font:800 34px Manrope}.big-metric p{font-size:11px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.integration{display:flex;gap:14px;align-items:center}.integration .int-icon{width:43px;height:43px;border-radius:10px;background:#f1f5f3;display:grid;place-items:center;font-size:20px}.integration div:nth-child(2){flex:1}.integration h3{font-size:12px;margin:0}.integration p{font-size:9px;color:var(--muted)}.connected{color:var(--green);font-size:9px;font-weight:700}.modal-wrap{position:fixed;inset:0;background:#0b1713aa;display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal-wrap.open{display:flex}.modal{background:white;width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:15px;padding:26px;position:relative}.close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:24px;color:#71807b}.modal h2{font:800 20px Manrope;margin:0 0 6px}.modal p{font-size:11px;color:var(--muted);line-height:1.6}.drop{border:1.5px dashed #bdd0c8;border-radius:12px;padding:35px;text-align:center;background:#f8fbfa;margin:20px 0}.drop strong{display:block;margin:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin:12px 0}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font:11px "DM Sans"}.answer-box{background:#f6f9f7;border-left:3px solid var(--green);padding:14px;margin:14px 0}.evidence-link{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:7px;margin:7px 0;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#toast{position:fixed;right:25px;bottom:25px;background:#142a23;color:white;padding:12px 17px;border-radius:8px;font-size:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:30}#toast.show{opacity:1;transform:none}@media(max-width:900px){.sidebar{display:none}main{margin:0;width:100%}.mobile-brand{display:flex}.search{display:none}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr 1fr}.page{padding:24px 18px}header{padding:0 18px}.header-actions .icon-btn{display:none}}@media(max-width:560px){.stats,.metric-row,.doc-grid,.integration-grid{grid-template-columns:1fr}.header-actions .primary{font-size:0}.header-actions .primary:first-letter{font-size:16px}.project{grid-template-columns:35px 1fr 60px}.project .badge,.project>span:last-child{display:none}.title-row{align-items:flex-start;gap:15px}.date-select{display:none}}
