body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e6e6e6}.login-wrapper{height:100vh;display:flex;justify-content:center;align-items:center}.login-card{width:420px;padding:40px;background:#efefef;border:2px solid #222;border-radius:14px;text-align:center}.logo-box{background:#3f4a50;padding:20px;margin-bottom:30px}.logo-box h2{margin:0;color:#fff;letter-spacing:2px}.yellow{color:#e5ff00}.login-input{width:100%;padding:14px;margin-bottom:18px;border-radius:8px;border:none;background:#c7ced9;font-size:15px}.password-box{position:relative}.eye-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer}.remember{display:flex;align-items:center;gap:10px;margin:10px 0 20px}.login-btn{width:100%;padding:15px;border:none;border-radius:8px;background:#ffb800;font-size:18px;cursor:pointer;font-weight:700}.login-btn:hover{background:#e6a500}.spinner{width:16px;height:16px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;display:inline-block;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{width:230px;height:100vh;background:#1f2937;color:#fff;position:fixed;left:0;top:0;transition:.3s}.sidebar.hide{left:-230px}.sidebar-logo{padding:20px;text-align:center;font-size:20px;border-bottom:1px solid #374151}.sidebar-menu{list-style:none;padding:0;margin-top:20px}.sidebar-menu li{padding:15px 20px}.sidebar-menu li a{color:#fff;text-decoration:none}.sidebar-menu li:hover{background:#374151}.sidebar-menu li a{color:#fff;text-decoration:none;display:block}.sidebar-menu li a.active{background:#facc15;color:#000;padding:10px;border-radius:6px}.sidebar-menu li a.active{background:#374151;border-left:4px solid #facc15}.navbar{height:60px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 5px #0000001a}.menu-icon{font-size:22px;cursor:pointer}.navbar-right{display:flex;align-items:center;gap:15px}.admin-name{font-weight:700}.logout-btn{background:#ef4444;border:none;color:#fff;padding:6px 12px;cursor:pointer;border-radius:5px}.dashboard-container{display:flex}.main-section{margin-left:230px;width:100%;transition:.3s}.main-section.full{margin-left:0}.dashboard-content{padding:25px;background:#f3f4f6;min-height:calc(100vh - 60px)}.dashboard-cards{display:flex;gap:20px;margin-top:20px}.card{background:#fff;padding:20px;width:200px;border-radius:8px;box-shadow:0 2px 6px #0000001a}