:root{--ink:#10272b;--gold:#c7934f;--cream:#f7f0e4;--line:#ded6c9;--red:#a8242e;--blue:#2876c8;--green:#16864c;--grey:#6b6f73}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#fbf8f2,#f1e7d8);color:var(--ink);font-family:Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:16px max(22px,calc((100% - 1140px)/2));background:#10282e;color:white}header a{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}header span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--gold);font-weight:900}header strong,header small{display:block}.hero,main{max-width:1140px;margin:auto}.hero{padding:48px 24px 28px}.hero p,.welcome p{color:#a97533;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:4px 0;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.06em}.hero>span{color:#61716d;line-height:1.6}.auth{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin:0 24px 70px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff}.auth nav{display:grid;grid-template-columns:1fr 1fr}.auth nav button{padding:13px;border:1px solid var(--line);background:#eee8dc;font-weight:900}.auth nav .active{background:#fff;box-shadow:inset 0 -3px var(--gold)}form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;border:1px solid var(--line)}label{display:grid;gap:6px;font-size:.7rem;font-weight:900}input{padding:11px;border:1px solid #b9c2be;border-radius:9px}form button,.welcome button,.detail-actions button{padding:11px 15px;border:0;border-radius:9px;background:#17383b;color:#fff;font-weight:900}#dashboard{margin:0 24px 70px}.welcome{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:20px;background:#112e33;color:#fff}.welcome h2{margin:4px 0}.filters,.tabs{display:flex;gap:8px;overflow:auto;padding:14px 0}.filters button{flex:0 0 auto;padding:8px 11px;border:1px solid #d6c5aa;border-radius:999px;background:#fff;font-weight:900}.filters button.active{background:#17383b;color:white}.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.summary div{padding:12px;border:1px solid var(--line);border-radius:10px;background:white}.summary strong,.summary span{display:block}.summary span{font-size:.65rem;color:#687572}.order-tab{flex:0 0 auto;min-width:170px;padding:11px;border:0;border-left:5px solid var(--gold);border-radius:10px;background:#fff8db;text-align:left}.order-tab strong,.order-tab span,.order-tab small,.order-tab b{display:block}.order-tab.red{border-color:var(--red);background:#fff0f1}.order-tab.blue{border-color:var(--blue);background:#eef6ff}.order-tab.green{border-color:var(--green);background:#eaf8ef}.order-tab.grey{border-color:var(--grey);background:#eceeef}.order-tab.active{outline:3px solid #17383b33}article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.facts div{padding:10px;background:#f4f0e9;border-radius:9px}.facts span,.facts strong{display:block}.facts span{font-size:.6rem;color:#6e7976}.progress{height:10px;margin:18px 0;border-radius:999px;background:#e4e0da;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold)}.detail-actions{display:flex;gap:10px;align-items:end;margin-top:18px}.detail-actions label{min-width:260px}.empty{padding:30px;text-align:center;color:#61716d}footer{padding:24px;text-align:center;background:#10282e;color:#cddbd7;font-size:.7rem}[hidden]{display:none!important}@media(max-width:760px){.auth{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr}.detail-actions{display:grid}.detail-actions label{min-width:0}}