@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Open+Sans:wght@400;500;600&display=swap";.admin-container{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Inter,sans-serif}.admin-sidebar{width:260px;background-color:#1a1c23;color:#fff;display:flex;flex-direction:column;padding:1.5rem;position:fixed;height:100vh;transition:transform .3s ease;z-index:100}.admin-sidebar-header{margin-bottom:2rem;display:flex;align-items:center;gap:10px}.admin-sidebar-header h2{font-size:1.25rem;font-weight:700;margin:0}.admin-badge{background-color:#7c3aed;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.5px}.admin-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#9ca3af;text-decoration:none;border-radius:.5rem;transition:all .2s}.admin-nav-item:hover,.admin-nav-item.active{background-color:#2e3039;color:#fff}.admin-user-info{border-top:1px solid #2e3039;padding-top:1rem;display:flex;align-items:center;gap:.75rem}.user-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-details p{margin:0;line-height:1.2}.user-name{font-size:.85rem;font-weight:600}.user-role{font-size:.75rem;color:#9ca3af}.logout-btn-mini{background:none;border:none;color:#ef4444;cursor:pointer;margin-left:auto;padding:5px}.admin-content{flex:1;margin-left:260px;padding:2rem;background-color:#f3f4f6}.admin-mobile-header{display:none}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0;padding-top:60px}.admin-mobile-header{display:flex;justify-content:space-between;align-items:center;background:#1a1c23;color:#fff;padding:1rem;position:fixed;width:100%;z-index:99}}:root{--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-400: #2dd4bf;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary: var(--primary-600);--primary-light: var(--primary-100);--secondary-50: #fff1f2;--secondary-100: #ffe4e6;--secondary-400: #fb7185;--secondary-500: #f43f5e;--secondary-600: #e11d48;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #334155;--text-muted: #64748b;--border: #e2e8f0;--success: #34d399;--warning: #fbbf24;--error: #ef4444;--font-heading: "Nunito", sans-serif;--font-body: "Open Sans", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 15px rgba(45, 212, 191, .3)}[data-theme=dark]{--bg-main: #0f172a;--bg-card: #1e293b;--text-main: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--primary-50: #112730;--primary-600: #2dd4bf}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-main);margin-bottom:.5rem}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-100)}.btn{font-family:var(--font-heading);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:1rem}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;box-shadow:0 4px 6px -1px #0d94884d}.btn-primary:hover{filter:brightness(110%);box-shadow:0 6px 8px -1px #0d948866}.btn-secondary{background:#fff;color:var(--primary-600);border:2px solid var(--primary-100)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-400)}.btn-accent{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-400));color:#fff;box-shadow:0 4px 6px -1px #f43f5e4d}.primary-btn{font-family:var(--font-heading);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:1rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;box-shadow:0 4px 6px -1px #0d94884d}.primary-btn:hover{filter:brightness(110%);transform:translateY(-2px);box-shadow:0 6px 8px -1px #0d948866}.secondary-btn{font-family:var(--font-heading);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:1rem;background:#fff;color:var(--primary-600);border:2px solid var(--primary-100)}.secondary-btn:hover{background:var(--primary-50);border-color:var(--primary-400)}input,select,textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-family:var(--font-body);transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.app-shell{display:grid;height:100vh;overflow:hidden;background-color:var(--bg-main);color:var(--text-main)}.app-shell.has-sidebar{grid-template-columns:280px 1fr}.app-shell.no-sidebar{grid-template-columns:1fr!important}.sidebar-container{height:100%;overflow-y:auto;border-right:1px solid var(--border);background:var(--bg-card);-ms-overflow-style:none;scrollbar-width:none}.sidebar-container::-webkit-scrollbar{display:none}.content-area{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.gradient-header{background:linear-gradient(120deg,var(--secondary-400),var(--secondary-600));color:#fff;border-radius:var(--radius-md);padding:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-500),var(--secondary-400));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;z-index:100;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-glow)}@media (max-width: 768px){.app-shell{display:flex;flex-direction:column}.sidebar-container{display:none}.bento-grid{grid-template-columns:1fr;padding:1rem;padding-bottom:80px}.fab{bottom:5.5rem;right:1.5rem;width:56px;height:56px}.branding-panel{display:none!important}.grid-cols{grid-template-columns:1fr!important}}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid var(--border);padding:.5rem;justify-content:space-around;align-items:center;z-index:50;height:70px;box-shadow:0 -4px 6px -1px #0000000d}}.bottom-nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;flex:1;cursor:pointer}.login-container{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100vw;overflow:hidden}.branding-section{position:relative;overflow:hidden;background:#f0fdfa}.branding-image{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;object-fit:initial}.form-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:2rem;width:100%}.form-wrapper{width:100%;max-width:420px}@media (max-width: 900px){.login-container{grid-template-columns:1fr}.branding-section{display:none}}@media (max-width: 1200px){.bento-grid-improved{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.bento-grid-improved{grid-template-columns:1fr!important}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #f43f5e80}50%{transform:scale(1.05);box-shadow:0 0 0 8px #f43f5e00}to{transform:scale(1);box-shadow:0 0 #f43f5e00}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.grid-2-col{grid-template-columns:1fr}}