@import url('/brand/fonts.css');
:root{--slate:#384d52;--ink:#13110f;--red:#cf0000;--blue:#174169;--paper:#f4f1eb;--muted:#697477}
body{background:var(--paper);color:var(--ink);font-family:Changa,Sora,Tahoma,sans-serif;line-height:1.65}
html[lang=en] body{font-family:Sora,Changa,sans-serif;line-height:1.7}
aside{background:#101b20;border-inline-start:3px solid var(--red);padding-top:27px}
.logo{display:flex;align-items:center;gap:13px;font-family:Sora,sans-serif;font-size:18px;line-height:1.3;letter-spacing:.02em}
.logo img{width:75px;height:75px;object-fit:contain;flex-shrink:0}.logo span{display:block}.logo small{letter-spacing:2px;color:#aebbc0;font-size:9px;margin-top:7px}
aside p,aside footer{color:#b7c3c7}aside footer a{color:#fff;display:block;margin-top:12px;text-underline-offset:5px}
nav button{color:#c5ced1}nav button:hover,nav button.active{background:var(--blue)}
header{border-bottom:1px solid #d8d9d5;padding-bottom:20px}.eyebrow{color:var(--slate);font-weight:600;letter-spacing:.03em}.eyebrow:before{content:'';display:inline-block;width:23px;height:3px;background:var(--red);vertical-align:middle;margin-inline-end:9px}
h1,h2,h3{letter-spacing:-.025em}h1{font-size:30px}.card,.stat{border-color:#dedfd9;border-radius:12px;box-shadow:0 6px 25px #13110f04}
.hero{background:linear-gradient(125deg,#101b20,var(--slate));border-radius:12px;border-inline-start:4px solid var(--red)}.hero p{color:#d5dfe2}.hero .small{color:#d5dfe2}
button,.btn-link{background:#e7ebed;color:var(--blue);border-radius:7px}.primary,.hero .primary{background:var(--red);color:#fff}.primary:hover{background:#ac0000}button:focus-visible,a:focus-visible{outline:3px solid #5489ac;outline-offset:3px}
input,select,textarea{color:var(--ink);background:#fff;border-color:#d0d7d9}input:focus,select:focus,textarea:focus{outline:2px solid #17416955;border-color:var(--blue)}
a{color:var(--blue)}.muted,.stat span,.status-line{color:var(--muted)}.empty{color:var(--muted)}.empty h2{color:var(--slate)}.badge{background:#e6edf1;color:var(--blue)}
th{color:var(--slate);background:#f0f2f2}td,th,.notification{border-color:#e4e7e5}.step{background:#eeefed;color:var(--muted)}.step.done{background:#dae7ed;color:var(--blue)}.binding,.progress-form{background:#f0f3f3}.total{background:#e4edf2;color:var(--blue)}.order-card{border-top-color:var(--red)}.danger{background:#fce9e8;color:#a22121}
html[lang=en] table{text-align:left}#login-form{max-width:660px;margin:35px auto;padding:38px;border-top:4px solid var(--red)}#login-form label{margin-top:20px}#login-form .primary{margin-top:24px;min-width:170px}
.supplier-page{padding:30px}.supplier-page main{margin:30px auto;max-width:750px;padding:30px;background:#fff;border:1px solid #dedfd9;border-top:4px solid var(--red);border-radius:12px}.supplier-logo{width:100px;height:100px;object-fit:contain}
@media(max-width:900px){.logo{flex-direction:column;align-items:flex-start}.logo img{width:65px;height:65px}}
@media(max-width:600px){aside{border-inline-start:0;border-bottom:3px solid var(--red)}.logo{flex-direction:row;align-items:center}.logo img{width:55px;height:55px}.logo small{display:block}#login-form{padding:24px;margin:15px auto}h1{font-size:24px}.supplier-page{padding:14px}.supplier-page main{padding:20px;margin:20px auto}}