:root{--bg-color:#f1f5f9;--card-bg:#fff;--primary:#2563eb;--primary-hover:#1d4ed8;--text-dark:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}body{background-color:var(--bg-color);color:var(--text-dark)}.login-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--card-bg);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px #0000000d}.login-card h2{margin-bottom:8px}.login-card p{color:var(--text-muted);margin-bottom:24px}.input-group{background:var(--bg-color);border:1px solid var(--border);border-radius:8px;align-items:center;margin-bottom:16px;padding:10px 15px;display:flex}.input-group input{background:0 0;border:none;outline:none;width:100%;padding-left:10px;font-size:1rem}.input-group svg{color:var(--text-muted)}.btn-login{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:all .2s}.btn-login:hover{background:var(--primary-hover)}.dashboard-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;width:250px;padding:24px;display:flex}.sidebar h2{color:var(--primary);margin-bottom:30px}.nav-menu{flex:1;list-style:none}.nav-menu li{cursor:pointer;color:var(--text-muted);text-align:left;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-weight:500;transition:all .2s}.nav-menu li:hover,.nav-menu li.active{background:var(--bg-color);color:var(--primary)}.btn-logout{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.btn-logout:hover{background:var(--danger);color:#fff}.content-area{text-align:left;flex:1;padding:30px;overflow-y:auto}.content-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-add{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.table-container{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #00000005}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:16px}th{background:var(--bg-color);color:var(--text-muted);font-weight:600}.t-thumb{object-fit:cover;border-radius:6px;width:60px;height:60px}.btn-delete{color:var(--danger);cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:8px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--card-bg);border-radius:12px;width:100%;max-width:500px;padding:30px}.modal-box h2{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:8px;width:100%;padding:10px;font-family:inherit}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-cancel{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px}.btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px}.mobile-admin-header{border-bottom:1px solid var(--border);z-index:1001;background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.mobile-hamburger-btn,.mobile-logout-btn{color:var(--text-dark);cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-logout-btn{color:var(--danger);background:#fef2f2;border-color:#fecaca}.mobile-admin-title{color:var(--primary);margin:0;font-size:1.1rem;font-weight:800}.sidebar-backdrop{display:none}@media (width<=900px){.dashboard-layout{flex-direction:column;height:100dvh;overflow-y:auto}.mobile-admin-header{display:flex}.sidebar{z-index:1002;background:#fff;width:280px;padding:20px;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:57px;bottom:0;left:-300px;box-shadow:4px 0 20px #0003}.sidebar.open{left:0}.sidebar h2{margin-bottom:20px;font-size:1.3rem}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a8c;display:block;position:fixed;inset:57px 0 0}.content-area{padding:16px 12px;overflow-y:visible}.content-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.content-header h1{font-size:1.25rem}.btn-add{justify-content:center;width:100%;padding:12px}.table-container{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto;padding:14px!important}table{min-width:600px}th,td{padding:12px 10px;font-size:.88rem}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea,.form-control{font-size:16px!important}div[style*="display: grid"],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}div[style*="display: flex"]{flex-wrap:wrap}.modal-box{width:94%;max-width:94%;margin:12px;padding:20px}.login-card{max-width:92%;margin:16px;padding:24px}}@media (width<=480px){.content-area{padding:12px 8px}.modal-box{max-width:96%;margin:8px;padding:16px}.btn-save,.btn-cancel,.btn-login{padding:12px;font-size:.95rem}.nav-menu li{padding:10px 12px;font-size:.9rem}}