*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:15px Arial,sans-serif}.container{width:min(1150px,94%);margin:auto}.narrow{max-width:560px;padding-top:40px}.top{background:var(--primary,#111827);color:#fff;padding:14px 0}.topin{display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{width:120px;height:48px;object-fit:contain;background:#fff;border-radius:8px}h1,h2,h3{margin-top:0}.notice,.card{background:#fff;border-radius:14px;padding:18px;margin:18px 0;box-shadow:0 3px 14px #0000000c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.product{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 14px #0000000c}.product img{width:100%;height:160px;object-fit:cover}.pad{padding:14px}.pad p{color:#667085;min-height:40px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}.btn{border:0;background:var(--primary,#111827);color:#fff;padding:10px 14px;border-radius:9px;text-decoration:none;cursor:pointer;display:inline-block}.btn.light{background:#eef1f5;color:#172033}.btn.small{padding:7px 9px;font-size:12px}.btn.wa{background:#198754}.full{width:100%;text-align:center;margin-top:10px}input,textarea,select{width:100%;padding:12px;margin:7px 0;border:1px solid #d6dbe4;border-radius:9px;font:inherit}textarea{min-height:85px}.cartbtn{border:0;border-radius:10px;padding:10px;background:#fff;color:#111;cursor:pointer}.drawer{display:none;position:fixed;inset:0;background:#0008;z-index:10}.drawerbox{background:#fff;position:absolute;right:0;top:0;height:100%;width:min(440px,100%);padding:22px;overflow:auto}.drawer.open{display:block}.x{float:right;border:0;background:none;font-size:30px}.cartitem{border-bottom:1px solid #eee;padding:10px 0}.total{font-size:18px}.status{padding:14px;border-radius:10px;background:#eef1f5;text-align:center}.status.big{font-size:20px;font-weight:bold}.timeline{display:flex;gap:5px;overflow:auto;margin:20px 0}.timeline div{padding:8px;border-radius:8px;background:#eee;white-space:nowrap;font-size:12px}.timeline .on{background:var(--primary,#111827);color:#fff}.kanban{display:grid;grid-template-columns:repeat(7,minmax(190px,1fr));gap:12px;overflow:auto}.column{background:#e9edf3;border-radius:12px;padding:10px;min-height:500px}.order{background:#fff;border-radius:10px;padding:11px;margin:9px 0;box-shadow:0 2px 8px #0001}.actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.empty{color:#7a8495;padding:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee}.error{background:#fee2e2;padding:10px;border-radius:8px;margin:10px 0}.printarea{display:none}@media(max-width:700px){.kanban{grid-template-columns:repeat(7,230px)}.logo{width:80px}.top h1{font-size:18px}}