@charset "UTF-8";:root{--bg: #f4f4f4;--surface: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f9fafb;--surface-hover: #f3f4f6;--surface-subtle: #fcfcfc;--border: #e5e7eb;--border-strong: #d1d5db;--border-soft: #eeeeee;--text: #111827;--text-strong: #1a1a1a;--text-muted: #4b5563;--text-subtle: #6b7280;--text-faint: #9ca3af;--primary: #111827;--primary-hover: #374151;--on-primary: #ffffff;--accent: #8b5cf6;--accent-2: #6366f1;--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft-bg: #fef2f2;--danger-soft-border: #fee2e2;--danger-text-bg: #f8d7da;--success: #059669;--success-soft-bg: #d4edda;--success-text: #155724;--input-bg: #ffffff;--input-disabled-bg: #f9fafb;--input-focus: #333333;--overlay: rgba(0, 0, 0, .5);--overlay-soft: rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--header-bg-start: #111827;--header-bg-end: #1f2937;--header-text: #f9fafb;--header-text-muted: #d1d5db;--header-divider: #374151;color-scheme:light}[data-theme=dark]{--bg: #0b1220;--surface: #111827;--surface-elevated: #1f2937;--surface-muted: #0f172a;--surface-hover: #1f2937;--surface-subtle: #131a2a;--border: #334155;--border-strong: #475569;--border-soft: #1f2937;--text: #f1f5f9;--text-strong: #f8fafc;--text-muted: #cbd5e1;--text-subtle: #94a3b8;--text-faint: #64748b;--primary: #8b5cf6;--primary-hover: #7c3aed;--on-primary: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-soft-bg: rgba(220, 38, 38, .15);--danger-soft-border: rgba(220, 38, 38, .35);--danger-text-bg: rgba(220, 38, 38, .2);--success: #10b981;--success-soft-bg: rgba(16, 185, 129, .18);--success-text: #6ee7b7;--input-bg: #0f172a;--input-disabled-bg: #1e293b;--input-focus: #8b5cf6;--overlay: rgba(0, 0, 0, .65);--overlay-soft: rgba(0, 0, 0, .55);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -2px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);color-scheme:dark}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--surface-elevated);color:var(--text);width:90%;max-width:400px;border-radius:12px;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.dropdown{position:relative;display:inline-block}.btn-dropdown{background:var(--surface-muted);border:1px solid var(--border);padding:6px 12px;border-radius:6px;font-size:.875rem;color:var(--text);cursor:pointer;transition:all .2s}.btn-dropdown:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-strong)}.dropdown-menu{position:fixed;z-index:1100;background:var(--surface-elevated);min-width:140px;border-radius:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:4px;display:flex;flex-direction:column}.dropdown-menu button{background:none;border:none;padding:8px 12px;text-align:left;font-size:.875rem;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:background-color .2s}.dropdown-menu button:hover{background-color:var(--surface-hover)}.dropdown-menu button.delete{color:var(--danger)}.dropdown-menu button.delete:hover{background-color:var(--danger-soft-bg)}.header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.header .title-group h1{margin:0 0 4px;font-size:1.5rem;color:var(--text-strong);font-weight:700}.header .title-group p{color:var(--text-subtle);margin:0;font-size:.95rem}table{width:100%;border-collapse:collapse}table th,table td{padding:16px;text-align:center;border-bottom:1px solid var(--border-soft);white-space:nowrap;color:var(--text-muted);font-size:.875rem}table th{background-color:var(--surface-muted);font-weight:600;color:var(--text-subtle);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}table tbody tr{transition:background-color .2s}table tbody tr:last-child td{border-bottom:none}table tbody tr:hover{background-color:var(--surface-subtle)}.btn-primary{background:var(--primary);color:var(--on-primary);padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.list-total{margin:16px 0 0;text-align:right;font-size:.875rem;color:var(--text-subtle)}.list-total .list-total-of{margin-left:6px;color:var(--text-faint)}.search-bar{margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.search-bar input{flex:1 1 220px;min-width:0;padding:10px 14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.875rem;box-sizing:border-box}.search-bar input:focus{outline:none;border-color:var(--input-focus)}.search-bar select.custom-select{flex:0 0 auto;width:auto;min-width:160px;padding:10px 32px 10px 14px;font-size:.875rem}.search-bar button{flex:0 0 auto}.custom-select{width:100%;padding:.75rem;border:1px solid var(--border-strong);border-radius:4px;background-color:var(--input-bg);color:var(--text);font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border-color .2s,box-shadow .2s}.custom-select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px #8b5cf633}.custom-select:hover{border-color:var(--border)}@media(max-width:768px){.modal-content{width:calc(100% - 24px);max-width:100%;max-height:calc(100vh - 24px);overflow-y:auto}.header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.header .title-group h1{font-size:1.25rem}.header .title-group p{font-size:.875rem}table th,table td{padding:10px 12px;font-size:.8125rem}table th{font-size:.75rem}.btn-primary,.btn-secondary{padding:10px 14px;font-size:.875rem}.dropdown-menu{right:0;min-width:140px}}@media print{body *{visibility:hidden}.receipt-print,.receipt-print *{visibility:visible}.receipt-print{display:block!important;position:absolute;top:0;left:0;width:80mm;padding:4mm;box-sizing:border-box;font-family:Courier New,Courier,monospace;font-size:11px;color:#000;background:#fff}.receipt-print hr{border:none;border-top:1px dashed #000;margin:6px 0}.receipt-print p{margin:2px 0}.receipt-print .receipt-store{text-align:center;font-size:14px;font-weight:700;margin-bottom:2px}.receipt-print .receipt-disclaimer{text-align:center;font-size:9px}.receipt-print .receipt-line{display:flex;justify-content:space-between;gap:8px}.receipt-print .receipt-total{font-weight:700;font-size:13px}}@page{size:80mm auto;margin:0}@media(max-width:480px){table th,table td{padding:8px 10px;font-size:.75rem}}