@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap";:root{--primary: #1a1a1a;--secondary: #8b7355;--accent: #d4af37;--bg: #f8f7f5;--card-bg: #ffffff;--text: #2d2d2d;--text-light: #6b6b6b;--border: #e5e5e5;--danger: #dc2626;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:Playfair Display,serif;font-weight:700}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f7f5,#e8e6e3);padding:1rem}.login-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:var(--shadow-lg);max-width:450px;width:100%;text-align:center}.login-logo{width:120px;margin:0 auto 1rem;display:block}.login-card h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--primary)}.tagline{color:var(--text-light);font-style:italic;margin-bottom:2rem;font-size:.95rem}.input-group{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;margin-bottom:1rem;transition:var(--transition);background:#fff}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d4af371a}.input-group input{flex:1;border:none;outline:none;font-size:1rem;font-family:Inter,sans-serif}.error-message{background:#fee2e2;color:var(--danger);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}button{font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{padding:1rem 1.5rem;background:var(--primary);color:#fff;font-size:1rem}.btn-primary:hover:not(:disabled){background:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:.75rem 1.25rem;background:#fff;color:var(--text);border:2px solid var(--border);font-size:.95rem}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-logout{padding:.75rem 1.25rem;background:var(--danger);color:#fff;font-size:.95rem}.btn-logout:hover{background:#b91c1c;transform:translateY(-2px)}.btn-generate{padding:1.25rem 2rem;background:var(--accent);color:#fff;font-size:1.1rem;width:100%;margin-top:1rem}.btn-generate:hover:not(:disabled){background:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-icon-danger{padding:.5rem;background:transparent;color:var(--danger);border-radius:6px}.btn-icon-danger:hover{background:#fee2e2}.page-header{background:#fff;padding:1.5rem 2rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;align-items:center;gap:1.5rem}.header-logo{width:60px;height:60px;object-fit:contain}.header-title h1{font-size:1.75rem;margin-bottom:.25rem}.user-info{color:var(--text-light);font-size:.9rem}.header-actions{display:flex;gap:1rem}.frontdesk-container,.admin-container{min-height:100vh;background:var(--bg)}.invoice-form{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.client-section,.items-list,.stitching-section,.total-section,.product-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin-bottom:1.5rem}.client-section h3,.items-list h3,.product-section h3{margin-bottom:1.5rem;color:var(--primary);font-size:1.3rem}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.input-group-form{display:flex;flex-direction:column;gap:.5rem}.input-group-form label{font-weight:500;color:var(--text);font-size:.95rem}.input-group-form input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:var(--transition)}.input-group-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d4af371a}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.product-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:var(--transition);font-weight:500}.product-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow)}.product-card.active{border-color:var(--accent);background:linear-gradient(135deg,#fef9f0,#fff);box-shadow:var(--shadow)}.product-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px;padding:.5rem;transition:var(--transition)}.product-card:hover .product-icon{background:linear-gradient(135deg,#fef9f0,#f5f5f5);transform:scale(1.1)}.product-card.active .product-icon{background:var(--accent)}.product-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%)}.product-card.active .product-icon img{filter:brightness(0) saturate(100%) invert(1)}.product-name{text-align:center;font-size:.9rem;color:var(--text);line-height:1.3}.product-card.active .product-name{color:var(--accent);font-weight:600}.product-details-modal{background:linear-gradient(135deg,#fef9f0,#fff);padding:1.5rem;border-radius:12px;margin-top:1rem;border:2px solid var(--accent)}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-header img{width:32px;height:32px;padding:.35rem;background:var(--accent);border-radius:6px;filter:brightness(0) saturate(100%) invert(1)}.modal-header h4{color:var(--accent);font-size:1.2rem;margin:0}.button-row{display:flex;gap:1rem;margin-top:1rem}.button-row button{flex:1}.empty-state{text-align:center;color:var(--text-light);padding:2rem;font-style:italic}.items-table,.invoices-table{width:100%;border-collapse:collapse;margin-top:1rem}.items-table th,.invoices-table th{background:var(--bg);padding:1rem;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--border)}.items-table td,.invoices-table td{padding:1rem;border-bottom:1px solid var(--border)}.items-table tbody tr:hover,.invoices-table tbody tr:hover{background:var(--bg)}.invoice-number{font-weight:600;color:var(--accent)}.total-amount{font-weight:600;color:var(--primary)}.total-section{text-align:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}.total-section h2{color:var(--accent);font-size:2rem;margin-bottom:.5rem}.admin-content{max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.search-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin-bottom:1.5rem}.search-bar{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;background:#fff;transition:var(--transition)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d4af371a}.search-bar input{flex:1;border:none;outline:none;font-size:1rem;font-family:Inter,sans-serif}.invoices-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow)}.invoices-section h2{margin-bottom:1.5rem;color:var(--primary)}.loading{text-align:center;color:var(--text-light);padding:2rem}.receipt-container{min-height:100vh;background:var(--bg);padding:2rem}.receipt-actions{max-width:800px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.action-buttons{display:flex;gap:1rem}.receipt-paper{max-width:400px;margin:0 auto;background:#fff;padding:2rem;border:1px solid #ddd;box-shadow:var(--shadow-lg);font-family:Courier New,monospace;font-size:14px;line-height:1.6}.receipt-header{text-align:center;margin-bottom:1rem}.receipt-logo-wrapper{margin-bottom:.75rem}.receipt-logo{width:100px;height:auto}.receipt-date{font-size:12px;margin-bottom:.5rem}.receipt-token{font-weight:700;margin-bottom:.25rem}.receipt-invoice-number{border:2px dashed #333;padding:.5rem;display:inline-block;font-weight:700;font-size:16px;margin-top:.5rem}.receipt-divider{border-top:1px dashed #333;margin:1rem 0}.receipt-client{margin:1rem 0}.receipt-row{display:flex;justify-content:space-between;margin-bottom:.5rem;gap:1rem}.receipt-row .label{font-weight:700;min-width:120px}.receipt-row .value{flex:1;text-align:right}.receipt-items{margin:1rem 0}.receipt-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;margin-bottom:.75rem;align-items:start}.receipt-item .item-name{font-weight:700}.receipt-item .item-details{font-size:12px;color:#666}.receipt-item .item-total{text-align:right;font-weight:700}.receipt-total{display:flex;justify-content:space-between;font-weight:700;font-size:18px;margin:1rem 0;padding-top:.5rem}.receipt-footer{margin-top:1.5rem;text-align:center;font-size:12px;line-height:1.8}.shop-info{margin-bottom:1rem}.contact-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:14px;margin-bottom:.75rem}.phone-icon{font-size:16px}.footer-note{margin-top:.75rem;font-style:italic;color:#666}@media print{.no-print{display:none!important}body{background:#fff}.receipt-paper{margin:0;padding:1rem;border:none;box-shadow:none;max-width:100%}.receipt-divider{border-top-color:#000}}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.invoice-form,.admin-content{padding:0 1rem 1rem}.client-section,.items-list,.stitching-section,.total-section,.product-section,.search-section,.invoices-section{padding:1.5rem}.product-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.items-table,.invoices-table{font-size:.9rem}.items-table th,.items-table td,.invoices-table th,.invoices-table td{padding:.75rem .5rem}.receipt-actions{flex-direction:column;gap:1rem}.action-buttons{width:100%;flex-direction:column}}