@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f3f4f6;--text-color:#1f2937;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--primary-color:#3b82f6;--primary-hover:#2563eb;--input-bg:#ffffffe6;--input-text:#1f2937;--input-border:#d1d5db;--error-color:#ef4444;--table-border:#0000001a;--table-header:#0000000d}.dark{--bg-color:#0f172a;--text-color:#f8fafc;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--primary-color:#60a5fa;--primary-hover:#3b82f6;--input-bg:#1e293bcc;--input-text:#f8fafc;--input-border:#334155;--table-border:#ffffff1a;--table-header:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .5s,color .5s;display:flex;overflow:hidden}.background-mesh{z-index:-1;background-image:radial-gradient(at 40% 20%,#3b82f633 0,#0000 50%),radial-gradient(at 80% 0,#a855f733 0,#0000 50%),radial-gradient(at 0%,#ec489933 0,#0000 50%);width:100vw;height:100vh;animation:15s ease-in-out infinite alternate mesh-movement;position:absolute;top:0;left:0}.dark .background-mesh{background-image:radial-gradient(at 40% 20%,#3b82f626 0,#0000 50%),radial-gradient(at 80% 0,#a855f726 0,#0000 50%),radial-gradient(at 0%,#ec489926 0,#0000 50%)}@keyframes mesh-movement{0%{transform:scale(1)translate(0)}50%{transform:scale(1.1)translate(2%,2%)}to{transform:scale(1)translate(-2%,-2%)}}.auth-container,.admin-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);opacity:0;border-radius:24px;flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000040}.admin-container{max-width:900px;max-height:90vh;overflow-y:auto}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}.service-logo{object-fit:contain;max-width:100%;max-height:80px;margin:0 auto;display:block}.auth-header{text-align:center}.auth-header h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.auth-header p{opacity:.8;font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{opacity:.9;font-size:.875rem;font-weight:500}.input-group input,.input-group select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:12px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f633}.submit-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.submit-btn:hover{background:var(--primary-hover)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--error-color);text-align:center;background:#ef44441a;border-radius:8px;padding:.5rem;font-size:.875rem}.theme-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.theme-toggle:hover{transform:scale(1.1)}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#c8c8c81a 25%,#c8c8c833 50%,#c8c8c81a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite loading}.skeleton-logo{border-radius:12px;width:100%;height:80px}.skeleton-text{width:80%;height:24px;margin:0 auto}.skeleton-input{border-radius:12px;width:100%;height:48px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.admin-header-actions{gap:1rem;display:flex}.admin-tabs{gap:1rem;margin-bottom:1.5rem;display:flex}.admin-tab{cursor:pointer;color:var(--text-color);background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.admin-tab.active{background:var(--primary-color);color:#fff}.admin-tab:hover:not(.active){background:var(--glass-border)}.admin-table-container{border:1px solid var(--table-border);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--table-border);padding:1rem}.admin-table th{background:var(--table-header);font-weight:600}.admin-table tr:last-child td{border-bottom:none}.action-btn{cursor:pointer;color:var(--text-color);opacity:.7;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.action-btn:hover{opacity:1;background:var(--glass-border)}.action-btn.delete:hover{color:var(--error-color)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:500px;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.modal-content h2{margin-bottom:1.5rem}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-secondary{border:1px solid var(--input-border);color:var(--text-color);cursor:pointer;background:0 0;border-radius:12px;padding:.75rem 1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--glass-border)}.checkbox-group{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary-color)}