@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{--ink:#12272b;--muted:#718084;--bg:#f1f5f4;--surface:#fff;--brand:#0b8175;--brand-dark:#075a52;--lime:#b8ef72;--line:#dce6e4;--danger:#c94650;--warn:#e79729;--shadow:0 20px 50px rgba(13,51,48,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,#d7f4e8 0,transparent 28rem),var(--bg);color:var(--ink);font:15px/1.5 'DM Sans',system-ui,sans-serif;min-height:100vh}body:before{content:"";position:fixed;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand),#48b896,var(--lime));z-index:5}header{position:sticky;top:0;z-index:3;min-height:78px;padding:12px max(30px,calc((100vw - 1320px)/2));background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;min-width:175px;color:var(--brand);font-family:Outfit,sans-serif;font-weight:800;font-size:17px;text-decoration:none}.brand img{max-width:186px;max-height:48px;object-fit:contain}.logo-placeholder{display:inline-flex;align-items:center;gap:9px;letter-spacing:-.3px}.logo-placeholder:before{content:"P";display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#3cb18e);color:white;font-size:16px;box-shadow:0 7px 15px #0b817544}.brand.big{justify-content:center;margin-bottom:24px}.brand.big img{max-width:270px;max-height:82px}.brand.big .logo-placeholder{font-size:21px}.brand.big .logo-placeholder:before{width:40px;height:40px;font-size:21px}nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}nav a{padding:9px 11px;border-radius:9px;color:#465558;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}nav a:hover{background:#e7f3f0;color:var(--brand)}nav a:last-child{margin-left:8px;color:#9a5254;background:#fff5f5}main{max-width:1320px;margin:auto;padding:42px 30px 70px}.public{max-width:710px}.auth,.tracking{position:relative;overflow:hidden;margin:55px auto;background:#fff;border:1px solid #e5ecea;border-radius:28px;padding:46px;box-shadow:0 30px 70px rgba(17,60,55,.12);text-align:center}.auth:after,.tracking:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-115px;border-radius:50%;background:radial-gradient(circle,var(--lime),transparent 68%);opacity:.4}.auth>*{position:relative;z-index:1}.auth h1,.tracking h1{font-family:Outfit,sans-serif;font-size:33px;letter-spacing:-1.2px;margin:0}.auth p,.page-head p,.muted,small{color:var(--muted)}.auth form,.tracking form{margin:28px auto 16px;text-align:left}.auth>a{display:inline-block;margin-top:15px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-head h1,h1{font-family:Outfit,sans-serif;font-size:31px;line-height:1.08;letter-spacing:-1px;margin:0 0 7px}h2{font-family:Outfit,sans-serif;font-size:20px;letter-spacing:-.4px;margin:0 0 12px}h3{font-size:15px}p{margin:6px 0}.page-head>.button:before{content:"+";font-size:19px;line-height:0;margin-right:6px}a{color:var(--brand);font-weight:700;text-decoration:none}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--brand),#087064);box-shadow:0 8px 18px #08706422;color:#fff;font:700 14px 'DM Sans',sans-serif;cursor:pointer;transition:.18s}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 11px 20px #08706433}.button.secondary,button.secondary{background:#eff4f3;box-shadow:none;color:#405356}.button.secondary:before{content:"↗";margin-right:5px}label{display:block;font-size:13px;font-weight:700;color:#3d4d50;margin-bottom:16px;text-align:left}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #d5e0de;border-radius:10px;background:#fbfdfd;font:500 14px 'DM Sans',sans-serif;color:var(--ink);outline:0;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#46aa99;box-shadow:0 0 0 4px #0b817518;background:#fff}textarea{resize:vertical}.form{max-width:850px}.form.card{box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.card{padding:25px;background:linear-gradient(150deg,#fff,#fbfdfc);border:1px solid #e0eae8;border-radius:var(--radius);box-shadow:0 10px 30px rgba(13,51,48,.035)}.metrics,.stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metrics article,.stage-grid article{position:relative;overflow:hidden;padding:21px 19px;background:var(--surface);border:1px solid #e0eae8;border-radius:16px;box-shadow:0 8px 22px rgba(13,51,48,.035)}.metrics article:first-child{background:linear-gradient(135deg,#0a766b,#0f9c8c);border:0;color:white}.metrics article:first-child:after{content:"";position:absolute;width:80px;height:80px;right:-23px;bottom:-35px;border-radius:50%;background:var(--lime);opacity:.35}.metrics strong,.stage-grid strong{position:relative;display:block;font:800 30px Outfit,sans-serif;letter-spacing:-1px;color:var(--brand)}.metrics article:first-child strong{color:#fff}.metrics span,.stage-grid span{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:700}.metrics article:first-child span{color:#d7fbf2}.stage-grid{grid-template-columns:repeat(4,1fr);margin-top:13px}.stage-grid article{min-height:98px}.stage-grid article:nth-child(3n+2) strong{color:#2a8f7c}.stage-grid article:nth-child(3n+3) strong{color:#cf8621}.filters{display:flex;gap:10px;padding:10px;margin-bottom:18px;background:#fff;border:1px solid #e0eae8;border-radius:15px;box-shadow:0 7px 22px rgba(13,51,48,.035)}.filters input{margin:0;flex:1;border:0;background:#f5f8f7}.filters select{margin:0;max-width:215px;border:0;background:#f5f8f7}.filters button{min-height:40px}.table-wrap{background:#fff;border:1px solid #e0eae8;border-radius:16px;overflow:auto;box-shadow:0 10px 30px rgba(13,51,48,.035)}table{width:100%;border-collapse:collapse}th,td{padding:16px 18px;text-align:left;border-bottom:1px solid #edf1f0}th{background:#fbfcfc;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#849295}tbody tr:hover{background:#f5fbf9}tr:last-child td{border-bottom:0}.late{background:#fff6f6}.soon{background:#fffaf0}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e2f4ef;color:#087064;font-size:11px;font-weight:800}.detail-grid{display:grid;grid-template-columns:minmax(300px,.82fr) 1.18fr;gap:20px}.order-image{width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#f1f5f4}.no-image,.thumb{display:grid;place-items:center;background:linear-gradient(135deg,#edf4f2,#e2ebe9);color:var(--muted);min-height:130px;border-radius:10px}.qr{display:block;width:135px;margin-top:17px;padding:7px;background:white;border:1px solid var(--line);border-radius:9px}.history,.timeline{padding-left:19px}.history li{padding:11px 1px;border-bottom:1px solid #edf1f0}.history li:last-child{border:0}.history strong{font-size:12px;color:var(--brand)}.history small{margin-top:4px}.timeline{list-style:none;padding:0;margin:18px 0}.timeline li{position:relative;padding:10px 10px 10px 35px;color:#95a2a3}.timeline li:before{content:"";position:absolute;left:5px;top:13px;width:13px;height:13px;border:2px solid #c9d6d4;border-radius:50%;background:#fff}.timeline li:not(:last-child):after{content:"";position:absolute;top:27px;left:11px;width:2px;height:18px;background:#dce7e4}.timeline li.done{color:#17796c;font-weight:700}.timeline li.done:before{content:"✓";display:grid;place-items:center;border:0;background:var(--brand);color:white;font-size:9px}.timeline li.current{color:#b66e14;font-weight:800}.timeline li.current:before{border-color:var(--warn);background:#fff2dc;box-shadow:0 0 0 4px #e7972922}.tracking-result{text-align:left;margin-top:28px;padding-top:23px;border-top:1px solid #e5ecea}.production-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.production-card{position:relative;display:grid;grid-template-columns:130px 1fr;gap:17px;padding:16px;background:#fff;border:1px solid #e0eae8;border-radius:18px;box-shadow:0 10px 28px rgba(13,51,48,.04);transition:.2s}.production-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.production-card.blocked{border:1px solid #efb9bd;background:linear-gradient(135deg,#fff,#fff6f6)}.production-card.blocked:after{content:"PARADO";position:absolute;top:13px;right:13px;color:#b33e48;background:#ffe5e6;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.5px}.production-card>img{width:130px;height:158px;object-fit:cover;border-radius:12px}.production-card h2{margin-bottom:0}.action-row{display:flex;gap:8px;margin-top:13px}.action-row button{min-height:40px}.problem{display:flex;gap:8px;margin-top:9px}.problem input{margin:0;font-size:12px}.problem button{white-space:nowrap;min-height:38px;background:#a25c5d;box-shadow:none;font-size:12px}.flash{padding:13px 17px;border-radius:12px;margin-bottom:22px;font-weight:700;box-shadow:0 8px 20px rgba(13,51,48,.04)}.flash.success{background:#dff4ed;color:#087064}.flash.error{background:#fde8e8;color:#a83d45}.error-text{color:#b43942;font-weight:700}.label{width:360px;margin:30px auto;padding:28px;border:2px dashed #94aaa5;border-radius:13px;text-align:center;background:white}.label img{display:block;width:180px;margin:20px auto}.label .brand{justify-content:center}.check{font-weight:600;margin:9px 0}.check input{display:inline;width:auto;margin:0 6px 0 0}fieldset{border:1px solid #dce7e4;border-radius:11px;margin:14px 0;padding:12px 15px}legend{padding:0 4px;font-weight:800;font-size:13px}hr{border:0;border-top:1px solid var(--line);margin:26px 0}@media(max-width:900px){.metrics{grid-template-columns:repeat(3,1fr)}.stage-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){header{position:relative;padding:13px 17px;align-items:flex-start;flex-direction:column;gap:7px}nav{gap:2px}nav a{padding:7px 8px;font-size:12px}nav a:last-child{margin-left:0}main{padding:28px 16px 50px}.metrics,.stage-grid{grid-template-columns:repeat(2,1fr)}.metrics article,.stage-grid article{padding:16px}.form-grid,.detail-grid,.production-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.filters{flex-wrap:wrap}.filters input{min-width:100%}.filters select{flex:1;max-width:none}.production-card{grid-template-columns:92px 1fr;gap:13px}.production-card>img{width:92px;height:124px}.problem{flex-direction:column}.auth,.tracking{margin:22px auto;padding:31px 23px;border-radius:22px}.auth h1,.tracking h1{font-size:27px}}