:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #2e7d32;--primary-hover: #1b5e20;--bg-color: #e8f5e9;--card-bg: #ffffff;--text-primary: #1b5e20;--text-secondary: #2e7d32;--success-color: #2e7d32;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(46, 125, 50, .1);--shadow-lg: 0 10px 15px -3px rgba(46, 125, 50, .1)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}#root{width:100%}.App-header{background-color:var(--card-bg);padding:1rem 2rem;box-shadow:var(--shadow-sm);display:flex;justify-content:center;color:var(--primary-color);border-bottom:2px solid #c8e6c9}.App-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.auth-container{max-width:420px;margin:40px auto;padding:40px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);text-align:center;border:1px solid #c8e6c9}.auth-container h2{font-size:2rem;margin-bottom:2rem;color:var(--primary-color)}.auth-container input{width:100%;padding:.875rem;border:1px solid #a5d6a7;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box;background-color:#f1f8e9;color:var(--text-primary)}.auth-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2e7d3233;background-color:#fff}.auth-container a{color:var(--primary-color);text-decoration:none;font-weight:700}.dashboard-container{max-width:1280px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.dashboard-header h2{font-size:2rem;font-weight:800;color:var(--primary-color);margin:0}.logout-btn{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);padding:.5rem 1.25rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:var(--bg-color)}.search-bar{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;border:1px solid #c8e6c9}.search-bar input,.search-bar select{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #a5d6a7;border-radius:8px;background-color:#f1f8e9;font-family:inherit;font-size:.95rem;color:var(--text-primary)}.reset-btn{background-color:#c8e6c9;color:var(--primary-color)}.sweets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;justify-content:center}.sweet-card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #c8e6c9}.sweet-card h3{margin:.5rem 0;font-size:1.25rem;font-weight:700;color:var(--primary-color)}.category{display:inline-block;background-color:#e8f5e9;color:var(--primary-color);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.price{font-size:1.75rem;font-weight:800;color:var(--primary-color);margin:.5rem 0}.purchase-btn{flex:1;padding:.75rem;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.purchase-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.restock-btn{padding:.75rem 1rem;border:none;border-radius:8px;background-color:#f9a825;color:#fff;font-weight:600;cursor:pointer}.error{background-color:#ffcdd2;color:#b71c1c;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ef5350}.App-header{background-color:var(--card-bg);padding:1rem 2rem;box-shadow:var(--shadow-sm);display:flex;justify-content:center}.App-header h1{margin:0;font-size:1.5rem;color:var(--primary-color);font-weight:700}.auth-container{max-width:420px;margin:80px auto;padding:40px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);text-align:center}.auth-container h2{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.auth-container form{display:flex;flex-direction:column;gap:1.25rem}.auth-container input{width:100%;padding:.875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box;background-color:#f9fafb}.auth-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.auth-container button{width:100%;padding:.875rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.auth-container button:hover{background-color:var(--primary-hover)}.auth-container p{margin-top:1.5rem;color:var(--text-secondary)}.auth-container a{color:var(--primary-color);text-decoration:none;font-weight:500}.dashboard-container{max-width:1280px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.dashboard-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0}.logout-btn{background-color:#fff;color:var(--danger-color);border:1px solid #fee2e2;padding:.5rem 1.25rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#fef2f2;border-color:#fecaca}.search-bar{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-bar input,.search-bar select{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;font-family:inherit;font-size:.95rem}.search-bar button{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.search-bar button[type=submit]{background-color:var(--primary-color);color:#fff}.reset-btn{background-color:#f3f4f6;color:var(--text-secondary)}.sweets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.sweet-card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.sweet-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.sweet-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-color)}.sweet-card h3{margin:.5rem 0;font-size:1.25rem;font-weight:700}.category{display:inline-block;background-color:#e0e7ff;color:var(--primary-color);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.price{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:.5rem 0}.stock{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.actions{margin-top:auto;display:flex;gap:.75rem}.purchase-btn{flex:1;padding:.75rem;border:none;border-radius:8px;background-color:var(--success-color);color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.purchase-btn:hover:not(:disabled){filter:brightness(110%)}.purchase-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.restock-btn{padding:.75rem 1rem;border:none;border-radius:8px;background-color:var(--warning-color);color:#fff;font-weight:600;cursor:pointer}.error{background-color:#fef2f2;color:var(--danger-color);padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #fee2e2}@media(max-width:640px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.search-bar{flex-direction:column;align-items:stretch}.search-bar input,.search-bar select{min-width:0}.actions{flex-direction:column}}
