:root{
  --ink:#292a2d;--ink-2:#45464a;--paper:#fff;--canvas:#f1f2f3;
  --line:#d9dadd;--muted:#727479;--blue:#8a1731;--green:#536b5d;
  --amber:#9a6b35;--odoo:#6f4b70;--wine:#8a1731;--wine-dark:#641124;
  font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)
}
body{min-height:100vh;background:#f1f2f3;position:relative}
body:before{content:"";position:fixed;inset:74px 0 auto 0;height:190px;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#8a1731 0 7px,transparent 7px),linear-gradient(120deg,#e7e8ea 1px,transparent 1px);background-size:auto,34px 34px;opacity:.5}
header{height:76px;background:#fff;color:#292a2d;padding:0 max(28px,4vw);border-bottom:3px solid var(--wine);box-shadow:0 4px 18px #2223}
.brand{gap:14px}.brand-mark{width:42px;height:42px;border:0;border-radius:0;background:var(--wine);color:#fff;font:800 13px Georgia,serif;letter-spacing:.08em;box-shadow:inset -7px 0 #641124}.brand-logo{display:block;width:52px;height:47px;object-fit:contain}
.brand>div{gap:2px}.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:1rem;letter-spacing:.015em;color:#28292c}.brand div span{color:#74767a;font-size:.66rem;text-transform:uppercase;letter-spacing:.15em}
.header-actions{align-items:center!important;gap:25px!important}.header-link,.link{color:#333!important;font-size:.7rem!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.13em;text-decoration:none}.header-link:hover,.link:hover{color:var(--wine)!important;background:transparent;box-shadow:none;transform:none}
main{max-width:1480px;padding-top:50px}.hero{position:relative;min-height:150px;align-items:center;padding:25px 32px;background:linear-gradient(110deg,#292a2d 0 68%,#3b3d41 68%);border-left:7px solid var(--wine);color:#fff;overflow:hidden;box-shadow:0 12px 34px #2222}
.hero:after{content:"SIFEN";position:absolute;right:28px;bottom:-22px;color:#ffffff0b;font:800 6.5rem Georgia,serif;letter-spacing:.08em}
.hero h1{position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;font-size:2.35rem;font-weight:500;letter-spacing:-.02em;margin:0 0 10px}.hero p{position:relative;z-index:1;margin:0;color:#d5d6d8;font-size:.82rem;letter-spacing:.06em}.hero .notice{position:relative;z-index:1;max-width:780px;margin:18px 0 0;border-radius:0;border-left:3px solid #b8bdc2;background:#ffffff12;color:#f4f4f4}
.grid{grid-template-columns:270px minmax(0,1fr);gap:22px;margin-top:24px}section{border:1px solid var(--line);border-radius:2px;box-shadow:0 9px 25px #27282b0d}section h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#303135}
section.wide{padding:24px}.grid>section:first-child{border-top:4px solid var(--wine)}
input,select,textarea{border-color:#cfd0d3;border-radius:2px;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--wine)}
button,.button{border-radius:2px;background:var(--wine);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.secondary{background:#ececee;color:#414246;border:1px solid #d4d5d7}.secondary:hover{background:#dddde0;color:#292a2d}.odoo-button{background:#5e465f}
.client{border-radius:1px;border-left:3px solid transparent}.client.active{border-left-color:var(--wine);background:#f5ecef;color:var(--wine)}
.imports{border-radius:1px;border:1px solid #dedfe1;background:#f5f5f6}.imports label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}
.section-head{margin-top:26px;border-bottom:2px solid #343538}.section-head h2{font-size:1.35rem}.export-bar{border-radius:1px;border-left:4px solid var(--wine);background:#fafafa}
.table-wrap{border-radius:1px}th{background:#303135;color:#fff;font-size:.66rem;letter-spacing:.1em}tr:hover td{background:#f7f1f3}.badge{border-radius:1px}
.eyebrow{color:var(--wine)}.hero .eyebrow{display:block;color:#d9a5b0;margin-bottom:8px}.status-line{border-radius:1px}.login{border-radius:2px;border-top:4px solid var(--wine)}.login h1{font-family:Georgia,"Times New Roman",serif;color:#303135}
footer{border-top:1px solid #d4d5d7;background:#e9eaeb;color:#686a6e;letter-spacing:.025em}
@media(max-width:800px){header{height:auto;min-height:76px;padding:14px 18px}.brand div span{letter-spacing:.08em}.header-actions{gap:12px!important}.hero{min-height:180px;padding:26px 22px}.hero h1{font-size:1.85rem}.hero:after{font-size:4rem}.grid{grid-template-columns:1fr}}