:root{--black:#080907;--panel:#141512;--gold:#c79a45;--ivory:#f2e8d5;--brown:#674126;--green:#173525;--muted:#aaa}*{box-sizing:border-box}body{margin:0;background:var(--black);color:#eee;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:68px;position:fixed;top:0;left:0;right:0;background:#121310;border-bottom:1px solid #493719;display:flex;align-items:center;padding:8px 18px;z-index:5}header img{width:48px;height:48px;object-fit:contain;margin-right:12px}header b{color:var(--gold);font-size:20px}header small{display:block;color:#ddd}.logout{margin-left:auto;background:#292a27;padding:10px 18px;border-radius:8px}aside{position:fixed;top:68px;bottom:0;left:0;width:230px;background:#10110f;border-right:1px solid #292820;padding:16px;overflow:auto}aside a{display:block;padding:11px;border-radius:8px;color:#ddd;margin:2px 0}aside a:hover,aside a.on{background:#24251f;color:var(--gold)}main{margin-left:230px;padding:96px 24px 50px;max-width:1600px}h1,h2,h3{font-family:Georgia,serif}h1{color:var(--gold)}.title{display:flex;justify-content:space-between;align-items:center}.btn,button{background:var(--gold);color:#111;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.secondary{background:#333;color:#eee}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards>div,section,.panel{background:var(--panel);border:1px solid #2c2d27;border-radius:16px;padding:20px}.cards small{display:block;color:var(--muted);margin-bottom:8px}.cards strong{font-size:28px;color:var(--ivory)}section{margin-top:20px}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:14px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid #2a2b26;text-align:left}th{color:var(--gold)}input,select,textarea{width:100%;background:#20211e;color:white;border:1px solid #444;border-radius:8px;padding:11px;min-height:42px}textarea{min-height:90px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.line{display:grid;grid-template-columns:2fr .6fr .8fr 50px;gap:8px;margin:8px 0}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.catalog article{background:var(--panel);border:1px solid #302c21;border-radius:16px;padding:14px;overflow:hidden}.catalog article img{width:100%;height:190px;object-fit:contain;background:#0c0c0b;border-radius:10px}.catalog article span{display:inline-block;margin-top:10px;color:var(--gold);font-size:12px;text-transform:uppercase}.catalog article small{display:block;color:#aaa;margin-top:8px}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:20;align-items:flex-start;justify-content:center;overflow:auto;padding:30px}.modal .panel{width:min(1000px,95vw)}.coffee,.cigar{display:contents}.notice,.alert{background:#173525;border:1px solid #3c6b50;padding:12px;border-radius:10px;margin-bottom:16px}.low{background:#351b1b}.document{max-width:900px;margin:auto;background:white;color:#111;padding:50px}.dochead{display:flex;justify-content:space-between}.dochead img{width:110px;height:110px;object-fit:contain}.document h1{color:#8a681f}.document table{background:white;color:#111}.totals{text-align:right}.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.loginbox{width:380px;background:#151612;border:1px solid #5a451f;padding:35px;border-radius:20px;text-align:center}.loginbox img{width:110px}.loginbox input{margin:7px 0}.loginbox button{width:100%;margin-top:10px}@media(max-width:900px){aside{width:72px;padding:8px}aside a{font-size:0}aside a:before{content:'•';font-size:24px}main{margin-left:72px;padding:90px 12px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media print{header,aside,.noprint{display:none!important}main{margin:0;padding:0}.document{max-width:none;padding:20px}@page{size:A4;margin:12mm}}
.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:4px 9px;border-radius:20px;background:#2a261d;color:#d7b15a;font-size:12px}.warn{border-left:4px solid #d7a83f;padding:12px;background:#241f15}.moneyin{color:#8fd19e}.moneyout{color:#ef9a9a}.mini{font-size:12px;opacity:.75}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editable td input,.editable td select{min-width:100px}
