@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}body{color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;overflow-x:hidden}@media (width>=769px){.sidebar-desktop{z-index:1000;background:#fff;height:100vh;position:fixed;top:0;left:0;width:260px!important;display:block!important}.mobile-header,.mobile-overlay,.mobile-drawer{display:none!important}.content-area{padding-top:20px;width:calc(100% - 260px)!important;margin-left:260px!important}.content-area.full-width{width:100%!important;margin-left:0!important}}@media (width<=768px){.sidebar-desktop{display:none!important}.content-area{padding-top:20px;width:100%!important;margin-left:0!important}.page-wrapper{padding:15px 15px 80px}}.mobile-header{z-index:40;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.mobile-overlay{opacity:0;visibility:hidden;z-index:998;background-color:#0009;width:100vw;height:100vh;transition:all .3s ease-in-out;position:fixed;top:0;left:0}.mobile-overlay.show{opacity:1;visibility:visible}.mobile-drawer{z-index:999;background-color:#0f172a;width:280px;height:100vh;padding:20px;transition:transform .3s ease-in-out;position:fixed;top:0;left:-300px;overflow-y:auto;box-shadow:4px 0 15px #0000004d}.mobile-drawer.open{transform:translate(300px)}.dashboard-container{padding:15px}.responsive-grid{grid-template-columns:1fr;gap:20px;display:grid}.grid-bawah{margin-top:25px}@media (width>=768px){.dashboard-container{padding:40px}.grid-atas{grid-template-columns:1.5fr 1fr;gap:30px}.grid-bawah{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}}.profile-container{padding:15px}.profile-header-card{background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;margin-bottom:25px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.profile-header-info{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.profile-header-text{flex-direction:column;align-items:center;display:flex}.btn-edit-profile{width:100%}.stats-grid{grid-template-columns:1fr;gap:15px;margin-bottom:25px;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width>=768px){.profile-container{padding:40px}.profile-header-card{border-radius:24px;flex-direction:row;justify-content:space-between;margin-bottom:30px;padding:30px}.profile-header-info{text-align:left;flex-direction:row;gap:25px}.profile-header-text{align-items:flex-start}.btn-edit-profile{width:auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}}@media (width>=769px){.mobile-only-btn{display:none!important}}@media (width<=768px){.exam-sidebar{display:none!important}.question-scroll-area{padding:15px!important}}@media (width>=768px){.mobile-warning{display:none}}.admin-hamburger-btn,.admin-close-btn{display:none}@media (width<=768px){.sidebar-desktop:has(.admin-sidebar){z-index:1000;position:absolute;display:block!important}.admin-hamburger-btn{color:#fff;cursor:pointer;z-index:998;background-color:#1e40af;border:none;border-radius:8px;padding:10px 15px;font-weight:700;display:block;position:fixed;top:15px;left:15px;box-shadow:0 4px 6px #0000001a}.admin-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:block;position:absolute;top:10px;right:15px}.admin-sidebar{z-index:1000;transition:left .3s ease-in-out;position:fixed;top:0;left:-300px}.admin-sidebar.open{left:0;box-shadow:4px 0 15px #00000080}.admin-overlay{z-index:999;background-color:#00000080;position:fixed;inset:0}}.sidebar-container{background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;height:100vh;padding:20px 15px;font-family:Inter,system-ui,sans-serif;display:flex}.nav-menu{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:20px;display:flex;overflow-y:auto}.nav-item{color:#64748b;border-radius:12px;align-items:center;gap:15px;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:flex}.nav-item:hover{color:#0f172a;background-color:#f8fafc;transform:translate(4px)}.nav-item.active{color:#1e40af;background-color:#eff6ff}.nav-item svg{stroke:#94a3b8;transition:all .2s}.nav-item:hover svg{stroke:#3b82f6}.nav-item.active svg{stroke:#1e40af}.btn-logout{color:#ef4444;cursor:pointer;background-color:#0000;border:none;border-radius:12px;align-items:center;gap:15px;width:100%;padding:12px 18px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.btn-logout svg{stroke:#ef4444}.btn-logout:hover{color:#dc2626;background-color:#fef2f2;transform:translate(4px)}@media (width>=769px){.navbar-mobile-container{display:none!important}.sidebar-desktop{display:block!important}}@media (width<=768px){.sidebar-desktop{display:none!important}.navbar-mobile-container{display:flex!important}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card{text-align:center;background-color:#fff;border-radius:24px;width:90%;max-width:420px;padding:40px;animation:.3s ease-out modalIn;box-shadow:0 25px 50px -12px #00000040}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}