:root{font-family:DM Sans,system-ui,sans-serif;color:#17212b;background:#f5f7f9;font-synthesis:none;--navy:#17212b;--muted:#6e7885;--line:#e5e9ee;--green:#216a56;--green-dark:#174e40;--card:#fff;--shadow:0 1px 2px rgba(18,33,43,.04),0 6px 20px rgba(18,33,43,.04)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(53,115,255,.2);outline-offset:1px}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#18231f;color:#eaf0ed;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:700 20px Manrope,sans-serif}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef4ef;color:#1c5f4b;font:700 17px Georgia,serif}.brand em{font:600 9px DM Sans;letter-spacing:.1em;color:#789188;border:1px solid #344a42;border-radius:4px;padding:3px 5px;margin-left:auto}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:38px}.sidebar button{border:0;background:none;color:#9fb0aa;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:8px;font-weight:500;font-size:14px;text-align:left}.sidebar button svg{width:18px}.sidebar nav button.active,.sidebar nav button:hover{background:#25342f;color:#fff}.sidebar nav button span{margin-left:auto;background:#344740;border-radius:10px;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%}.profile{border-top:1px solid #2c3c36;margin-top:12px;padding:18px 5px 0;display:grid;grid-template-columns:34px 1fr 30px;gap:9px;align-items:center}.profile>span{width:34px;height:34px;border-radius:10px;background:#d6e5df;color:#1c5f4b;display:grid;place-items:center;font-weight:700}.profile div{min-width:0}.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:12px}.profile small{font-size:9px;color:#82928c;margin-top:2px}.profile button{padding:5px}.workspace{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:15}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;color:#89939e;margin:0 0 6px}.topbar h1{font:700 20px Manrope;margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.primary,.secondary{height:40px;border-radius:8px;padding:0 15px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px}.primary{color:#fff;background:var(--green);box-shadow:0 1px 2px #0000001a}.primary:hover{background:var(--green-dark)}.primary:disabled{opacity:.65}.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:#697582}.icon-button svg{width:18px}.mobile-menu{display:none}.demo-banner{margin:14px 28px 0;background:#eef7f3;border:1px solid #d7e9e1;color:#39705f;padding:8px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:8px}.toolbar{display:flex;gap:16px;padding:18px 28px 14px;align-items:center}.search{height:39px;min-width:290px;max-width:420px;flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:9px}.search svg{width:17px;color:#8a95a2}.search input{border:0;outline:0;width:100%;font-size:13px;color:var(--navy)}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button,.toolbar-actions label{height:39px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#586574;font-size:12px;font-weight:600}.toolbar-actions svg{width:15px}.toolbar-actions label select{border:0;appearance:none;background:transparent;color:inherit;outline:0;padding-right:2px}.toolbar-actions label>svg:last-child{width:12px}.pipeline{display:flex;gap:12px;overflow-x:auto;padding:0 28px 24px;flex:1;align-items:stretch}.pipeline-column{flex:0 0 272px;background:#eef1f4;border:1px solid transparent;border-radius:10px;padding:11px;transition:.15s}.pipeline-column.is-over{background:#e7f2ed;border-color:#68a991}.pipeline-column>header{padding:3px 3px 12px}.pipeline-column>header>div{display:flex;align-items:center;gap:7px}.pipeline-column header i{width:7px;height:7px;border-radius:50%}.pipeline-column h2{font-size:12px;margin:0;font-weight:700}.pipeline-column header span{font-size:10px;color:#78828d;background:#e1e5e9;border-radius:10px;padding:1px 6px}.pipeline-column header small{display:block;color:#8a949f;margin:5px 0 0 14px;font-size:10px}.card-stack{min-height:220px;display:flex;flex-direction:column;gap:9px}.vendor-card{background:#fff;border:1px solid #e0e4e8;border-radius:9px;padding:14px;box-shadow:var(--shadow);position:relative;cursor:pointer}.vendor-card:hover{border-color:#c5cdd4;box-shadow:0 4px 18px #12212b14}.vendor-card.dragging{opacity:.35}.drag-handle{position:absolute;right:4px;top:37px;border:0;background:transparent;color:#b0b8c0;padding:4px;cursor:grab}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head>svg{color:#abb3bb;margin-right:0}.priority{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:3px 6px;border-radius:4px}.priority.alta{background:#fff0eb;color:#c85b3c}.priority.media{background:#fff7dd;color:#a77717}.priority.baja{background:#edf2f5;color:#667787}.vendor-card h3{font:700 14px Manrope;margin:11px 20px 5px 0}.contact,.card-meta span{display:flex;align-items:center;gap:5px}.contact{font-size:11px;color:#697582;margin:0}.contact svg{color:#98a1aa}.card-meta{display:flex;justify-content:space-between;border-top:1px solid #f0f2f4;margin-top:13px;padding-top:10px}.card-meta span{font-size:10px;color:#7c8792}.card-meta .overdue{color:#ce5a3e;font-weight:600}.card-foot{display:flex;align-items:end;justify-content:space-between;margin-top:10px;gap:6px}.card-foot>div{display:flex;gap:4px;min-width:0}.tag{font-size:8px;background:#f0f3f5;color:#61707c;padding:3px 5px;border-radius:4px;white-space:nowrap}.card-foot strong{font-size:10px;color:#4c5d69;white-space:nowrap}.empty-column{height:74px;border:1px dashed #cbd2d8;border-radius:8px;display:grid;place-items:center;color:#9ba4ad;font-size:10px}.overlay-card{width:260px;background:#fff;border:1px solid #b9c5ce;border-radius:9px;padding:14px;box-shadow:0 18px 44px #12212b2e;transform:rotate(2deg)}.overlay-card h3{margin:0;font-size:14px}.overlay-card p{margin:5px 0 0;color:var(--muted);font-size:11px}.app-footer{padding:10px 30px 14px;display:flex;justify-content:space-between;color:#98a1aa;font-size:10px}.drawer-backdrop{position:fixed;z-index:100;inset:0;background:#0c151c52;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:min(610px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-12px 0 40px #09141b1f;padding:25px 28px}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.drawer-head h2{margin:0;font:700 21px Manrope}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.login-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#53606d;font-weight:600}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea,.login-form input{width:100%;border:1px solid #dfe4e8;background:#fbfcfc;color:#1b2630;border-radius:7px;padding:10px 11px;font-size:12px;outline:0}.form-grid textarea{resize:vertical}.drawer-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.danger-link{border:0;background:none;color:#bc563e;display:flex;align-items:center;gap:5px;font-size:11px}.activity-section{padding:22px 0}.activity-section h3{display:flex;align-items:center;gap:8px;font-size:13px}.note-composer{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.note-composer input{border:0;outline:0;padding:11px;flex:1;font-size:12px}.note-composer button{border:0;background:var(--green);color:#fff;width:40px}.note-composer svg{width:17px}.timeline{margin-top:18px}.timeline>div{display:grid;grid-template-columns:16px 1fr;gap:8px;padding-bottom:16px}.timeline>div>span{width:8px;height:8px;border:2px solid #79a695;border-radius:50%;margin-top:4px}.timeline p{font-size:11px;margin:0;color:#46535f}.timeline small{display:block;color:#929ba4;margin-top:4px}.muted{color:var(--muted)}.toast{position:fixed;z-index:200;bottom:22px;left:50%;transform:translate(-50%);background:#172821;color:#fff;padding:11px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 8px 30px #0003}.toast svg{width:16px}.dashboard{padding:24px 28px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metrics>div,.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.metrics>div{padding:18px;display:grid;grid-template-columns:40px 1fr;column-gap:11px}.metric-icon{grid-row:span 3;width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.metric-icon svg{width:18px}.metric-icon.blue{background:#eaf0ff;color:#5776d8}.metric-icon.green{background:#e8f4ef;color:#268064}.metric-icon.amber{background:#fff3df;color:#bd7821}.metric-icon.purple{background:#f0eaff;color:#7754c7}.metrics p{font-size:10px;color:#7b8792;margin:1px 0 3px}.metrics strong{font:700 19px Manrope}.metrics small{font-size:9px;color:#9aa3ac}.dashboard-panel{margin-top:16px;padding:22px}.dashboard-panel>header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.dashboard-panel h2{font:700 17px Manrope;margin:0}.dashboard-panel header>span{font-size:10px;color:#99a2ab}.funnel-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 36px;padding-top:20px}.funnel-list label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.funnel-list label span{display:flex;align-items:center;gap:7px}.funnel-list label i{width:7px;height:7px;border-radius:50%}.funnel-list>div>div{height:5px;background:#edf0f2;border-radius:5px;overflow:hidden}.funnel-list>div>div i{display:block;height:100%;border-radius:5px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-panel{background:#162720;color:#fff;padding:46px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.05);border-radius:50%;right:-260px;bottom:-200px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.login-brand .brand-mark{background:#f4eee2}.login-copy{margin:auto 0;position:relative;z-index:1}.login-copy .eyebrow{color:#8cb0a2}.login-copy h1{font:600 clamp(34px,4.3vw,62px)/1.08 "Manrope";letter-spacing:-.04em;margin:14px 0 22px}.login-copy>p:last-child{color:#aabbb4;line-height:1.7;max-width:500px;font-size:15px}.login-orb{display:flex;align-items:center;gap:13px;color:#9cb0a8;font-size:11px}.login-orb>div{width:35px;height:35px;border-radius:50%;background:linear-gradient(140deg,#c8dbd3,#5f8f7c)}.login-orb strong{color:#d9e5e0}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-form{width:min(360px,100%)}.login-form h2{font:700 30px Manrope;margin:6px 0}.login-form>.muted{font-size:13px;margin:0 0 31px}.login-form label{font-size:12px;margin-bottom:15px}.login-form input{height:46px;background:#fff;font-size:13px}.full{width:100%;height:46px;margin-top:7px}.text-button{display:block;margin:17px auto;border:0;background:none;color:#39715f;font-size:11px;font-weight:600}.form-message{background:#fff3ef;color:#a64f38;padding:9px;border-radius:6px;font-size:11px}.secure-note{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;display:flex;align-items:center;justify-content:center;gap:6px;color:#9aa3aa;font-size:9px}.mobile-brand{display:none}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#6d7881}.loading .brand-mark{width:44px;height:44px}.loading p{font-size:12px}@media(max-width:1000px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px;padding:22px 11px}.sidebar .brand>span:not(.brand-mark),.sidebar .brand em,.sidebar nav button:not(.active) span,.sidebar nav button{font-size:0}.sidebar nav button{justify-content:center;padding:11px}.sidebar nav button svg{width:19px}.sidebar nav button span{display:none}.profile{grid-template-columns:1fr;padding:16px 8px}.profile div,.profile button{display:none}.metrics{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch}.toolbar-actions button{font-size:0}.toolbar-actions button svg{margin:0}.login-panel{padding:40px}.workspace{grid-column:2}}@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.workspace{grid-column:auto}.topbar{height:74px;padding:0 16px}.mobile-menu{display:grid;place-items:center;width:35px;height:35px;border:0;background:transparent;margin-right:7px}.topbar .eyebrow{display:none}.topbar h1{font-size:17px}.top-actions .icon-button{display:none}.primary{padding:0 11px}.toolbar{padding:13px 14px;display:block}.search{min-width:0;max-width:none}.toolbar-actions{margin-top:8px;overflow-x:auto}.pipeline{padding:0 14px 18px}.pipeline-column{flex-basis:84vw}.app-footer{padding:8px 15px}.app-footer span:last-child{display:none}.drawer{padding:20px 17px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.drawer-actions{grid-template-columns:auto 1fr auto}.drawer-actions .danger-link{grid-row:2}.drawer-actions .secondary{display:none}.metrics{grid-template-columns:1fr}.dashboard{padding:15px}.funnel-list{grid-template-columns:1fr}.login-page{display:block;background:#f7f8f8;padding:20px;min-height:100vh}.login-panel{display:none}.login-form-wrap{padding:20px;min-height:calc(100vh - 40px);background:#fff;border-radius:15px}.mobile-brand{display:flex;margin-bottom:60px}.demo-banner{margin:10px 14px 0}}.language-toggle{height:34px;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #dfe4e8;border-radius:9px;background:#f4f6f7;flex:0 0 auto}.language-toggle button{min-width:30px;height:26px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:#7d8791;font-size:9px;font-weight:800;letter-spacing:.06em}.language-toggle button.active{background:#fff;color:var(--green-dark);box-shadow:0 1px 3px #12212b1f}.auth-language{position:fixed;z-index:50;top:25px;right:30px}@media(max-width:700px){.auth-language{top:28px;right:28px}.top-actions{gap:6px}.top-actions .primary{width:38px;padding:0;font-size:0}.top-actions .primary svg{width:18px}}@media(max-width:420px){.topbar h1{display:none}.topbar .mobile-menu{margin-right:0}}