:root{--ink:#18231e;--muted:#6c7871;--line:#dfe6e2;--canvas:#f4f6f3;--green:#17664f;--dark:#13231d;--lime:#d8f268;--white:#fff;--danger:#a93f37;--amber:#b86d25}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.auth-shell{min-height:100vh;display:grid;place-items:center}.loading-screen{text-align:center;color:var(--muted)}.logo-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--lime);color:var(--dark);font-size:24px;font-weight:900;margin:auto}.auth-shell{grid-template-columns:minmax(320px,520px) 1fr;background:var(--dark)}.auth-panel{background:#fff;min-height:100vh;padding:clamp(35px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.auth-visual{padding:7vw;color:#fff;background:radial-gradient(circle at 70% 20%,#2e5847 0,transparent 34%),linear-gradient(145deg,#13231d,#193b30)}.auth-visual h1{font:46px Georgia,serif;max-width:700px;margin:20px 0}.auth-visual p{color:#c3d0ca;max-width:560px;line-height:1.7}.auth-panel h2{font:30px Georgia,serif;margin:25px 0 8px}.auth-panel>p{color:var(--muted);line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px}.field span{font-size:11px;font-weight:800;color:#5d6b64}.field input,.field select,.field textarea{border:1px solid #ccd5d0;border-radius:8px;padding:11px 12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #17664f18}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:750}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#104d3b}.btn-secondary{background:#fff;border:1px solid #ccd5d0;color:#34453d}.btn-danger{background:#fae9e7;color:var(--danger)}.btn-block{width:100%;margin-top:18px}.error-box{background:#fbeceb;color:#963a34;padding:10px;border-radius:7px;margin-top:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:225px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:var(--dark);color:#d4ded8;padding:24px 15px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:19px;font-weight:850;padding:0 8px 24px}.brand .logo-mark{width:32px;height:32px;border-radius:9px;margin:0;font-size:16px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{border:0;background:transparent;color:#aebbb5;padding:11px 12px;border-radius:8px;text-align:left;display:flex;align-items:center;gap:11px}.nav button.active,.nav button:hover{background:#263c33;color:#fff}.nav .icon{width:20px;text-align:center;font-size:17px}.user-menu{margin-top:auto;border-top:1px solid #30443b;padding-top:15px}.user-row{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e0b367;color:#332512;font-size:11px;font-weight:900}.user-row div{display:flex;flex-direction:column}.user-row strong{font-size:11px;color:#fff}.user-row small{font-size:9px;color:#91a198}.logout{margin-top:12px;width:100%;background:#ffffff0a;border:1px solid #ffffff14;color:#bdc9c3;padding:8px;border-radius:7px}.main{grid-column:2;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.crumb{font-size:12px;color:var(--muted)}.crumb strong{color:var(--ink)}.content{max-width:1450px;margin:auto;padding:30px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.page-head h1{font:29px Georgia,serif;margin:0 0 7px}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.metric small{font-size:9px;letter-spacing:1px;color:#74817a;font-weight:850}.metric strong{display:block;font-size:25px;margin:9px 0 4px}.metric span{font-size:10px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 3px 14px #1c342a0c}.card-head{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card-head h2{font:19px Georgia,serif;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{background:#f8faf8;color:#6c7872;font-size:9px;letter-spacing:.7px;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid #edf0ee;vertical-align:top}td strong{font-size:12px}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;background:#e9eeeb;color:#51615a}.status.open{background:#e7eef9;color:#446989}.status.quoting{background:#f2edff;color:#654bb3}.status.compared{background:#fff0d9;color:#925c23}.status.ordered,.status.approved,.status.invoiced_total{background:#e2f3e9;color:#17664f}.status.invoiced_partial{background:#fff3dc;color:#966221}.empty{padding:48px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font:20px Georgia,serif;margin-bottom:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.activity{padding:0 18px}.activity-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf0ee}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #edf6cf;margin-top:5px}.activity-row div{flex:1}.activity-row span{font-size:10px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#10201ab8;backdrop-filter:blur(2px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:13px;padding:24px;box-shadow:0 30px 80px #0005}.modal.wide{width:min(980px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal h2{font:24px Georgia,serif;margin:0}.close{border:0;background:transparent;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.paste-area{height:180px;font:12px ui-monospace,Consolas,monospace;resize:vertical}.hint{background:#f1f4f2;border-radius:7px;padding:9px;color:var(--muted);font-size:11px;margin-top:12px}.workflow{display:grid;grid-template-columns:280px 1fr;gap:16px}.req-list{display:flex;flex-direction:column;gap:7px}.req-list button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:left}.req-list button.active{border-color:var(--green);box-shadow:0 0 0 2px #17664f18}.comparison{overflow:auto}.comparison table{min-width:920px}.supplier-head{font-size:11px}.supplier-head small{display:block;font-weight:400}.quote-choice{width:100%;text-align:left;border:1px solid #dce3df;border-radius:7px;background:#fff;padding:9px;position:relative}.quote-choice.selected{border-color:var(--green);background:#f2f8f5}.quote-choice.suggested:after{content:'SUGERIDO';position:absolute;right:5px;top:-8px;background:var(--lime);color:#304423;border-radius:8px;padding:2px 5px;font-size:7px;font-weight:900}.quote-choice strong{display:block}.quote-choice small{display:block}.quote-choice.disabled{opacity:.45;cursor:not-allowed}.order-card{display:grid;grid-template-columns:1fr auto;gap:15px;padding:17px;border-bottom:1px solid var(--line)}.order-card h3{margin:0 0 6px;font:18px Georgia,serif}.order-card p{margin:3px 0;color:var(--muted);font-size:11px}.order-total{text-align:right}.order-total strong{display:block;font-size:18px}.progress{height:7px;background:#e8ece9;border-radius:10px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:var(--green)}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#173129;color:#fff;border-radius:9px;padding:12px 16px;box-shadow:0 12px 32px #0003}.toast.error{background:#8e3832}.spinner{width:18px;height:18px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr}.req-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.auth-shell{display:block}.auth-visual{display:none}.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:10px 14px;flex-direction:row;align-items:center}.brand{padding:0}.nav{margin-left:auto;flex-direction:row}.nav button{font-size:0;padding:9px}.nav .icon{font-size:18px}.user-menu{display:none}.main{grid-column:auto}.content{padding:20px 14px}.topbar{padding:0 16px}.page-head{display:block}.page-head .actions{margin-top:14px}.form-grid,.grid-2{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:460px){.metrics,.req-list{grid-template-columns:1fr}.auth-panel{padding:28px 22px}}