body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f172a1a;padding:24px 24px 28px;width:100%;max-width:480px}.card h1{margin:0 0 4px;font-size:24px}.card p{margin:4px 0 16px;color:#6b7280;font-size:14px}label{display:block;margin-bottom:4px;font-size:14px;font-weight:500}input[type=email],input[type=text],input[type=password],input[type=datetime-local],textarea,select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;box-sizing:border-box}textarea{min-height:100px;resize:vertical}input[type=email]:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}button{width:100%;margin-top:12px;padding:10px 12px;border-radius:999px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:disabled{background:#9ca3af;cursor:default}.error{color:#b91c1c;font-size:13px;margin-top:8px}.header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.subheader{font-size:13px;color:#6b7280}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.kpi-card{background:#f9fafb;border-radius:10px;padding:12px 14px;border:1px solid #e5e7eb}.kpi-title{font-size:13px;color:#6b7280;margin-bottom:4px}.kpi-main{font-size:20px;font-weight:600}.kpi-sub{font-size:12px;color:#6b7280}.section-title{font-size:15px;font-weight:600;margin-top:12px;margin-bottom:4px}.small-text{font-size:12px;color:#6b7280}.top-banner{font-size:12px;color:#6b7280;margin-bottom:12px}.link-button{border:none;background:none;color:#2563eb;font-size:12px;padding:0;cursor:pointer}.skeleton{border-radius:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeletonShimmer 1.2s ease-in-out infinite}.skeleton-line{height:12px;margin:8px 0}.skeleton-line.short{width:45%}.skeleton-line.medium{width:70%}.skeleton-line.long{width:90%}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:0 0}}.filters-row{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:10px;margin-bottom:12px}.filter-col-4{grid-column:span 4}.filter-col-6{grid-column:span 6}.filter-col-12{grid-column:span 12}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:8px;margin-bottom:12px}.table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#fff}table{width:100%;min-width:860px;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #f3f4f6;font-size:13px}th{font-size:12px;color:#6b7280;background:#fafafa;font-weight:600}tr.clickable:hover td{background:#f9fafb;cursor:pointer}.pill{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:999px;padding:3px 8px;font-size:12px;color:#374151;background:#fff;white-space:nowrap}.pill-closed{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.pill-layaway{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.pill-voided{border-color:#fecaca;background:#fef2f2;color:#991b1b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-header{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;margin-top:10px;margin-bottom:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.detail-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #eef2f7;font-size:13px}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280}.detail-actions{display:flex;gap:8px;margin-top:10px}.secondary-button{width:auto;margin-top:0;padding:8px 10px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:600;font-size:12px;cursor:pointer}.secondary-button:hover{background:#f9fafb}.breadcrumb{font-size:12px;color:#6b7280;margin-bottom:6px}.breadcrumb a{color:#2563eb;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;color:#6b7280}.app-header-left{display:flex;align-items:center;position:relative}.app-header-right{display:flex;align-items:center;gap:8px}.app-title{font-weight:600;color:#111827;font-size:13px}.menu-container{display:flex;align-items:center;gap:6px;cursor:pointer}.hamburger{width:20px;height:16px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.hamburger span{height:2px;background:#4b5563;border-radius:999px}.menu-dropdown{position:absolute;top:26px;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0f172a26;padding:4px 0;z-index:20;min-width:170px}.menu-item-button{width:100%;text-align:left;border:none;background:none;padding:6px 10px;font-size:13px;cursor:pointer;color:#111827;position:relative}.menu-item-button:hover{background:#f3f4f6}.menu-item-dot{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:999px;background:#b91c1c}.notification-button{position:relative;border-radius:999px;border:1px solid #e5e7eb;padding:4px 10px;font-size:12px;background:#f9fafb;color:#111827;cursor:pointer}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:999px;background:#b91c1c}.notifications-dropdown{position:absolute;top:26px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0f172a26;padding:6px 0;z-index:20;min-width:220px}.notifications-list-item{padding:6px 10px;font-size:12px;cursor:pointer;border-bottom:1px solid #f3f4f6}.notifications-list-item:last-child{border-bottom:none}.notifications-list-item:hover{background:#f9fafb}.pill-toggle-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pill-toggle{border-radius:999px;border:1px solid #d1d5db;padding:4px 10px;font-size:12px;cursor:pointer;background:#f9fafb;color:#111827}.pill-toggle.active{background:#2563eb;color:#fff;border-color:#2563eb}.importance-urgent{color:#b91c1c;font-weight:700}.importance-normal{color:#111827;font-weight:500}.importance-passive{color:#4b5563;font-weight:500}.announcement-list{max-height:180px;overflow:auto;margin-top:4px}.announcement-item{font-size:13px;padding:4px 0;border-bottom:1px dashed #e5e7eb}.announcement-item:last-child{border-bottom:none}.system-banner{margin-bottom:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500}.system-banner-success{background:#dcfce7;border:1px solid #16a34a;color:#166534}.system-banner-error{background:#fee2e2;border:1px solid #b91c1c;color:#7f1d1d}@media (max-width: 600px){.card{padding:20px}}.u-1fc69ef1{margin-bottom:12px}.u-eee51066{margin-bottom:4px}.u-7a363de8{margin-top:10px}.u-2996d57c{margin-top:8px}.u-d3f7ba34{margin-bottom:6px}.u-4101e029{display:flex;flex-direction:column;gap:8px;margin-top:4px}.u-8a461013{margin-top:6px}.u-4a22cdad{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:8px}.u-9733f4bf{font-weight:500;margin-bottom:6px}.u-86afcec6{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:6px}.u-3c9f8ab9{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.u-579fedf6{background:#b91c1c;margin-top:8px}.u-fcb33af8{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:8px}.u-b1d257f4{margin-top:8px;max-height:240px;overflow:auto}.u-346d5a86{border-collapse:collapse;font-size:12px;width:100%}.u-e113f5b7{padding:4px 6px;text-align:left}.u-c292c4c9{padding:4px 6px}.u-a1776e59{margin-bottom:10px}.u-6d687eca{width:120px}.u-ffda8f2d{width:220px}.u-9fabf3fd{width:140px}.u-85cc8621{width:70px}.u-b611818c{width:190px}.u-b1ff573b{margin-left:10px}.u-b1cbbe59{margin-top:18px}.u-4028f0e7{margin-bottom:8px}.u-75693bb0{width:44px}.u-9a07ab21{width:180px}.u-cbc58a9b{margin-top:14px}.u-935b2c4c{border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:8px 10px;width:100%}.u-8debd93a{margin-top:4px}.u-6e1ff862{color:#15803d;margin-top:6px}.u-bd9aec0b{max-height:320px;overflow:auto}.u-0960acec{border-bottom:1px solid #e5e7eb;padding:8px 0}.u-3d7351b7{font-weight:500;margin-bottom:4px}.u-5ed95ba7{min-height:80px}.u-56521250{display:flex;gap:8px;margin-top:6px}.u-3922459d{background:#6b7280}.u-8935d3ef{font-size:13px}.u-e9445860{margin-top:4px;white-space:pre-wrap}.u-8f5ef2dc{font-size:18px;margin:0}.u-0ad98f49{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.u-4f1658fa{padding:14px}.u-55f6b252{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.u-a8d03ddd{margin-left:6px}.u-749f2c2f{text-align:right}.u-2cc7d9e2{color:#6b7280}.u-9accacd7{margin-top:12px}.u-599e2920{font-weight:700}.u-1865efeb{width:160px}.u-f92263d3{white-space:pre-line}.u-155b6c85{align-items:center;display:flex;gap:8px}.u-fe131a21{display:inline-flex;gap:6px}.u-f6411e3c{opacity:.85}.u-c24c2a6a{font-size:18px}.u-4c021297{margin-left:8px;opacity:.8}.u-99142a8e{width:90px}.u-4ecedec0{width:170px}.u-11696618{margin:0}.u-eec2cdef{margin-right:6px}.u-3a5397a9{font-weight:600}.u-6b81c4c4{position:relative}.u-76624651{font-weight:600;margin-bottom:2px}.u-e7c67680{background:#e5e7eb;height:1px;margin:6px 0}.u-fde56ab6{text-align:center}.u-5c765f34{min-width:260px;right:0;top:34px}.u-15500558{cursor:default}.u-987218dc{font-weight:600;margin-bottom:6px}.u-1a7eb49a{align-items:center;display:flex;gap:10px}.u-b0b89e5e{margin-top:0;padding:10px 14px;width:auto}.u-947a50b7{background:#111827;margin-top:0;padding:10px 14px;width:auto}.u-aab31a55{min-width:980px}.u-8b4d7316{width:110px}.u-c78dbeb7{min-width:800px}.u-30c15d61{width:130px}.u-842f97e0{cursor:pointer}.u-d0511c92{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-top:12px}.u-a5d31eae{min-width:900px}.u-b2c682f4{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.u-8ec037a1{margin-top:0;padding:6px 10px;width:auto}.u-a724e7d8{background:#ef4444;margin-top:0;padding:6px 10px;width:auto}.u-61fa6b16{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.u-9800fb53{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px}.u-63b64713{height:180px;touch-action:none;width:100%}.u-67ee157c{display:flex;gap:10px;margin-top:10px}.u-2d12ca32{background:#6b7280;margin-top:0;padding:10px 14px;width:auto}.u-7f63d73e{background:#059669;margin-top:0;padding:10px 14px;width:auto}