*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{color:#f0f6ff;background:#060a14;min-height:100vh;font-family:Inter,Outfit,sans-serif}:root{--accent:#00d4ff;--accent-dim:#00d4ff1f;--purple:#8b5cf6;--bg:#060a14;--bg2:#0b1020;--bg3:#0f1829;--border:#ffffff14;--border-hi:#00d4ff4d;--muted:#8b9bb4;--faint:#3d4d63;--red:#ef4444;--green:#34d399;--r:12px;--r-sm:8px;--r-full:9999px;--glass:#ffffff0a;--t:.25s cubic-bezier(.4,0,.2,1)}.login-screen{background:var(--bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-orbs{pointer-events:none;position:absolute;inset:0}.login-orb{filter:blur(80px);border-radius:50%;position:absolute}.lo-1{background:#00d4ff14;width:500px;height:500px;top:-100px;left:-100px}.lo-2{background:#8b5cf61a;width:400px;height:400px;bottom:-80px;right:-60px}.login-card{z-index:1;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1020f2;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;position:relative}.login-logo{align-items:center;gap:.6rem;margin-bottom:1.75rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;display:flex}.login-hex{background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.logo-img{object-fit:contain;width:32px;height:32px}.login-brand{background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-title{margin-bottom:.4rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800}.login-sub{color:var(--muted);margin-bottom:1.75rem;font-size:.85rem}.l-group{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.l-label{color:var(--muted);letter-spacing:.03em;font-size:.78rem;font-weight:600}.l-input{border:1.5px solid var(--border);border-radius:var(--r-sm);color:#f0f6ff;transition:border-color var(--t),box-shadow var(--t);background:#ffffff0a;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.l-input::placeholder{color:var(--faint)}.l-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff1f}.l-error{color:var(--red);min-height:1rem;margin-bottom:.5rem;font-size:.82rem}.l-btn{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border-radius:var(--r-full);cursor:pointer;width:100%;transition:opacity var(--t),transform var(--t);border:none;padding:.85rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;box-shadow:0 8px 28px #00d4ff4d}.l-btn:hover{opacity:.9;transform:translateY(-2px)}.l-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-app[hidden]{display:none}.login-screen[hidden]{display:none!important}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;gap:.5rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .5rem 1.5rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-link{border-radius:var(--r-sm);color:var(--muted);transition:all var(--t);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.88rem;font-weight:500;display:flex}.sidebar-link:hover{background:var(--glass);color:#f0f6ff}.sidebar-link.active{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-hi)}.msg-badge{background:var(--red);color:#fff;border-radius:var(--r-full);text-align:center;min-width:20px;margin-left:auto;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.sidebar-home-link{color:var(--muted);border-radius:var(--r-sm);transition:color var(--t);padding:.5rem .75rem;font-size:.8rem}.sidebar-home-link:hover{color:var(--accent)}.sidebar-logout{border-radius:var(--r-sm);color:#ef4444;cursor:pointer;width:100%;transition:all var(--t);background:#ef44441a;border:1px solid #ef444433;padding:.6rem;font-family:inherit;font-size:.82rem;font-weight:600}.sidebar-logout:hover{background:#ef444433}.admin-main{min-height:100vh;padding:2.5rem;overflow-y:auto}.panel{display:none}.panel.active{display:block}.panel-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.panel-title{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800}.panel-sub{color:var(--muted);margin-top:.25rem;font-size:.88rem}.dash-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.dash-stat{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);text-align:center;transition:border-color var(--t),transform var(--t);padding:1.5rem}.dash-stat:hover{border-color:var(--border-hi);transform:translateY(-3px)}.ds-icon{margin-bottom:.75rem;font-size:1.8rem}.ds-num{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.ds-label{color:var(--muted);margin-top:4px;font-size:.78rem}.dash-quick{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);padding:1.75rem}.quick-title{margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.quick-btns{flex-wrap:wrap;gap:.75rem;display:flex}.quick-btn{border:1px solid var(--border);border-radius:var(--r-full);color:#f0f6ff;cursor:pointer;transition:all var(--t);background:#ffffff0d;padding:.6rem 1.25rem;font-family:inherit;font-size:.85rem;text-decoration:none}.quick-btn:hover{background:var(--accent-dim);border-color:var(--border-hi);color:var(--accent)}.add-btn{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border-radius:var(--r-full);cursor:pointer;transition:transform var(--t),box-shadow var(--t);border:none;padding:.65rem 1.4rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff4d}.data-list{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.data-item{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--t);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.data-item:hover{border-color:var(--border-hi)}.di-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.di-avatar{border:2px solid var(--border-hi);background:var(--bg3);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.di-avatar img{object-fit:cover;width:100%;height:100%}.di-logo{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.di-body{min-width:0}.di-name{white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;overflow:hidden}.di-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;overflow:hidden}.di-actions{flex-shrink:0;gap:.5rem;display:flex}.di-btn{border-radius:var(--r-sm);cursor:pointer;transition:all var(--t);border:1px solid #0000;padding:.45rem .9rem;font-family:inherit;font-size:.78rem;font-weight:600}.di-edit{color:#60a5fa;background:#3b82f61f;border-color:#3b82f64d}.di-edit:hover{background:#3b82f633}.di-del{color:#ef4444;background:#ef44441a;border-color:#ef444440}.di-del:hover{background:#ef444433}.di-read{color:#34d399;background:#34d3991a;border-color:#34d39940}.di-read:hover{background:#34d39933}.msg-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--t);margin-bottom:.75rem;padding:1.25rem 1.5rem}.msg-card:hover{border-color:var(--border-hi)}.msg-card.unread{border-color:#00d4ff40}.msg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;display:flex}.msg-from{font-size:.9rem;font-weight:700}.msg-email{color:var(--accent);font-size:.78rem}.msg-date{color:var(--faint);font-size:.74rem}.msg-subject{color:var(--muted);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.msg-body{color:var(--muted);white-space:pre-wrap;margin-bottom:.75rem;font-size:.84rem;line-height:1.6}.msg-actions{gap:.5rem;display:flex}.unread-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:.5rem;display:inline-block}.empty-state{text-align:center;color:var(--muted);background:var(--glass);border:1px dashed var(--border);border-radius:var(--r);padding:3rem;font-size:.9rem}.form-panel{background:var(--bg3);border:1px solid var(--border-hi);border-radius:var(--r);max-width:640px;margin-top:1.5rem;padding:2rem}.form-panel[hidden]{display:none}.form-panel-title{color:var(--accent);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.admin-form{flex-direction:column;gap:1rem;display:flex}.af-group{flex-direction:column;gap:.35rem;display:flex}.af-label{color:var(--muted);font-size:.78rem;font-weight:600}.af-input{border:1.5px solid var(--border);border-radius:var(--r-sm);color:#f0f6ff;transition:border-color var(--t);background:#ffffff0a;outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.88rem}.af-input::placeholder{color:var(--faint)}.af-input:focus{border-color:var(--accent)}.af-textarea{resize:vertical;min-height:80px}.af-actions{gap:.75rem;margin-top:.5rem;display:flex}.af-save{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border-radius:var(--r-full);cursor:pointer;transition:transform var(--t);border:none;padding:.7rem 1.75rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700}.af-save:hover{transform:translateY(-1px)}.af-cancel{border:1px solid var(--border);border-radius:var(--r-full);color:var(--muted);cursor:pointer;transition:all var(--t);background:0 0;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem}.af-cancel:hover{border-color:var(--red);color:var(--red)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (width<=768px){.admin-app{grid-template-columns:1fr}.sidebar{display:none}.dash-stats{grid-template-columns:repeat(2,1fr)}}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#040814d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.custom-modal-overlay[hidden]{display:none!important}.custom-modal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;width:90%;max-width:400px;padding:2rem;box-shadow:0 20px 40px #0006}.cm-icon{margin-bottom:1rem;font-size:2.5rem}.cm-title{color:#fff;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.25rem}.cm-desc{color:var(--muted);margin-bottom:1.5rem;font-size:.95rem}.cm-actions{justify-content:center;gap:1rem;display:flex}.cm-btn{border-radius:var(--r-full);cursor:pointer;transition:var(--t);border:none;padding:.6rem 1.5rem;font-family:inherit;font-weight:600}.cm-cancel{border:1px solid var(--border);color:var(--muted);background:0 0}.cm-cancel:hover{color:#fff;border-color:#fff}.cm-confirm{background:linear-gradient(135deg, var(--red), #dc2626);color:#fff}.cm-confirm:hover{transform:translateY(-1px);box-shadow:0 0 15px #ef44444d}