:root{--p:#6b4a8b;--bg:#f5f3f8;--soft:#faf7fd;--mute:#777;color:#222;font-family:system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0;padding:24px}button{font:inherit;cursor:pointer;color:#333;background:#efe9f5;border:0;border-radius:8px;padding:9px 14px}button:disabled{opacity:.5;cursor:default}button.pri,button.on{background:var(--p);color:#fff}button.del{color:#b00;background:0 0;padding:4px 8px}input,select,textarea{font:inherit;background:var(--soft);border:1px solid #d8cfe3;border-radius:8px;padding:8px 10px}h1{color:var(--p);margin:0;font-size:26px}h2{margin:0 0 14px;font-size:18px}h3{margin:18px 0 8px;font-size:15px}.wrap{max-width:1000px;margin:auto}.sub,.mute{color:var(--mute)}.sub{margin:4px 0 16px;font-size:13px}.demo{background:#fff6dd;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:12px}.bar{background:#fff;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:10px;display:flex}.end{margin-left:auto}.panel{background:#fff;border-radius:12px;padding:20px}.login{flex-direction:column;gap:10px;max-width:340px;margin:12vh auto;display:flex}.err{color:#b00;margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.grow{flex:1}.num{width:110px}.sm{width:80px}.lbl{width:150px}.amt{text-align:right;width:90px}.r{text-align:right}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.card{text-align:left;color:#222;background:var(--soft);border:1px solid #e6dcf0;border-radius:10px;padding:12px;display:block}.card:hover{border-color:var(--p)}.card small{color:var(--mute)}.add{color:var(--p);margin-top:6px;font-size:12px}.box{background:#f1e8f8;border-radius:10px;margin:14px 0;padding:14px}.total{font-size:18px;font-weight:700}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #eee;padding:8px}.receipt{display:none}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{width:80mm;font-family:monospace;font-size:12px;display:block;position:absolute;top:0;left:0}}