:root{--coal:#171512;--coal2:#24211d;--wheat:#f2ddaa;--wheat-dark:#c6a86b;--cream:#f8f4ec;--ivory:#fffdf8;--muted:#7d776e;--line:#e9e2d7;--green:#2f9a54;--red:#be4d45;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--coal);background:var(--cream)}*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand{padding:7vh 7vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:var(--coal);position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:95px solid rgba(242,221,170,.06);border-radius:50%;right:-180px;bottom:-200px}.login-brand img{width:155px;height:155px;border-radius:50%;object-fit:cover;background:#fff;position:relative;z-index:1}.login-copy{position:relative;z-index:1}.login-copy span,.eyebrow{color:var(--wheat-dark);font-size:10px;letter-spacing:2px;font-weight:900}.login-copy h1{font-size:clamp(38px,5vw,70px);line-height:1.02;margin:16px 0}.login-copy p{color:#aaa49c}.login-access{display:grid;place-items:center;padding:35px}.login-access form{width:min(420px,100%)}h1,h2,p{margin-top:0}.login-access h2{font-size:40px;margin:10px 0 5px}.login-access>form>p{color:var(--muted);margin-bottom:32px}label{display:block;font-size:11px;font-weight:800;margin:17px 0}input,select{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #ddd5c9;border-radius:9px;background:#fff;outline:0}input:focus,select:focus{border-color:var(--wheat-dark);box-shadow:0 0 0 3px rgba(198,168,107,.15)}.login-access small{display:block;text-align:center;margin-top:25px;color:#999}.button{height:42px;padding:0 17px;border-radius:9px;border:1px solid #d9d2c7;background:#fff;font-size:12px;font-weight:850}.button.primary{background:var(--wheat);border-color:var(--wheat-dark);color:var(--coal);box-shadow:0 8px 22px rgba(198,168,107,.16)}.button.dark{background:var(--coal);border-color:var(--coal);color:var(--wheat)}.button.light:hover,.button.primary:hover{transform:translateY(-1px)}.wide{width:100%;margin-top:16px}.erp{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--coal);color:#fff;display:flex;flex-direction:column;z-index:20;box-shadow:8px 0 35px rgba(18,18,10,.09)}.brand{height:108px;padding:15px 19px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #302c27}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;background:#fff}.brand strong,.brand span{display:block}.brand strong{text-transform:uppercase;font-size:17px}.brand span{color:var(--wheat);font-size:8px;font-weight:900;letter-spacing:1.7px;margin-top:4px}nav{padding:23px 14px;flex:1}.nav-title{display:block;color:#777068;font-size:9px;letter-spacing:2px;font-weight:900;padding:0 13px 9px}.nav-title.second{padding-top:22px}.nav-item{width:100%;height:47px;border:0;border-radius:10px;background:transparent;color:#bcb6ae;display:flex;align-items:center;gap:13px;padding:0 14px;margin:4px 0;font-size:13px;font-weight:750;text-align:left}.nav-item i{font-style:normal;width:21px;font-size:17px;text-align:center}.nav-item:hover{color:#fff;background:#25221e}.nav-item.active{background:var(--wheat);color:var(--coal)}.online{margin:14px;padding:14px;background:#211e1b;border:1px solid #302c27;border-radius:12px;display:flex;gap:10px;align-items:center}.online>i{width:9px;height:9px;background:#54cc75;border-radius:50%;box-shadow:0 0 0 5px rgba(84,204,117,.1)}.online b,.online small{display:block;font-size:10px}.online small{color:#777;margin-top:3px}.erp main{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:10;background:rgba(248,244,236,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px}.place{margin-right:auto;font-size:12px;font-weight:750;color:#676159}.place span{color:#4eb66d;margin-right:7px}.user{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:11px;background:var(--coal);color:var(--wheat);display:grid;place-items:center;font-size:11px;font-weight:900}.user b,.user small{display:block;font-size:11px}.user small{color:#999;margin-top:2px}.quiet{border:0;background:#ece5db;padding:8px 10px;border-radius:8px;font-size:10px;font-weight:800;margin-left:5px}.menu{display:none;border:0;background:transparent;font-size:24px;margin-right:auto}.content{max-width:1500px;margin:auto;padding:30px 34px 55px}.page{display:none}.active-page{display:block}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 27px}.heading h1{font-size:31px;letter-spacing:-1.2px;margin:5px 0}.heading p{font-size:13px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats.three{grid-template-columns:repeat(3,1fr)}.stat{min-height:104px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 24px rgba(40,32,20,.025)}.stat.wheat{background:var(--wheat);border-color:var(--wheat-dark)}.stat-icon{flex:0 0 44px;height:44px;border-radius:11px;background:#f0ede7;display:grid;place-items:center;font-size:19px;font-weight:900}.stat.danger .stat-icon{background:#fce8e5;color:var(--red)}.stat small,.stat strong,.stat em{display:block}.stat small{font-size:8px;letter-spacing:1.1px;color:#777168;font-weight:900}.stat strong{font-size:23px;margin:4px 0}.stat em{font-size:9px;color:#918b82;font-style:normal}.stat.wheat small,.stat.wheat em{color:#67583d}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 30px rgba(40,32,20,.035)}.panel-title{min-height:76px;padding:20px 23px 14px;display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:18px;margin:5px 0 0}.panel-title>b{font-size:11px;color:var(--muted)}.link{border:0;background:transparent;font-size:10px;font-weight:800;color:#6f6556}.driver-list,.activity{padding:0 22px 18px}.driver-row{display:grid;grid-template-columns:38px 1fr 90px;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eee9e2}.driver-row>i{width:34px;height:34px;background:#f2eee8;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.driver-row b,.driver-row small{display:block;font-size:10px}.driver-row small{color:#999;margin-top:3px}.status,.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#e8f6eb;color:#288c49;font-size:8px;font-weight:900;text-align:center}.status.gray{background:#f0eee9;color:#777}.activity>div{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #eee9e2}.activity i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:900}.activity i.green{background:#e7f6ea;color:var(--green)}.activity i.red{background:#fbe8e5;color:var(--red)}.activity b,.activity small{display:block;font-size:10px}.activity small{color:#999;margin-top:4px}.activity strong{font-size:10px}.cash-banner{background:var(--wheat);border:1px solid var(--wheat-dark);border-radius:15px;padding:19px 22px;margin-bottom:17px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.cash-banner small,.cash-banner b,.cash-banner strong{display:block}.cash-banner small{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#6d6047}.cash-banner b{margin-top:5px}.cash-banner strong{font-size:24px;margin-top:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fbfaf7;color:#8b857c;font-size:8px;letter-spacing:1px;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #f0ebe4;color:#635e57;font-size:11px}td b{color:var(--coal)}td:last-child{text-align:right}.pill.blue{background:#e7eefb;color:#3e69aa}.table-action{border:0;background:transparent;color:#6f6556;font-size:9px;font-weight:900}.callout{display:flex;align-items:center;gap:14px;padding:17px 20px;background:#fff9e9;border:1px solid #ead5a3;border-radius:14px;margin-bottom:18px}.callout>div{width:42px;height:42px;border-radius:11px;background:var(--wheat);display:grid;place-items:center;font-size:21px}.callout b,.callout p{font-size:11px}.callout p{color:#786f63;margin:4px 0 0}.loss{background:#fbe8e5;color:#a9443d}.toolbar{min-height:70px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.toolbar input{max-width:360px;margin:0}.toolbar span{font-size:10px;color:#999}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:20px}.stock-card{border:1px solid var(--line);border-radius:12px;padding:16px}.stock-card span{display:flex;justify-content:space-between;gap:10px}.stock-card h3{font-size:12px;margin:0}.stock-card small{color:#999;font-size:9px}.stock-card strong{font-size:20px;display:block;margin:16px 0 7px}.meter{height:6px;border-radius:4px;background:#eee9e2;overflow:hidden}.meter i{display:block;height:100%;background:var(--wheat-dark)}.reports{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.report{padding:23px}.report>span{font-size:9px;letter-spacing:1.4px;color:#888;font-weight:900}.donut{width:180px;height:180px;margin:25px auto;border-radius:50%;background:conic-gradient(var(--wheat-dark) 0 57%,#bf5d50 57%);position:relative}.donut:after{content:"28\A unidades";white-space:pre;position:absolute;inset:34px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-weight:900;font-size:18px}.legend{text-align:center;font-size:10px}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 5px 0 15px}.l1{background:var(--wheat-dark)}.l2{background:#bf5d50}.bars{height:210px;display:flex;align-items:end;gap:16px;padding:20px 10px 0}.bars i{flex:1;background:var(--wheat);border:1px solid var(--wheat-dark);border-radius:7px 7px 2px 2px}.days{display:flex;justify-content:space-around;padding:10px}.days b{font-size:9px;color:#888}.backdrop{position:fixed;inset:0;background:rgba(18,16,13,.6);z-index:50;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.modal-head h2{margin:5px 0 0}.close{width:32px;height:32px;border:0;border-radius:8px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.modal-actions{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:25px;bottom:25px;background:var(--coal);color:#fff;border-left:5px solid var(--wheat);padding:14px 18px;border-radius:9px;box-shadow:0 15px 45px rgba(0,0,0,.24);font-size:11px;font-weight:800;transform:translateY(100px);opacity:0;transition:.25s;z-index:80}.toast.show{transform:none;opacity:1}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.reports{grid-template-columns:1fr}.stock-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.login-screen{display:block}.login-brand{min-height:230px;padding:28px}.login-brand img{width:85px;height:85px}.login-copy h1{font-size:31px}.login-access{padding:40px 22px}.erp{display:block}.sidebar{transform:translateX(-105%);transition:.22s}.sidebar.open{transform:none}.erp main{display:block}.topbar{padding:0 15px}.menu{display:block}.place{display:none}.content{padding:22px 15px}.heading{align-items:flex-start;flex-direction:column}.heading .button{width:100%}.stats,.stats.three{grid-template-columns:1fr}.cash-banner{grid-template-columns:1fr}.stock-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}