*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-hover:#e9ecef;--text-primary:#333;--text-secondary:#666;--border-color:#e9ecef;--shadow:#0003}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-hover:#3d3d3d;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#404040;--shadow:#00000080}.app{background:#f8f9fa;background:var(--bg-secondary);min-height:100vh;transition:background .3s}.app-auth{padding:20px}.app-auth,.app-loading{align-items:center;display:flex;justify-content:center}.app-loading{color:#333;color:var(--text-primary);font-size:24px;min-height:100vh}@media (max-width:768px){.app{padding:10px}}@media (max-width:480px){.app{padding:5px}.app-loading{font-size:18px}}.auth-container{max-width:400px;width:100%}.auth-card{background:var(--bg-primary);border-radius:10px;box-shadow:0 10px 25px var(--shadow);padding:40px;transition:background .3s,box-shadow .3s}.auth-card h2{color:var(--text-primary);margin-bottom:30px;text-align:center;transition:color .3s}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:8px}.form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s;width:100%}.auth-button:hover{transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.error-message{border-radius:5px;margin-bottom:15px;padding:10px}.auth-switch{color:var(--text-secondary);margin-top:20px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:#764ba2}@media (max-width:768px){.auth-container{padding:0 20px}.auth-card{padding:30px 20px}.auth-card h2{font-size:24px;margin-bottom:24px}.form-group input{font-size:16px}}@media (max-width:480px){.auth-card{padding:24px 16px}.auth-card h2{font-size:20px}}.dashboard-wrapper{background:var(--bg-secondary);display:flex;min-height:100vh}.mobile-menu-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:none;font-size:20px;left:16px;padding:10px 14px;position:fixed;top:16px;transition:all .3s;z-index:1001}.mobile-menu-button:hover{background:var(--bg-hover)}.dashboard-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1000}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:24px 20px}.sidebar-logo{height:32px;width:auto}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 0}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.sidebar-nav-item.active,.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{border-left-color:#667eea;font-weight:600}.sidebar-nav-item.logout{color:#e74c3c}.sidebar-nav-item.logout:hover{background:#e74c3c1a;color:#c0392b}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;padding:16px 0 calc(16px + env(safe-area-inset-bottom, 0px))}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.dashboard-main{flex:1 1;margin-left:260px;min-height:100vh;padding:32px;transition:margin-left .3s ease}.dashboard-content{margin:0 auto;max-width:1200px}.content-header{justify-content:space-between;margin-bottom:32px}.content-header,.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.bulk-actions{align-items:center;display:flex;gap:8px}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.mark-sold-button{background:#28a745;color:#fff}.mark-sold-button:hover{background:#218838;transform:translateY(-1px)}.delete-button{background:#dc3545}.delete-button:hover{background:#c82333;transform:translateY(-1px)}.select-mode-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.select-mode-button:hover{background:var(--bg-hover);border-color:var(--accent-color)}.select-mode-button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.select-all-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:12px 20px}.select-all-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px}.select-all-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.content-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.connection-section{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px var(--shadow);margin-bottom:32px;padding:32px;text-align:center}.connection-prompt p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:12px}.connection-hint{background:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-top:16px;padding:12px}.connect-square-button{border-radius:8px;padding:14px 28px}.connection-status{align-items:center;display:flex;justify-content:center}.status-indicator{border-radius:20px;padding:8px 16px}.status-indicator.connected{background:#d4edda;color:#155724}[data-theme=dark] .status-indicator.connected{background:#4caf5033;color:#81c784}.add-item-form{border-radius:12px;box-shadow:0 2px 8px var(--shadow);margin-bottom:32px;padding:24px}.add-item-form,.form-input{background:var(--bg-primary)}.form-input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:16px;padding:12px;transition:all .3s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.image-upload-section{margin-bottom:16px}.image-upload-label{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px;transition:all .3s}.image-upload-label:hover{background:var(--bg-hover);border-color:#667eea;color:var(--text-primary)}.upload-icon{font-size:20px}.image-upload-input{display:none}.image-preview-container{display:inline-block;margin-top:12px;position:relative}.image-preview{border:1px solid var(--border-color);border-radius:8px;max-height:200px;max-width:200px;object-fit:cover}.remove-image-button{align-items:center;background:#e74c3cf2;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:-10px;top:-10px;transition:all .3s;width:32px}.remove-image-button:hover{background:#c0392b;box-shadow:0 3px 12px #0006;transform:scale(1.15)}.remove-image-button:active{transform:scale(1.05)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:transform .2s;width:100%}.submit-button:hover{transform:translateY(-2px)}.add-item-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s}.add-item-button:hover{transform:translateY(-2px)}.refresh-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s}.refresh-button:hover{background:#5568d3;transform:translateY(-2px)}.catalog-items-list{grid-gap:16px;display:grid;gap:16px}.catalog-item{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px var(--shadow);display:flex;gap:12px;padding:20px;transition:all .3s}.catalog-item.selected{background:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 4px 12px #667eea33}.item-checkbox{flex-shrink:0;padding-top:2px}.item-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.catalog-item:hover{box-shadow:0 4px 12px var(--shadow);cursor:pointer;transform:translateY(-2px)}.item-info h3{color:var(--text-primary);font-size:18px;margin:0 0 10px;transition:color .3s}.item-header-with-image{align-items:flex-start;display:flex;gap:16px}.item-list-image{border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.item-text-info{flex:1 1;min-width:0}.item-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.item-details{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}.item-price{color:#667eea;font-size:16px;font-weight:600}.item-sku{color:var(--text-secondary);font-size:14px}.item-stock{color:#28a745;font-size:14px;font-weight:600}.sold-items-list{grid-gap:16px;display:grid;gap:16px}.sold-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px var(--shadow);padding:20px;transition:all .3s}.sold-item:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.sold-item-info h3{color:var(--text-primary);font-size:18px;margin:0 0 10px;transition:color .3s}.sold-item-details{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.sold-quantity{color:#667eea;font-size:14px;font-weight:600}.sold-price{color:#28a745;font-size:16px;font-weight:600}.sold-date{color:var(--text-secondary);font-size:14px}.revenue-section{display:flex;flex-direction:column;gap:32px}.revenue-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;padding:40px;text-align:center}.revenue-card h2{font-size:24px;font-weight:600;margin:0 0 16px;opacity:.9}.revenue-amount{font-size:48px;font-weight:700;margin:0 0 8px}.revenue-subtitle{font-size:16px;margin:0;opacity:.8}.revenue-breakdown{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:24px}.revenue-breakdown h3{color:var(--text-primary);font-size:20px;margin:0 0 20px}.revenue-list{display:flex;flex-direction:column;gap:12px}.revenue-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.revenue-item-info{display:flex;flex-direction:column;gap:4px}.revenue-item-name{color:var(--text-primary);font-size:15px;font-weight:600}.revenue-item-date{color:var(--text-secondary);font-size:13px}.revenue-item-amount{color:#28a745;font-size:16px;font-weight:600}.error-message{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:12px 16px}.empty-message{color:var(--text-secondary);font-size:16px;font-style:italic;padding:60px 20px;text-align:center}.loading{font-size:18px}@media (max-width:768px){.mobile-menu-button{display:block}.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.dashboard-main{margin-left:0;padding:70px 16px 20px}.content-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.content-header h1{font-size:24px}.add-item-button,.refresh-button{width:100%}.form-row{grid-template-columns:1fr}.connection-section{padding:24px 16px}.revenue-card{padding:32px 24px}.revenue-amount{font-size:36px}}@media (max-width:480px){.dashboard-main{padding:60px 12px 16px}.content-header h1{font-size:20px}.add-item-form{padding:20px 16px}.catalog-item,.revenue-item,.sold-item{padding:16px}.item-details,.sold-item-details{flex-direction:column;gap:8px}.item-header-with-image{flex-direction:column;gap:12px}.item-list-image{height:200px;object-fit:cover;width:100%}}.consignor-manager{background:var(--bg-primary);border-radius:10px;box-shadow:0 10px 25px var(--shadow);margin:0 auto;max-width:800px;padding:30px;transition:background .3s,box-shadow .3s}.consignor-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.consignor-manager-header h2{color:var(--text-primary);margin:0;transition:color .3s}.close-button{background:#e74c3c;color:#fff;font-size:20px;height:30px;transition:background .3s;width:30px}.close-button:hover{background:#c0392b}.consignor-manager-actions{margin-bottom:20px}.add-consignor-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s}.add-consignor-button:hover{transform:translateY(-2px)}.consignor-form{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:20px;transition:background .3s}.consignor-form h3{color:var(--text-primary);margin-top:0;transition:color .3s}.form-actions{display:flex;gap:10px;margin-top:15px}.cancel-button{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .3s}.cancel-button:hover{background:#5a6268}.consignors-list{grid-gap:15px;display:grid;gap:15px}.consignor-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s}.consignor-item:hover{background:var(--bg-hover);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.consignor-info h3{color:var(--text-primary);font-size:18px;margin:0 0 10px;transition:color .3s}.consignor-id{color:#667eea;font-size:14px;font-weight:600;margin:5px 0}.consignor-contact{color:var(--text-secondary);font-size:14px;margin:5px 0}.consignor-payout{color:#28a745;font-size:14px;font-weight:600;margin:5px 0}.consignor-actions{display:flex;gap:10px}.edit-button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.edit-button:hover{background:#5568d3}.delete-button{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.delete-button:hover{background:#c0392b}@media (max-width:768px){.consignor-manager{margin:10px;padding:20px}.consignor-manager-header{gap:12px}.consignor-item,.consignor-manager-header{align-items:flex-start;flex-direction:column}.consignor-item{gap:16px}.consignor-actions{justify-content:flex-end;width:100%}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.consignor-form,.consignor-manager{padding:16px}.consignor-actions{flex-direction:column}.delete-button,.edit-button{width:100%}}.settings-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.settings-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.settings-header h2{color:var(--text-primary);margin:0}.settings-content{padding:20px}.settings-section{margin-bottom:24px}.settings-section h3{color:var(--text-primary);font-size:18px;margin:0 0 16px}.settings-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.settings-item label{color:var(--text-primary);font-weight:500}.theme-toggle{align-items:center;display:flex;gap:12px}.theme-label{color:var(--text-secondary);font-size:14px;min-width:50px}.theme-switch{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:13px;cursor:pointer;height:26px;padding:0;position:relative;transition:background-color .3s;width:50px}.theme-switch.active{background-color:#4caf50}.theme-slider{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.theme-switch.active .theme-slider{transform:translateX(24px)}.square-connection-status{display:flex;flex-direction:column;gap:12px}.connection-status-connected,.connection-status-disconnected{display:flex;flex-direction:column;gap:8px}.status-indicator{border-radius:6px;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.connection-status-connected .status-indicator{background:#4caf501a;color:#4caf50}.connection-status-disconnected .status-indicator{background:#e74c3c1a;color:#e74c3c}.status-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.connect-square-button{background:#00d924;border:none;border-radius:5px;box-shadow:0 4px 15px #00d9244d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .3s;width:-webkit-fit-content;width:fit-content}.connect-square-button:hover{background:#00c020;box-shadow:0 6px 20px #00d92466;transform:translateY(-2px)}.disconnect-square-button{background:#e74c3c;border:none;border-radius:5px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s;width:-webkit-fit-content;width:fit-content}.disconnect-square-button:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.reconnect-hint{color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.4;margin:8px 0 0}.settings-item{align-items:flex-start;flex-direction:column;gap:12px}.settings-item label{margin-bottom:4px}.profile-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.profile-header h2{color:var(--text-primary);margin:0}.close-button{background:none;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:var(--bg-hover)}.profile-content{padding:20px}.profile-details{gap:20px}.profile-details,.profile-item{display:flex;flex-direction:column}.profile-item{gap:8px}.profile-item label{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-value{color:var(--text-primary);font-size:16px}.status-badge{border-radius:12px;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.status-badge.active{background-color:#4caf50;color:#fff}.status-badge.inactive{background-color:#f44336;color:#fff}.loading{color:var(--text-secondary);padding:40px;text-align:center}.error-message{color:#f44336;padding:20px;text-align:center}.label-preview-container{margin:0 auto;max-width:1200px;padding:32px;width:100%}.label-preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.label-preview-header h1{color:var(--text-primary);font-size:28px;margin:0}.label-preview-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{padding:10px 20px}.label-preview-content{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;justify-content:center;min-height:400px;padding:40px}@media print{.label-preview-container{padding:0}.label-preview-actions,.label-preview-header{display:none}.label-preview-content{background:#fff;box-shadow:none;padding:0}.item-label{border:2px solid #000;box-shadow:none;page-break-inside:avoid}}@media (max-width:768px){.label-preview-container{padding:20px 16px}.label-preview-header{align-items:flex-start;flex-direction:column}.label-preview-actions{width:100%}.btn{flex:1 1;min-width:120px}.label-preview-content{padding:20px}.item-label{max-width:400px;width:100%}.label-title{font-size:18px}}.item-detail-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.item-detail-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.item-detail-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.item-detail-header h2{color:var(--text-primary);font-size:24px;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.item-detail-content{padding:24px}.item-detail-section{margin-bottom:32px}.item-detail-section:last-child{margin-bottom:0}.item-detail-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item p{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0}.item-image-container{background:var(--bg-secondary);border-radius:8px;padding:20px;text-align:center}.item-detail-image{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow);height:auto;max-height:400px;max-width:100%;object-fit:contain;width:auto}.image-note{color:var(--text-secondary);font-style:italic;margin:0}.label-preview-wrapper{background:var(--bg-secondary);border-radius:8px;display:flex;justify-content:center;margin-bottom:16px;padding:20px}.item-label{background:#fff;border:2px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:24px;width:400px}.label-header{border-bottom:2px solid #333;margin-bottom:20px;padding-bottom:12px;text-align:center}.label-title{word-wrap:break-word;color:#333;font-size:20px;font-weight:700;line-height:1.3;margin:0}.label-barcode-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:20px 0;min-height:120px}.barcode-svg{height:auto;max-width:100%}.barcode-placeholder{color:#999;font-style:italic;text-align:center}.label-footer{align-items:center;border-top:2px solid #333;display:flex;justify-content:space-between;margin-top:20px;padding-top:12px}.label-date{color:#666;font-size:14px;font-weight:500;margin:0}.label-price{color:#333;font-size:18px;font-weight:700;margin:0}.label-actions{display:flex;gap:12px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}@media print{.item-detail-overlay{background:#fff;padding:0}.item-detail-modal{box-shadow:none;max-width:100%}.item-detail-header,.item-detail-section:not(:last-child),.label-actions{display:none}.label-preview-wrapper{background:#fff;padding:0}.item-label{border:2px solid #000;box-shadow:none;page-break-inside:avoid}}@media (max-width:768px){.item-detail-overlay{padding:10px}.item-detail-modal{max-height:95vh}.item-detail-header{padding:16px}.item-detail-header h2{font-size:20px}.item-detail-content{padding:16px}.detail-grid{gap:16px;grid-template-columns:1fr}.item-label{max-width:400px;width:100%}.label-actions{flex-direction:column}.btn{width:100%}}.landing-page{background:linear-gradient(180deg,#fff,#f8f9fa);color:#333;min-height:100vh}.landing-nav{background:#fff;box-shadow:0 2px 10px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#667eea;font-size:24px;font-weight:700;gap:12px}.logo-img{height:40px;width:auto}.logo-img.small{height:30px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.nav-actions{align-items:center;display:flex;gap:12px}.nav-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.login-button{background:#0000;border:1px solid #667eea;color:#667eea}.login-button:hover{background:#f0f0ff}.signup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.signup-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.hero-section{background:#fff;padding:80px 2rem;text-align:center}.hero-container{margin:0 auto;max-width:800px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 24px}.hero-subtitle{color:#666;font-size:20px;line-height:1.6;margin:0 0 40px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.cta-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cta-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.cta-button.secondary:hover{background:#f0f0ff}.cta-button.large{font-size:18px;padding:18px 40px}.hero-note{color:#999;font-size:14px;margin:0}.features-section{background:#f8f9fa;padding:80px 2rem}.features-container{margin:0 auto;max-width:1200px}.section-title{color:#1a1a1a;font-size:36px;font-weight:700;margin:0 0 60px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:32px;text-align:center;transition:all .3s}.feature-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 12px}.feature-description{color:#666;font-size:16px;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 2rem;text-align:center}.cta-container{margin:0 auto;max-width:700px}.cta-title{font-size:36px;font-weight:700;margin:0 0 16px}.cta-subtitle{font-size:18px;margin:0 0 32px;opacity:.9}.cta-section .cta-button.primary{background:#fff;color:#667eea}.cta-section .cta-button.primary:hover{background:#f0f0ff;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.landing-footer{background:#1a1a1a;color:#fff;padding:40px 2rem;text-align:center}.footer-container{margin:0 auto;max-width:1200px}.footer-logo{align-items:center;display:flex;font-size:20px;font-weight:700;gap:12px;justify-content:center;margin-bottom:16px}.footer-text{color:#999;font-size:14px;margin:0 0 16px}.footer-contact{border-bottom:1px solid #333;border-top:1px solid #333;margin:20px 0;padding:16px 0}.footer-contact-label{color:#999;font-size:14px;margin:0 0 8px}.footer-contact-link{color:#667eea;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.footer-contact-link:hover{color:#764ba2;text-decoration:underline}.footer-copyright{color:#666;font-size:12px;margin:20px 0 0}@media (max-width:768px){.hero-section{padding:60px 1rem}.hero-title{font-size:32px;line-height:1.3}.hero-subtitle{font-size:18px;padding:0 1rem}.nav-container{flex-wrap:wrap;padding:.75rem 1rem}.nav-logo{font-size:20px}.logo-img{height:32px}.nav-actions{flex-wrap:wrap;gap:8px}.nav-button{font-size:12px;padding:8px 16px}.hero-cta{align-items:stretch;flex-direction:column;padding:0 1rem}.cta-button{margin-bottom:12px;width:100%}.features-section{padding:60px 1rem}.features-grid{gap:24px;grid-template-columns:1fr}.section-title{font-size:28px;margin-bottom:40px}.feature-card{padding:24px}.cta-section{padding:60px 1rem}.cta-title{font-size:28px;line-height:1.3}.cta-subtitle{font-size:16px}.landing-footer{padding:32px 1rem}}@media (max-width:480px){.hero-title{font-size:26px}.hero-subtitle{font-size:16px}.nav-logo{font-size:18px}.logo-img{height:28px}.nav-button{font-size:11px;padding:6px 12px}.cta-title,.section-title{font-size:24px}.feature-title{font-size:18px}.feature-description{font-size:14px}}
/*# sourceMappingURL=main.22f505c4.css.map*/