body{margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#eef2f7;color:#1d1d1f;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}code,pre{font-family:JetBrains Mono,monospace}*{box-sizing:border-box}.app-root{min-height:100vh;position:relative}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.55;animation:float 25s ease-in-out infinite alternate}.blob-1{top:-10%;left:-10%;width:45vw;height:45vw;background:radial-gradient(circle,#ff9a9e,#fecfef)}.blob-2{bottom:-15%;right:-10%;width:55vw;height:55vw;background:radial-gradient(circle,#a1c4fd,#c2e9fb);animation-delay:-6s}.blob-3{top:35%;left:25%;width:40vw;height:40vw;background:radial-gradient(circle,#e0c3fc,#8ec5fc);animation-delay:-12s}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(6%,4%) scale(1.1) rotate(180deg)}to{transform:translate(-4%,6%) scale(.95) rotate(360deg)}}.main-container{max-width:1760px;margin:0 auto;padding:12px 20px;position:relative;z-index:1}.navbar-glass{background:#ffffff73;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:18px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px #0000000a,inset 0 1px #fff6;padding:10px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.brand-section .logo-box{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px;background:#ffffffb3;padding:6px 10px;border-radius:12px;box-shadow:0 4px 12px #0000000d}.brand-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.5px;color:#1d1d1f;display:flex;align-items:center;gap:8px}.pro-tag{font-size:11px;background:linear-gradient(135deg,#0071e3,#42a5f5);color:#fff;padding:2px 7px;border-radius:6px;font-weight:600;letter-spacing:.5px}.brand-subtitle{margin:2px 0 0;font-size:12px;color:#86868b}.grade-dropdown-pill{display:flex;align-items:center;gap:6px;background:#ffffff8c;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:6px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 10px #00000008,inset 0 1px #fff9;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.grade-dropdown-pill:hover{background:#ffffffd9;border-color:#0071e359;box-shadow:0 4px 14px #0071e31f,inset 0 1px #fffc;transform:translateY(-1px)}.grade-pill-icon{font-size:15px;line-height:1}.grade-pill-label{font-size:13px;color:#64748b;font-weight:500}.grade-pill-val{font-size:13.5px;color:#0071e3;font-weight:700}.grade-dropdown-menu{min-width:130px!important}.grade-item-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.grade-item-title{font-size:13.5px}.grade-item-check{color:#0071e3;font-size:14px;font-weight:700}.nav-links{display:flex;align-items:center;gap:8px;background:#ffffff59;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.5)}.nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13.5px;font-weight:500;color:#555;text-decoration:none;transition:all .2s ease}.nav-item:hover{color:#0071e3;background:#fff9}.nav-active{background:#0071e3!important;color:#fff!important;box-shadow:0 4px 12px #0071e34d}.nav-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-caret{font-size:11px;margin-left:2px}.matrix-glass-dropdown{background:#ffffffe6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 10px 30px #00000014!important;padding:6px!important}.matrix-glass-dropdown .el-dropdown-menu__item{border-radius:8px!important;padding:8px 16px!important;font-weight:500!important;font-size:13.5px!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .2s ease!important}.matrix-glass-dropdown .el-dropdown-menu__item:hover{background:#0071e314!important;color:#0071e3!important}.matrix-glass-dropdown .dropdown-active-item{background:#0071e31f!important;color:#0071e3!important;font-weight:600!important}.content-wrapper{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:#ffffff8c;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:18px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px #00000008,inset 0 1px #fff6;padding:20px}.glass-panel .el-table{background:transparent!important;--el-table-bg-color: transparent !important;--el-table-tr-bg-color: transparent !important;--el-table-header-bg-color: rgba(255, 255, 255, .35) !important;--el-table-row-hover-bg-color: rgba(255, 255, 255, .45) !important;--el-table-border-color: rgba(255, 255, 255, .4) !important;border-radius:14px;overflow:hidden}.glass-panel .el-table__inner-wrapper{background:transparent!important}.glass-panel .el-table__inner-wrapper:before,.glass-panel .el-table:before{display:none!important}.glass-panel .el-table th.el-table__cell{background:#fff6!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.45)!important;color:#475569;font-weight:600}.glass-panel .el-table tr{background:transparent!important;transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-panel .el-table td.el-table__cell{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.3)!important}.glass-panel .el-table__body tr:hover>td.el-table__cell,.glass-panel .el-table__body tr.hover-row>td.el-table__cell{background:#ffffff73!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-panel .el-table__empty-block{background:transparent!important}.auth-pill-box{margin-left:6px;display:flex;align-items:center}.admin-login-trigger{display:inline-flex;align-items:center;gap:5px;background:#0071e314;color:#0071e3;border:1px solid rgba(0,113,227,.2);padding:6px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-login-trigger:hover{background:#0071e3;color:#fff;box-shadow:0 4px 12px #0071e340}.admin-logged-pill{display:inline-flex;align-items:center;gap:6px;background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.admin-logged-pill:hover{background:#10b98133}.online-indicator{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981cc}.login-modal-body{padding:10px 4px 0}.login-modal-hint{font-size:12.5px;color:#64748b;margin:0 0 16px;line-height:1.5;background:#0071e30d;padding:8px 12px;border-radius:8px;border-left:3px solid #0071e3}.login-modal-footer{display:flex;justify-content:flex-end;gap:10px}