*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fa;color:#182230}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#10233f;color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{padding:20px;font-weight:700;font-size:17px;border-bottom:1px solid #29415f}.nav-scroll{overflow:auto;padding:10px;flex:1}.nav-scroll a{display:block;color:#dce7f5;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.nav-scroll a:hover{background:#1d3b61}.support{padding:12px;border-top:1px solid #29415f}.support a{color:#fff}.main{margin-left:250px;width:calc(100% - 250px);min-width:0}.top{height:62px;background:#fff;border-bottom:1px solid #dce2ea;display:flex;align-items:center;padding:0 20px;gap:12px;position:sticky;top:0;z-index:5}.user{margin-left:auto;font-size:13px}.content{padding:20px;overflow:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.card,.panel{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:16px;box-shadow:0 2px 7px #00000008}.stat{font-size:26px;font-weight:700}.muted{color:#66768a;font-size:13px}.tablewrap{overflow:auto;max-width:100%;background:#fff;border-radius:10px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:10px;border-bottom:1px solid #e5e9ef;text-align:left;vertical-align:top}.table th{background:#f7f9fb}.btn,button{border:0;border-radius:7px;padding:9px 13px;cursor:pointer;background:#153b68;color:#fff;text-decoration:none;display:inline-block}.btn.secondary{background:#e9eef5;color:#203044}.btn.danger{background:#b42318}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:10px;border:1px solid #ccd5e0;border-radius:7px;background:#fff}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.alert.success{background:#e8f7ee;color:#176b39}.alert.error{background:#fdeceb;color:#9d241b}footer{text-align:center;padding:18px;color:#6c7785;font-size:12px}.hamb{display:none}.ai{position:fixed;right:20px;bottom:20px;z-index:30}.ai>button{border-radius:50px;padding:13px 18px}.ai #aibox{display:none;width:330px;height:430px;background:#fff;border:1px solid #d8e0e9;box-shadow:0 10px 35px #0003;border-radius:12px;overflow:hidden}.aihead{padding:12px;background:#153b68;color:#fff}.aihead span{float:right;cursor:pointer}.aimsg{height:350px;overflow:auto;padding:12px;white-space:pre-wrap;font-size:13px}.ai form{display:flex;padding:8px;gap:5px}.adbox{display:none;position:fixed;inset:0;background:#0008;z-index:50;align-items:center;justify-content:center}.adbox>div{background:#fff;padding:28px;border-radius:14px;max-width:420px;text-align:center}.receipt{width:80mm;margin:auto;background:#fff;padding:4mm;font:12px monospace}.no-print{display:block}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:absolute;left:0;top:0;width:80mm}.no-print{display:none!important}}@media(max-width:800px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.user{display:none}}@media(max-width:600px){.sidebar{position:fixed;transform:translateX(-100%);transition:.2s}.main{margin-left:0;width:100%}.hamb{display:inline}.sidebar.open{transform:translateX(0)}.content{padding:12px}}