.admin-dashboard{max-width:1400px;margin:0 auto;padding:20px}.dashboard-header{border-bottom:2px solid var(--color-neon-purple);margin-bottom:30px;padding:15px 0}.dashboard-actions button{border-color:var(--color-neon-purple);color:var(--color-neon-purple);box-shadow:var(--color-shadow-purple)}.dashboard-actions button.active-btn{background-color:var(--color-neon-purple);color:var(--color-dark);border-color:var(--color-neon-blue);box-shadow:0 0 10px var(--color-neon-purple),0 0 20px var(--color-neon-blue)}.dashboard-actions button.logout-btn{border-color:var(--color-accent-red);color:var(--color-accent-red);margin-left:auto}.dashboard-actions button.logout-btn:hover:not(:disabled){background-color:var(--color-accent-red);color:var(--color-dark);box-shadow:0 0 10px var(--color-accent-red)}.dashboard-content{border:1px solid var(--color-border);background-color:#10102a;border-radius:10px;padding:30px}.add-form-container{max-width:800px;margin:0 auto}.add-form-container h3{text-align:center;margin-bottom:20px}.add-form-container form{grid-template-columns:1fr;gap:15px;display:grid}.add-form-container label{color:var(--color-text-light);margin-top:10px;font-size:.9em}.add-form-container hr{border:none;border-top:1px dashed var(--color-neon-purple);margin:20px 0}.form-actions{justify-content:flex-end;gap:15px;margin-top:20px;display:flex}.product-list-area h3{text-align:left}table{border-collapse:collapse;width:100%;margin-top:20px;font-size:.9em}thead th{color:var(--color-neon-blue);text-align:left;border-bottom:2px solid var(--color-neon-blue);background-color:#1a1a3a;padding:12px 15px}tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .3s}tbody tr:hover{background-color:#151530;box-shadow:0 0 5px #0ff3}tbody td{padding:12px 15px}.product-thumb{object-fit:cover;border:1px solid var(--color-neon-purple);vertical-align:middle;border-radius:4px;width:50px;height:50px}.td-tab{white-space:nowrap}.table-btn.edit{border-color:var(--color-neon-blue);color:var(--color-neon-blue);padding:5px 10px;font-size:.8em}.table-btn.delete{border-color:var(--color-accent-red);color:var(--color-text-light);padding:5px 10px;font-size:.8em}@media (max-width:900px){.admin-dashboard{padding:10px}.product-list-wrapper{-webkit-overflow-scrolling:touch;padding-bottom:10px;overflow-x:auto}table{min-width:700px}thead th,tbody td{padding:8px 10px}.product-thumb{width:40px;height:40px}.td-tab{white-space:nowrap}.action-group button{margin:0 2px}}@media (max-width:600px){.dashboard-actions{flex-direction:column;align-items:stretch}.dashboard-actions button{margin:5px 0}.dashboard-actions button.logout-btn{margin-left:0}.dashboard-content{padding:15px}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}table{min-width:600px}thead th,tbody td{font-size:.8em}}.settings-container{border:1px solid var(--color-neon-purple);background-color:#10102a;border-radius:10px;max-width:600px;margin:0 auto;padding:30px;box-shadow:0 0 15px #9a00ff66}.settings-container h3{text-align:center;color:var(--color-neon-purple);text-shadow:var(--color-shadow-purple);margin-bottom:25px}.settings-form label{color:var(--color-neon-blue);margin-top:15px;margin-bottom:5px;display:block}.settings-form hr{border:none;border-top:1px dashed var(--color-neon-blue);margin:20px 0}.settings-form input[type=file]{border:1px dashed var(--color-text-light);width:100%;margin-top:5px;padding:10px}.image-preview-section{border:1px solid var(--color-border);border-radius:5px;margin:20px 0;padding:15px}.offer-image-preview{border:2px solid var(--color-neon-blue);border-radius:5px;max-width:100%;height:auto;margin-top:10px;display:block}p.hint{color:#888;margin-top:-10px;margin-bottom:20px;font-size:.8em}p.upload-status,p.status-message{margin-top:10px;font-weight:700}.status-message.error{color:var(--color-accent-red);text-shadow:0 0 3px var(--color-accent-red)}.status-message.success{color:var(--color-neon-blue);text-shadow:var(--color-shadow-blue)}.settings-form .form-actions{justify-content:center}.auth-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-form{border:1px solid var(--color-neon-purple);background-color:#151530;border-radius:10px;width:100%;max-width:400px;padding:40px;animation:.8s ease-out fadeIn;box-shadow:0 0 25px #9a00ff80}.auth-header{margin-bottom:30px;font-size:1.8em}.form-group{margin-bottom:20px}.auth-label{color:var(--color-neon-blue);margin-bottom:8px;font-weight:500;display:block}.auth-submit-btn{width:100%;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--color-dark:#0a0a1f;--color-neon-blue:#0ff;--color-neon-purple:#9a00ff;--color-text-light:#e0ffff;--color-accent-red:#f44;--color-shadow-blue:0 0 5px var(--color-neon-blue),0 0 10px var(--color-neon-blue);--color-shadow-purple:0 0 5px var(--color-neon-purple),0 0 10px var(--color-neon-purple);--color-border:#1a1a3a}body{background-color:var(--color-dark);color:var(--color-text-light);min-height:100vh;font-family:Consolas,Courier New,monospace;line-height:1.6}h1,h2,h3,h4{color:var(--color-neon-blue);text-shadow:var(--color-shadow-blue);margin-bottom:15px}button{cursor:pointer;border:2px solid var(--color-neon-blue);background-color:var(--color-dark);color:var(--color-neon-blue);text-transform:uppercase;box-shadow:var(--color-shadow-blue);margin:5px;padding:10px 20px;font-size:1em;font-weight:700;transition:all .3s}button:hover:not(:disabled){background-color:var(--color-neon-blue);color:var(--color-dark);box-shadow:0 0 10px var(--color-neon-blue),0 0 20px var(--color-neon-blue);transform:translateY(-2px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:var(--color-border);color:#555;background-color:var(--color-dark)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=datetime-local],textarea{border:1px solid var(--color-neon-purple);background-color:var(--color-dark);width:100%;color:var(--color-text-light);outline:none;margin-bottom:15px;padding:12px;font-size:1em;transition:border-color .3s,box-shadow .3s}input:focus,textarea:focus{border-color:var(--color-neon-blue);box-shadow:0 0 5px var(--color-neon-blue)}.error-msg,p[style*="color: red"]{text-shadow:0 0 5px var(--color-accent-red);margin-top:10px;font-weight:700;color:var(--color-accent-red)!important}.success-msg{color:var(--color-neon-blue);text-shadow:var(--color-shadow-blue);margin-top:10px;font-weight:700}:root{--bg-color:#0d0d0d;--card-bg:#1a1a1a;--text-color:#e6ffe6;--muted-text:#8a8;--primary:#0f8;--secondary:#00d4ff;--danger:#ff5d6c;--radius:8px;--shadow-neon:0 0 10px #0f89;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Poppins,Arial,sans-serif;line-height:1.5}.admin-dashboard{background-color:var(--card-bg);border-radius:var(--radius);flex-direction:column;align-items:center;max-width:900px;margin:20px auto;padding:15px;display:flex;box-shadow:0 0 15px #0f83}h1,.dashboard-header h2{color:var(--primary);text-shadow:0 0 6px var(--primary)}h1{font-size:16px}.dashboard-header h2{font-size:1.4rem}.dashboard-header{border-bottom:1px solid var(--primary);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.dashboard-actions{flex-wrap:wrap;gap:6px;display:flex}.dashboard-actions button{border-radius:var(--radius);cursor:pointer;color:#0d0d0d;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;padding:6px 10px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 0 8px #0f89,inset 0 0 3px #0f83}.dashboard-actions button:hover:not(:disabled){box-shadow:0 0 14px var(--shadow-neon),inset 0 0 4px var(--shadow-neon);transform:translateY(-2px)scale(1.03)}.dashboard-actions button:nth-child(2){background:linear-gradient(135deg,var(--secondary),var(--primary))}.logout-btn{background:var(--danger);color:#fff;box-shadow:0 0 8px #ff5d6c99}.logout-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 0 14px #ff5d6ccc}.dashboard-actions button:disabled{opacity:.5;cursor:not-allowed}.product-list-area{background-color:var(--card-bg);border-radius:var(--radius);width:100%;padding:15px;box-shadow:0 0 12px #00ff8826}.product-list-area h3{color:var(--secondary);text-shadow:0 0 6px var(--secondary);margin-bottom:15px;font-size:1.2rem}table{border-collapse:collapse;width:100%;min-width:650px}thead{background-color:#00d4ff1a}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #00ff8826;padding:8px 10px;font-size:.85rem}th{color:var(--secondary);text-transform:uppercase;text-shadow:0 0 4px var(--secondary);font-weight:700}tbody tr{transition:all .2s}tbody tr:hover{background-color:#00ff880d;transform:translateY(-1px);box-shadow:0 3px 10px #0f83}.product-thumb{object-fit:cover;border:1px solid var(--primary);width:30px;height:30px;box-shadow:0 0 6px var(--primary),inset 0 0 3px var(--primary);border-radius:4px;transition:transform .2s,box-shadow .2s}.product-thumb:hover{box-shadow:0 0 12px var(--primary),inset 0 0 4px var(--secondary);transform:scale(1.15)}.no-image{width:40px;height:40px;font-size:.7rem;line-height:40px}.price{color:var(--primary);text-shadow:0 0 4px var(--primary);font-weight:600}.table-btn{border-radius:var(--radius);padding:4px 8px;font-size:.75rem}.table-btn.edit{background-color:var(--secondary);color:#0d0d0d;box-shadow:0 0 6px var(--secondary)}.table-btn.edit:hover{box-shadow:0 0 12px var(--secondary);transform:scale(1.05)}.table-btn.delete{background-color:var(--danger);box-shadow:0 0 6px var(--danger)}.table-btn.delete:hover{box-shadow:0 0 12px var(--danger);color:#ff0101;transform:scale(1.05)}.admin-dashboard form{background-color:var(--card-bg);border-radius:var(--radius);padding:15px;box-shadow:0 0 10px #00ff8826}.action-group{justify-content:space-between;width:100%;max-width:180px;display:flex}@media (max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-actions button{flex:45%;min-width:90px}.logout-btn{flex:100%}table{min-width:700px}}@media (max-width:480px){.dashboard-header h2{font-size:1.2rem}.dashboard-actions button{flex:100%}table{min-width:650px}th,td{padding:5px 6px}.table-btn{padding:3px 5px;font-size:.65rem}}
