:root{--bg-gradient:linear-gradient(135deg,#e0e7ff 0%,#f3f4f6 100%);--glass-bg:rgba(255,255,255,0.65);--glass-border:rgba(255,255,255,0.8);--text-main:#1f2937;--text-muted:#6b7280;--primary:#4f46e5;--primary-hover:#4338ca;--accent:#8b5cf6;--input-bg:rgba(255,255,255,0.5);--shadow:0 8px 32px rgba(31,38,135,0.15);--shape-color:rgba(79,70,229,0.15);--success:#10b981;--error:#ef4444;--table-stripe:rgba(0,0,0,0.02)}[data-theme="dark"]{--bg-gradient:radial-gradient(circle at 50% 50%,#1e1e2e 0%,#0f0f16 100%);--glass-bg:rgba(30,30,40,0.6);--glass-border:rgba(255,255,255,0.08);--text-main:#f9fafb;--text-muted:#9ca3af;--primary:#6366f1;--primary-hover:#818cf8;--input-bg:rgba(0,0,0,0.3);--shadow:0 8px 32px rgba(0,0,0,0.5);--shape-color:rgba(99,102,241,0.1);--table-stripe:rgba(255,255,255,0.03)}*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif;transition:background 0.3s,color 0.3s,border-color 0.3s}body{background:var(--bg-gradient);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;color:var(--text-main)}.scene{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;perspective:1000px}.shape{position:absolute;background:var(--shape-color);backdrop-filter:blur(5px);border:1px solid var(--glass-border);box-shadow:0 0 20px rgba(0,0,0,0.05)}.cube-1{width:150px;height:150px;top:20%;left:15%;border-radius:20px;animation:floatRotate 12s infinite linear}.cube-2{width:100px;height:100px;bottom:20%;right:10%;border-radius:15px;background:linear-gradient(45deg,var(--primary),transparent);opacity:0.2;animation:floatRotate 15s infinite reverse linear}.sphere-1{width:300px;height:300px;top:-50px;right:30%;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:0.1;animation:pulse 8s infinite ease-in-out}@keyframes floatRotate{0%{transform:translateY(0) rotate3d(1,1,1,0deg)}50%{transform:translateY(-20px) rotate3d(1,1,1,180deg)}100%{transform:translateY(0) rotate3d(1,1,1,360deg)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.main-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}.center-panel{width:100%;max-width:420px;padding:3rem}.wide-panel{width:90%;max-width:1200px;height:85vh;flex-direction:row;overflow:hidden}.header-section{text-align:center;margin-bottom:2rem}.brand-logo{font-size:2.5rem;font-weight:800;letter-spacing:-1px}.brand-logo-sm{font-size:1.5rem;font-weight:800}.dot{color:var(--primary)}.subtitle{color:var(--text-muted);font-size:0.9rem}.input-group{position:relative;margin-bottom:1.2rem}.input-group i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.2rem}.input-group input{width:100%;padding:14px 14px 14px 45px;background:var(--input-bg);border:1px solid transparent;border-radius:14px;color:var(--text-main);outline:none;font-size:0.95rem}.input-group input:focus{border-color:var(--primary);background:var(--glass-bg);box-shadow:0 0 0 4px rgba(99,102,241,0.1)}button{cursor:pointer;border:none;border-radius:14px;font-weight:600;transition:all 0.2s;display:flex;justify-content:center;align-items:center;gap:8px}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:1rem;box-shadow:0 4px 15px rgba(79,70,229,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,0.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:var(--text-main);padding:10px 20px}.btn-secondary:hover{background:var(--input-bg)}.btn-logout{background:rgba(239,68,68,0.1);color:var(--error);padding:10px 16px;border-radius:10px}.btn-logout:hover{background:var(--error);color:#fff}.btn-text-only{background:none;color:var(--text-muted);font-size:0.85rem;text-decoration:underline;margin-bottom:10px}.sidebar{width:320px;border-right:1px solid var(--glass-border);padding:2rem;display:flex;flex-direction:column;background:rgba(0,0,0,0.02)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.user-pill{background:var(--input-bg);padding:6px 12px;border-radius:20px;font-size:0.8rem;display:flex;align-items:center;gap:6px;border:1px solid var(--glass-border)}.content-area{flex:1;padding:2rem;overflow:hidden;display:flex;flex-direction:column}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-icon{background:var(--input-bg);width:40px;height:40px;border-radius:10px}.btn-icon:hover{color:var(--primary);transform:rotate(15deg)}.table-responsive{overflow-y:auto;flex:1;border-radius:16px;border:1px solid var(--glass-border)}.table-responsive::-webkit-scrollbar{width:6px}.table-responsive::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px;opacity:0.3}table{width:100%;border-collapse:collapse;font-size:0.9rem}thead{background:var(--input-bg);position:sticky;top:0;backdrop-filter:blur(5px);z-index:1}th{padding:16px;text-align:left;color:var(--text-muted);font-weight:500;font-size:0.8rem;text-transform:uppercase;letter-spacing:1px}td{padding:16px;border-bottom:1px solid var(--glass-border);color:var(--text-main)}tr:hover td{background:var(--input-bg)}.text-right{text-align:right}.admin-header{display:flex;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--glass-border)}.admin-table{font-family:monospace;font-size:0.85rem}.hidden{display:none!important}.theme-switch-wrapper{position:absolute;top:20px;right:20px;z-index:100}.theme-switch{position:relative;display:inline-block;width:60px;height:30px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);transition:.4s;border-radius:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;border:1px solid var(--glass-border)}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:2}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(30px)}.sun-icon{color:#f59e0b;font-size:18px}.moon-icon{color:#f1f5f9;font-size:18px}.loader{border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top:3px solid #fff;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#toast-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:var(--glass-bg);backdrop-filter:blur(12px);color:var(--text-main);padding:12px 24px;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,0.2);border:1px solid var(--glass-border);display:flex;align-items:center;gap:10px;animation:slideDown 0.3s cubic-bezier(0.175,0.885,0.32,1.275);min-width:300px}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:50}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--glass-bg);padding:2rem;border-radius:24px;border:1px solid var(--glass-border);z-index:51;width:90%;max-width:400px;box-shadow:var(--shadow);animation:popIn 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}@keyframes popIn{from{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.sidebar-footer{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.btn-glass-outline{background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);color:var(--text-muted);padding:10px 16px;border-radius:12px;font-size:0.85rem;display:flex;align-items:center;justify-content:center;gap:8px}.btn-glass-outline:hover{background:rgba(255,255,255,0.1);color:var(--text-main);border-color:var(--primary)}.btn-danger-soft{background:rgba(239,68,68,0.1);color:var(--error);border:1px solid transparent;padding:10px 14px;border-radius:12px;display:flex;align-items:center;justify-content:center}.btn-danger-soft:hover{background:var(--error);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,0.3)}.status-badge{padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-loading{background:rgba(59,130,246,0.1);color:var(--primary);border:1px solid rgba(59,130,246,0.2)}.status-loading::before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--primary);border-top-color:transparent;animation:spin 1s linear infinite}.price-final{font-size:1rem;font-weight:700;color:var(--success);text-shadow:0 0 10px rgba(16,185,129,0.2);animation:popIn 0.3s ease-out}.status-error{color:var(--error);font-weight:600}@media (max-width:900px){body{height:auto;overflow-y:auto;display:block}.main-wrapper{height:auto;padding:0;display:block}.glass-panel.wide-panel{width:100%;height:auto;min-height:100vh;border-radius:0;border:none;flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--glass-border);padding:1.5rem}.sidebar-header{margin-bottom:1rem}.sidebar-footer{display:flex;justify-content:space-between}.btn-glass-outline{flex:1}.content-area{padding:1.5rem;height:auto;overflow:visible}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}table{min-width:600px}th,td{padding:12px 10px;font-size:0.85rem}.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.admin-tabs{width:100%;overflow-x:auto}.admin-actions{width:100%;display:flex;justify-content:space-between}.center-panel{width:90%;margin:10vh auto;padding:2rem}.shape{opacity:0.3}#toast-container{width:90%;top:10px}.toast{min-width:auto;width:100%}}