:root{--r:#c82127;--d:#8f0f16;--bg:#f7f3f2;--line:#eadfdd;--muted:#786b69}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#241b1b}.hide{display:none!important}button,input{font:inherit}
#login{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#fff8f7,#f1dfdd)}form{width:min(430px,100%);padding:28px;background:#fff;border-radius:26px;box-shadow:0 24px 70px #721a1817}.bird{width:78px}h1{margin:8px 0 3px}p{color:var(--muted)}label{display:block;font-weight:700;margin-top:15px}.field{width:100%;padding:14px;margin-top:7px;border:1px solid #d8cac8;border-radius:12px}.primary{width:100%;padding:15px;margin-top:20px;border:0;border-radius:12px;background:var(--r);color:#fff;font-weight:800}.msg{padding:12px;margin-top:14px;border-radius:10px;background:#fff0ee;color:#8b241c}
header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 18px;position:sticky;top:0;z-index:3}header img{width:43px}header span{display:block;font-size:12px;color:var(--muted)}.menu{margin-left:auto;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:10px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 68px)}nav{padding:14px 12px;background:var(--d)}nav button{display:block;width:100%;padding:12px;border:0;border-radius:9px;background:transparent;color:#fff;text-align:left}nav button.active{background:#ffffff20;font-weight:800}main{padding:22px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{margin:0}.sub{color:var(--muted);margin-top:4px}.pill{padding:6px 9px;border-radius:20px;background:#eaf8f0;color:#167047;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px #5d282209}.metric{font-size:27px;font-weight:850;margin-top:7px}.wide{grid-column:span 2}.chart{height:180px;display:flex;align-items:end;gap:9px;border-bottom:1px solid var(--line)}.bar{flex:1;background:linear-gradient(var(--r),#e66366);border-radius:7px 7px 0 0}.table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #f0e8e7}th{font-size:12px;color:var(--muted)}.empty{text-align:center;padding:45px}.empty img{width:100px}.action{padding:9px 12px;border:0;border-radius:9px;background:var(--r);color:#fff;font-weight:750}.search{padding:11px;border:1px solid var(--line);border-radius:10px;min-width:220px}.tools{display:flex;gap:9px;flex-wrap:wrap}.modal{position:fixed;z-index:20;inset:0;background:#241b1bcc;display:grid;place-items:center;padding:15px}.modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:22px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.channel{padding:12px;border:1px solid var(--line);border-radius:12px}.channel h4{margin:0 0 8px}.modal-actions{display:flex;gap:10px;margin-top:18px}.secondary{padding:13px;border:1px solid var(--line);background:#fff;border-radius:11px}.order-row{display:grid;grid-template-columns:minmax(220px,3fr) 90px 130px 44px;gap:9px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.order-total{text-align:right;font-size:22px;font-weight:850;margin:18px 0}.danger{background:#fff0ee;color:var(--r);border:0;border-radius:9px;height:44px}.success{background:#eaf8f0;color:#167047;padding:14px;border-radius:11px}.chat{min-height:340px;max-height:58vh;overflow:auto;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px}.bubble{max-width:86%;padding:13px 15px;border-radius:16px;margin:9px 0;line-height:1.5}.bubble.user{margin-left:auto;background:var(--r);color:#fff}.bubble.bot{background:#f4eceb}.chat-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:850px){.layout{display:block}nav{display:none;position:fixed;z-index:5;inset:68px 0 0;overflow:auto}nav.open{display:block}.cards{grid-template-columns:repeat(2,1fr)}main{padding:15px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.wide{grid-column:auto}}

@page{size:A4;margin:18mm}body{font-family:Arial;color:#222}header{display:flex;justify-content:space-between;border-bottom:3px solid #c82127;padding-bottom:15px}h1{color:#c82127;margin:0}table{width:100%;border-collapse:collapse;margin-top:25px}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}th{background:#f8eeee}.total{text-align:right;font-size:20px;font-weight:bold;margin-top:22px}.note{margin-top:30px;color:#666}