html,body{background-color:#181e2d!important;padding:0;margin:0;width:100%;min-height:100%;font-family:Inter,sans-serif;background:radial-gradient(circle at top,#1d4d54 0,#020617 55%,#000);background-size:200% 200%;animation:bgShift 12s ease infinite;color:#e2e8f0}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}.card-shell{width:100%;max-width:420px;margin:auto}.sc-card{background:#ffffff0d;border-radius:16px;padding:32px;border:1px solid rgba(116,249,253,.4);box-shadow:0 0 25px #74f9fd2e;backdrop-filter:blur(12px)}.sc-input input{color:#fff!important}.sc-input .MuiOutlinedInput-root{border-radius:12px!important;background:#ffffff0f!important;border:1px solid rgba(116,249,253,.35)!important;backdrop-filter:blur(8px)}.sc-input .MuiOutlinedInput-notchedOutline{border-color:#74f9fd59!important}.sc-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#74f9fd!important;box-shadow:0 0 0 3px #74f9fd59}.sc-button{font-weight:600;border-radius:12px!important;padding:14px;background:#469d9f!important}.sc-button:hover{background:#3c8c8e!important}.sc-logo{max-width:160px;margin-bottom:16px;user-select:none}h1,h2,h3,h4,h5{color:#fff;text-align:center;font-weight:600}p{color:#cbd5e1;text-align:center}.mfa-input-box{width:48px;height:56px;font-size:1.5rem;text-align:center;border-radius:10px;background:#ffffff0f;border:1px solid rgba(116,249,253,.35);color:#fff}.mfa-input-box:focus{outline:none;border:1px solid rgb(116,249,253);box-shadow:0 0 8px #74f9fd8c}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.06) inset!important;-webkit-text-fill-color:white!important;transition:background-color 9999s ease-in-out 0s!important}input[type=email]:valid{background:#ffffff0f!important;color:#fff!important}.admin-layout{display:flex;min-height:100vh;background:#304552;font-family:Inter,sans-serif}.admin-sidebar{width:240px;background:linear-gradient(180deg,#0a1a28,#132b40);color:#fff;padding:20px;display:flex;flex-direction:column}.admin-sidebar-logo{text-align:center;margin-bottom:30px}.admin-sidebar-logo img{width:160px}.admin-sidebar-nav{display:flex;flex-direction:column;gap:10px}.admin-sidebar-link{padding:12px 16px;border-radius:6px;color:#e0e8f0;text-decoration:none;transition:.2s;font-size:15px}.admin-sidebar-link:hover{background:#74f9fd1f;color:#fff;box-shadow:inset 0 0 0 1px #74f9fd59}.admin-sidebar-link-active{background:#74f9fd2e;color:#fff;box-shadow:inset 0 0 0 1px #74f9fd73}.admin-content{flex:1;padding:40px 50px}.page-header{margin-bottom:30px}.page-title{font-size:28px;font-weight:600;color:#fefefe}.page-subtitle{margin-top:4px;color:#599e9f;font-size:15px}.card{composes:sc-card}.table-wrapper{composes:sc-card;padding:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;text-align:left}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-success{background:#d1fade;color:#0a7a2a}.badge-warning{background:#fff2c2;color:#9a6b00}.badge-error{background:#ffd4d4;color:#a00000}.btn-primary,.btn-secondary,.btn{composes:sc-button}.form-field{display:flex;flex-direction:column;margin-bottom:16px}.form-field label{margin-bottom:6px;font-size:14px;color:#333}.form-field input,.form-field select{composes:sc-input}@media (max-width: 900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;overflow-x:auto}.admin-content{padding:20px}}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.page-loading p{color:#cbd5e1;font-size:14px;margin:0}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(116,249,253,.25);border-top-color:#74f9fd;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 600px){.main-shell{padding:16px}.sc-card{padding:24px 20px;border-radius:14px}.card-shell{max-width:100%}.sc-logo{max-width:140px}.mfa-input-box{width:42px;height:50px;font-size:1.3rem}}@media (max-width: 900px){.admin-content{padding:24px 20px}.admin-table{font-size:14px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-sidebar-logo img{width:120px}}@media (max-width: 600px){.admin-sidebar{padding:12px;gap:8px}.admin-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:6px}.admin-sidebar-link{padding:8px 12px;font-size:13px}.page-title{font-size:22px}.page-subtitle{font-size:14px}}@media (max-width: 600px){input,select,textarea,.mfa-input-box{font-size:16px}}