@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#071322;--navy-2:#0a1b32;--navy-surface:#0d223f;--blue:#2563eb;--blue-2:#eff6ff;--cyan:#06b6d4;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--white:#fff;--green:#059669;--green-bg:#ecfdf5;--green-border:#a7f3d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#e11d48;--red-bg:#fff1f2;--red-border:#fecdd3;--shadow:0 2px 6px -1px #0f172a0f, 0 1px 3px -1px #0f172a08;--card-hover-shadow:0 10px 25px -4px #0f172a14, 0 2px 8px -2px #0f172a08}*{box-sizing:border-box}html{background-color:#f8fafc;background-image:radial-gradient(at 100% 0,#2563eb0a 0,#0000 50%),radial-gradient(at 0 100%,#06b6d408 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}::selection{color:#1e40af;background:#dbeafe}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:var(--navy);color:#d4deed;flex-direction:column;width:252px;padding:25px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand-lockup{color:#fff;align-items:center;gap:11px;padding:0 14px 26px;display:flex}.brand-mark{color:#fff;letter-spacing:-2px;background:linear-gradient(135deg,#1f78ce,#30adae);border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:850;display:inline-flex;box-shadow:0 5px 18px #145bb83d}.brand-word{flex-direction:column;gap:4px;line-height:1.2;display:flex}.brand-word b{letter-spacing:2px;font-size:14px}.brand-word small{color:#a6b9d3;letter-spacing:.35px;font-size:10px}.sidebar-label{color:#7f96b7;letter-spacing:1.8px;padding:12px 14px 9px;font-size:10px;font-weight:800}.sidebar-nav{gap:4px;display:grid}.nav-link{color:#b8c8dd;border-radius:9px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff;background:linear-gradient(90deg,#2472c75e,#2472c71f);box-shadow:inset 3px 0 #56c9ce}.nav-active-dot{background:#67d7d4;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-footer{margin-top:auto;padding:12px 8px 0}.security-mark{color:#85d9cf;border-top:1px solid #ffffff1a;align-items:flex-start;gap:10px;padding:18px 8px;display:flex}.security-mark span{flex-direction:column;gap:2px;display:flex}.security-mark b{color:#dce9f6;font-size:11px}.security-mark small{color:#8fa5c2;font-size:10px}.version-mark{letter-spacing:.7px;color:#6f87a9;text-transform:uppercase;padding:10px 8px 0;font-size:9px}.app-main{flex-direction:column;flex:1;min-width:0;margin-left:252px;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.top-user{align-items:center;gap:10px;display:flex}.avatar-initial{color:#1659a7;background:#e6effa;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:800;display:flex}.top-user-copy{flex-direction:column;gap:4px;line-height:1.2;display:flex}.top-user-copy b{font-size:12px}.top-user-copy small{color:var(--muted);font-size:10px}.icon-button{border:1px solid var(--line);color:#53647b;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;margin-left:7px;display:grid}.icon-button:hover{color:var(--red);background:#fff5f5}.content{flex:1;width:100%;padding:30px 34px 22px}.content-inner{max-width:1440px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.8px;color:#132846;margin:4px 0 8px;font-size:28px;font-weight:760;line-height:1.2}.page-header p{color:var(--muted);max-width:740px;margin:0;font-size:13px}.eyebrow{letter-spacing:1.5px;color:#4774a8;text-transform:uppercase;font-size:10px;font-weight:800}.page-actions{flex-wrap:wrap;gap:9px;display:flex}.app-footer{border-top:1px solid var(--line);color:#8794a5;justify-content:space-between;gap:14px;margin-top:35px;padding:17px 0 0;font-size:10px;display:flex}.mobile-brand,.bottom-nav{display:none}.card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:21px}.card-title-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.card-title-row h2,.section-title{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:750}.section-subtitle{color:var(--muted);margin-top:4px;font-size:11px}.card-grid{gap:17px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px;margin-top:19px;display:grid}.stat-card{padding:19px 20px}.stat-top{color:#6b7a90;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.stat-icon{color:#2263aa;background:#eef4fb;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.stat-card>strong{letter-spacing:-1px;color:#102848;margin-top:12px;font-size:29px;font-weight:780;line-height:1.2;display:block}.stat-card>small{color:#8794a5;margin-top:7px;font-size:10px;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:16px;display:flex}.toolbar .input{max-width:240px}.toolbar-spacer{flex:1}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-md{min-height:40px;padding:10px 15px;font-size:12px}.btn-sm{min-height:32px;padding:7px 10px;font-size:11px}.btn-primary{color:#fff;background:#155cb4;box-shadow:0 3px 8px #155cb426}.btn-primary:hover:not(:disabled){background:#0d4d9b}.btn-secondary{color:#34455e;background:#fff;border-color:#d9e1eb}.btn-secondary:hover:not(:disabled){background:#f2f6fb;border-color:#b9c8da}.btn-danger{color:#ab3239;background:#fff0f0;border-color:#ffd2d5}.btn-danger:hover:not(:disabled){background:#ffe4e5}.btn-ghost{color:#52647e;background:0 0}.btn-ghost:hover:not(:disabled){background:#f0f4f8}.input{color:#14253e;background:#fff;border:1px solid #d7e0eb;border-radius:9px;outline:none;width:100%;min-width:0;min-height:41px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input:disabled{color:#68788e;background:#f2f4f7}.input::placeholder{color:#a0aab9}.select{appearance:auto}.textarea{resize:vertical;min-height:110px}.field{color:#34465e;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:700;display:flex}.field small{color:#8a97a8;font-size:10px;font-weight:500;line-height:1.4}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.form-stack{gap:16px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;display:flex}.input-row{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.15px;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:800;line-height:1.3;display:inline-flex}.badge-neutral{color:#5f6d7e;background:#eff2f6}.badge-success{background:var(--green-bg);color:var(--green)}.badge-warning{background:var(--amber-bg);color:var(--amber)}.badge-danger{background:var(--red-bg);color:var(--red)}.badge-info{color:#245aa1;background:#e9f2ff}.alert{border:1px solid;border-radius:9px;margin:0 0 15px;padding:11px 13px;font-size:12px}.alert-error{color:#a42e35;background:#fff1f1;border-color:#ffd2d2}.alert-success{color:#1a7149;background:#eaf8f0;border-color:#c5ebd5}.alert-info{color:#24578b;background:#edf5ff;border-color:#cfe1fa}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:42px 18px;display:flex}.empty-mark{color:#4d75a0;background:#edf3fa;border-radius:14px;place-items:center;width:49px;height:49px;margin-bottom:13px;display:grid}.empty-state h3{margin:0 0 6px;font-size:14px}.empty-state p{max-width:360px;color:var(--muted);margin:0 0 16px;font-size:12px}.loading-state{color:#748298;justify-content:center;align-items:center;gap:10px;padding:34px 12px;font-size:12px;display:flex}.spinner{border:2px solid #d8e3ef;border-top-color:#1b64b5;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{border:1px solid #e5eaf1;border-radius:10px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.data-table th{color:#64748b;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;background:#f6f8fb;border-bottom:1px solid #e4eaf1;padding:12px 13px;font-size:10px;font-weight:800}.data-table td{vertical-align:middle;color:#34455c;border-bottom:1px solid #edf0f5;padding:12px 13px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcff}.table-primary{color:#1b2f4e;font-weight:750}.table-secondary{color:#8b98a8;margin-top:3px;font-size:10px;display:block}.table-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-note{color:#7f8ca0;font-size:11px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panel-heading h2{margin:0;font-size:14px}.podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.podium-item{border:1px solid var(--line);text-align:center;background:linear-gradient(#fff,#f8fbff);border-radius:12px;padding:16px 12px}.podium-medal{color:#91640a;background:#f3e5bd;border-radius:50%;place-items:center;width:34px;height:34px;margin:0 auto 8px;font-size:12px;font-weight:850;display:grid}.podium-item:nth-child(2) .podium-medal{color:#355984;background:#dce8f8}.podium-item:nth-child(3) .podium-medal{color:#8a5732;background:#f0dfd2}.podium-item b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.podium-item small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.podium-item strong{color:var(--blue);margin-top:8px;font-size:21px;display:block}.callout{color:#315a87;background:#eff6ff;border:1px solid #d9e8fb;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;font-size:12px;display:flex}.callout strong{color:#1f4a7b;margin-bottom:3px;display:block}.callout p{margin:0}.question-number{color:#1d5da6;background:#edf4fc;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.question-option{cursor:pointer;border:1px solid #dbe4ef;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:9px;padding:13px 14px;transition:border .12s,background .12s;display:flex}.question-option:hover{border-color:#93b8e4}.question-option.selected{background:#f0f6ff;border-color:#276ebd;box-shadow:inset 3px 0 #2c73be}.question-option input{accent-color:#205fb1;margin-top:3px}.question-option b{color:#2863a1;min-width:20px;font-size:11px;display:inline-block}.question-option span{color:#34455b;font-size:12px;line-height:1.5}.exam-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;display:grid}.exam-sidebar-card{align-self:start;position:sticky;top:92px}.question-nav-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.question-nav-button{aspect-ratio:1;color:#5b6d84;background:#fff;border:1px solid #dce4ef;border-radius:8px;font-size:11px;font-weight:800}.question-nav-button.answered{color:#1a7149;background:#e8f5ee;border-color:#bfe5ce}.question-nav-button.current{color:#1557a5;background:#edf5ff;border-color:#276ebd;outline:2px solid #276ebd}.exam-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#17365f;font-size:23px;font-weight:800}.timer.danger{color:#b52f39}.profile-top{align-items:center;gap:17px;margin-bottom:22px;display:flex}.profile-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:74px;height:74px;box-shadow:0 0 0 1px #dce5ef}.profile-placeholder{color:#1b5ba5;background:#e8f1fc;border-radius:50%;place-items:center;width:74px;height:74px;font-size:26px;font-weight:800;display:grid}.auth-page{background:#fff;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);min-height:100vh;display:grid}.auth-showcase{color:#fff;background:radial-gradient(at 80% 10%,#1c4f7a 0%,#0000 30%),linear-gradient(145deg,#0a1d3a,#0e2c54 60%,#113b5f);padding:52px clamp(35px,6vw,92px) 28px;position:relative;overflow:hidden}.auth-showcase:after{content:"";pointer-events:none;border:1px solid #6ec7d329;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-220px;right:-185px;box-shadow:0 0 0 65px #6ec7d30a,0 0 0 130px #6ec7d308}.auth-showcase-inner{z-index:1;flex-direction:column;max-width:720px;height:100%;margin:0 auto;display:flex;position:relative}.auth-brand{align-items:center;gap:12px;display:flex}.brand-mark-light{color:#062c4a;background:linear-gradient(135deg,#4fcae0,#57d7c6)}.auth-brand div{flex-direction:column;gap:3px;display:flex}.auth-brand b{letter-spacing:3px;font-size:15px}.auth-brand span:not(.brand-mark){letter-spacing:2px;color:#95bdd7;font-size:9px}.auth-hero-copy{margin:auto 0 45px;padding-top:54px}.hero-label{letter-spacing:1.5px;color:#9cbddb;align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.hero-label span{background:#5dd2d0;width:21px;height:2px}.auth-hero-copy h1{letter-spacing:-1.8px;margin:23px 0 20px;font-size:clamp(32px,4vw,54px);font-weight:720;line-height:1.1}.auth-hero-copy h1 em{color:#72d9d1;font-style:normal}.auth-hero-copy p{color:#c0d0e1;max-width:500px;margin:0;font-size:14px;line-height:1.9}.auth-feature-grid{border-top:1px solid #ffffff26;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px;padding-top:24px;display:grid}.auth-feature-grid div{flex-direction:column;gap:7px;display:flex}.auth-feature-grid span{color:#66d4d0;letter-spacing:1px;font-size:10px;font-weight:800}.auth-feature-grid b{font-size:12px}.auth-feature-grid small{color:#91aac6;font-size:10px;line-height:1.6}.auth-showcase-footer{color:#718baa;letter-spacing:1px;justify-content:space-between;gap:12px;font-size:9px;display:flex}.auth-panel{place-items:center;padding:45px;display:grid}.auth-panel-inner{width:100%;max-width:390px}.auth-panel-eyebrow{letter-spacing:1.6px;color:#276cb8;font-size:10px;font-weight:800}.auth-panel h2{letter-spacing:-1.1px;color:#102641;margin:10px 0 9px;font-size:32px}.auth-subtitle{color:#708096;margin:0 0 27px;font-size:13px;line-height:1.65}.auth-form{gap:17px;display:grid}.auth-form .field{gap:8px}.auth-form .input{min-height:48px}.auth-submit{justify-content:space-between;width:100%;min-height:47px;margin-top:2px;padding:0 16px}.auth-help-row{color:#8793a3;justify-content:space-between;align-items:center;gap:9px;font-size:11px;display:flex}.auth-help-row a,.auth-back-link{color:#185da9;font-weight:750}.auth-help-row a:hover,.auth-back-link:hover{text-decoration:underline}.auth-security-note{color:#728096;background:#f5f8fb;border-radius:9px;align-items:center;gap:9px;margin-top:28px;padding:14px;font-size:10px;display:flex}.security-dot{background:#24a374;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ddf4e9}.auth-legal{color:#a0aaba;text-align:center;margin-top:22px;font-size:10px;line-height:1.6}.auth-simple{background:radial-gradient(at 80% 0,#e6f1ff,#0000 35%),#f6f8fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 18px;display:flex}.auth-simple-brand{align-items:center;gap:11px;margin-bottom:22px;display:flex}.auth-simple-brand div{flex-direction:column;gap:3px;display:flex}.auth-simple-brand b{letter-spacing:2px;font-size:13px}.auth-simple-brand small{color:#7b8aa0;font-size:10px}.auth-simple-card{border:1px solid var(--line);background:#fff;border-radius:17px;width:100%;max-width:470px;padding:30px;box-shadow:0 16px 45px #0d244814}.auth-simple-card h1{letter-spacing:-.7px;margin:6px 0 7px;font-size:27px}.auth-simple-card>p{color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.7}.auth-back-link{text-align:center;padding:5px;font-size:11px}.auth-loading{background:#f7f9fc;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.auth-loading .brand-lockup{color:var(--navy);padding:0}.auth-loading .brand-lockup small{color:var(--muted)}.auth-load-error{text-align:center;width:min(520px,100% - 32px)}.mobile-only{display:none}@media (max-width:1180px){.sidebar{width:226px}.app-main{margin-left:226px}.content{padding:25px 24px}.topbar{padding:0 24px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)}}@media (max-width:900px){.sidebar{display:none}.app-main{margin-left:0}.topbar{height:61px;padding:0 18px}.mobile-brand{letter-spacing:.8px;color:var(--navy);align-items:center;gap:9px;font-size:12px;display:flex}.mobile-brand .brand-mark{border-radius:9px;width:32px;height:32px;font-size:19px}.top-user-copy{display:none}.content{padding:23px 18px 96px}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 5px max(8px,env(safe-area-inset-bottom));background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #18365b0a}.bottom-nav a{color:#78889d;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:57px;padding:4px 3px;display:flex}.bottom-nav a small{font-size:9px;font-weight:700}.bottom-nav a.active{color:#145bb8}.dashboard-grid,.exam-layout{grid-template-columns:1fr}.exam-sidebar-card{order:-1;position:static}.question-nav-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.auth-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh;padding:30px 22px}.auth-panel-inner{max-width:420px}.app-footer{padding-bottom:6px}.exam-sidebar-card .question-nav-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (max-width:600px){.content{padding:19px 13px 100px}.topbar{padding:0 13px}.page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:19px}.page-header h1{font-size:24px}.page-actions{width:100%}.page-actions .btn{flex:1}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-card>strong{font-size:25px}.card{border-radius:12px;padding:16px}.table-wrap{border-radius:8px}.data-table th,.data-table td{padding:10px}.app-footer{flex-direction:column;gap:5px;font-size:9px}.podium-grid{gap:7px}.podium-item{padding:12px 7px}.podium-item b{font-size:10px}.podium-item strong{font-size:17px}.podium-item small{font-size:9px}.question-nav-grid,.exam-sidebar-card .question-nav-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.timer{font-size:20px}.auth-simple{justify-content:flex-start;padding-top:38px}.auth-simple-card{padding:23px 19px}.auth-panel h2{font-size:29px}.profile-top{align-items:flex-start}.table-actions .btn{flex:1}.toolbar{align-items:stretch}.toolbar .input{max-width:none}.toolbar .btn{flex:1}.app-footer{margin-top:28px}.auth-help-row{flex-wrap:wrap}.mobile-only{display:initial}}.text-link{color:#165fb2;white-space:nowrap;font-size:11px;font-weight:750}.text-link:hover{text-decoration:underline}.rank-number{color:#6a7890;background:#f0f3f7;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:inline-grid}.rank-number.rank-top{color:#175bac;background:#eaf2ff}.compact-list{gap:2px;display:grid}.compact-list-row{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;padding:11px 0;display:flex}.compact-list-row:last-child{border-bottom:0}.compact-index{color:#78869a;background:#f2f4f7;border-radius:7px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.compact-person{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.compact-person b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compact-person small{color:#8995a6;font-size:9px}.compact-list-row>strong{color:#204d83;font-size:13px}.section-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.action-tile{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:15px;transition:border .15s,transform .15s;display:flex}.action-tile:hover{border-color:#b8d0ee;transform:translateY(-1px)}.tile-icon{color:#2663a7;background:#edf4fc;border-radius:10px;flex:none;place-items:center;width:37px;height:37px;font-size:10px;font-weight:800;display:grid}.action-tile>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.action-tile b{font-size:11px}.action-tile small{color:#8390a2;font-size:10px;line-height:1.4}.tile-arrow{color:#5c7fa6;font-size:18px}.dashboard-note{align-items:center;gap:9px;margin-top:19px;display:flex}.period-selector{min-width:min(360px,100%)}.period-summary{background:#f9fbfd;border:1px solid #e5ebf3;border-radius:10px;gap:8px;padding:14px;display:grid}.period-summary>div{justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.period-summary span{color:#8290a2}.period-summary b{color:#3b4d65;text-align:right;font-size:11px}.exam-start-layout{grid-template-columns:minmax(0,1.13fr) minmax(290px,.87fr);align-items:start;gap:18px;display:grid}.exam-start-card{padding:28px;overflow:hidden}.exam-start-card h2{letter-spacing:-.6px;margin:8px 0;font-size:22px}.exam-start-card>p{color:#738198;max-width:480px;margin:0 0 23px;font-size:12px;line-height:1.8}.exam-start-illustration{background:linear-gradient(112deg,#eaf3ff,#f1f8fb);border-radius:12px;place-items:center;height:125px;margin-bottom:24px;display:grid;position:relative;overflow:hidden}.exam-illustration-sheet{z-index:2;background:#fff;border:1px solid #cbdcee;border-radius:9px;flex-direction:column;gap:8px;width:73px;height:85px;padding:14px 10px;display:flex;position:relative;box-shadow:0 9px 18px #1c568018}.exam-illustration-sheet span{background:#dbe6f3;border-radius:4px;height:4px}.exam-illustration-sheet span:nth-child(2){width:70%}.exam-illustration-sheet span:nth-child(3){width:84%}.exam-illustration-sheet b{color:#fff;background:#175fb5;border:3px solid #fff;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;display:grid;position:absolute;bottom:-9px;right:-16px}.exam-illustration-orbit{border:1px solid #cbdff4;border-radius:50%;width:175px;height:175px;position:absolute}.orbit-one{top:-28px;right:14%}.orbit-two{width:220px;height:220px;bottom:-135px;left:18%}.exam-illustration-dot{background:#3eb8b6;border-radius:50%;width:8px;height:8px;position:absolute}.dot-a{top:29px;left:31%}.dot-b{background:#2469b4;bottom:24px;right:27%}.start-exam-btn{justify-content:space-between;width:100%}.exam-rules-column{gap:15px;display:grid}.rule-num{color:#1e5fab;background:#eef4fc;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.rule-list b{font-size:12px}.exam-question-title{align-items:center;gap:12px;display:flex}.question-content{white-space:pre-wrap;color:#23344c;margin:18px 0 24px;font-size:16px;font-weight:550;line-height:1.85}.exam-bottom-controls{border-top:1px solid #e9eef4;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:19px;display:flex}.question-legend{color:#8491a2;flex-wrap:wrap;gap:10px;margin-top:13px;font-size:9px;display:flex}.question-legend span{align-items:center;gap:5px;display:flex}.legend-dot{border:1px solid #cbd5e1;border-radius:3px;width:8px;height:8px;display:inline-block}.answered-dot{background:#d7f0e1;border-color:#9ed7b6}.current-dot{background:#dcecff;border-color:#6ca4e2}.mini-info-row{color:#75859b;justify-content:space-between;align-items:center;gap:8px;margin:11px 0;font-size:11px;display:flex}.mini-info-row b{color:#334a66;font-size:12px}.mini-info-row .danger-text{color:#b52f39}.full-width{width:100%}.compact-callout{margin:12px 0;padding:10px;font-size:10px}.compact-callout p{margin:0}.exam-confidential-note{text-align:center;color:#8a98a9;margin:12px 4px;font-size:10px}.result-hero{background:radial-gradient(at 100% 0,#e8f3ff,#0000 50%),#fff;padding:28px}.result-hero-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-hero h2{letter-spacing:-.7px;margin:7px 0;font-size:24px}.result-hero p{color:#75859b;max-width:620px;margin:0;font-size:12px;line-height:1.7}.result-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:28px;display:grid}.result-score-grid>div{background:#ffffffc7;border:1px solid #dfe9f4;border-radius:11px;flex-direction:column;gap:6px;padding:17px;display:flex}.result-score-grid span{color:#7b8aa0;font-size:10px}.result-score-grid strong{letter-spacing:-.9px;color:#15345c;font-size:28px}.result-score-grid small{color:#8a98a9;letter-spacing:0;font-size:10px;font-weight:500}.small-total{font-size:12px}.result-metadata{margin-top:18px}.detail-list{gap:0;margin-top:15px;display:grid}.detail-list>div{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:15px;padding:12px 0;font-size:11px;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:#8793a5}.detail-list b{color:#42546b;text-align:right;font-size:11px}.detail-list code{color:#526783;overflow-wrap:anywhere;text-align:right;max-width:64%;font-size:10px}.muted-paragraph{color:#7e8b9e;margin:12px 0 17px;font-size:12px;line-height:1.75}.profile-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.profile-main-column,.profile-side-column{gap:18px;display:grid}.profile-title{flex:1;min-width:0}.profile-title h2{letter-spacing:-.4px;margin:0 0 3px;font-size:17px}.profile-title p{color:#8190a3;margin:0 0 7px;font-size:11px}.role-chips{flex-wrap:wrap;gap:5px;display:flex}.upload-avatar-button{position:relative;overflow:hidden}.upload-avatar-button input{cursor:pointer}.status-field{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.security-icon{color:#1d8455;background:#e8f6ee;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.question-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:380px;line-height:1.5;display:-webkit-box;overflow:hidden}.status-legend{color:#7a879a;flex-wrap:wrap;align-items:center;gap:13px;margin-top:14px;font-size:10px;display:flex}.status-legend span{align-items:center;gap:5px;display:flex}.form-card-narrow{max-width:850px}.option-heading{margin:6px 0 0}.option-editor{gap:9px;display:grid}.option-editor-row{align-items:center;gap:9px;display:flex}.option-letter{color:#1c62ad;background:#eaf2fd;border-radius:8px;flex:none;place-items:center;width:33px;height:33px;font-size:11px;font-weight:850;display:grid}.approval-list{display:grid}.approval-item{border-bottom:1px solid #e9eef4;align-items:flex-start;gap:22px;padding:21px 0;display:flex}.approval-item:first-child{padding-top:0}.approval-item:last-child{border-bottom:0;padding-bottom:0}.approval-item-main{flex:1;min-width:0}.approval-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.approval-item h3{color:#25364e;margin:13px 0;font-size:14px;line-height:1.7}.approval-options{gap:7px;margin-bottom:12px;display:grid}.approval-options span{color:#66778e;font-size:11px;line-height:1.5}.approval-options b{color:#2867a9;margin-right:5px}.approval-actions{flex-direction:column;flex:none;gap:7px;min-width:90px;display:flex}.admin-page-stack{gap:18px;display:grid}.admin-create-form{align-items:end}.form-submit-align{align-items:flex-end;padding-bottom:1px;display:flex}.token-card{background:linear-gradient(135deg,#fffdf6,#fff);border-color:#f2d99e}.token-value-row{align-items:center;gap:9px;margin:15px 0 8px;display:flex}.token-value-row code{overflow-wrap:anywhere;color:#334a66;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:8px;flex:1;min-width:0;padding:12px;font-size:11px}.muted-text{color:#8d99a8;font-size:10px}.role-chip-stack{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.role-chip{color:#235f9f;cursor:pointer;background:#eaf2fd;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:750}.role-chip b{color:#6a83a5;margin-left:3px}.role-chip:hover{color:#9f343b;background:#ffe8e8}.role-add-row{align-items:center;gap:5px;min-width:185px;display:flex}.role-add-row .input{max-width:130px;min-height:31px;padding:5px 7px;font-size:10px}.role-add-row .btn{flex:none}.report-page-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:18px;display:grid}.report-icon{background:linear-gradient(120deg,#edf4fd,#f6f9fd);border-radius:11px;justify-content:center;align-items:center;gap:0;height:115px;margin-bottom:23px;display:flex;position:relative;overflow:hidden}.report-icon:before{content:"";border:1px solid #d6e5f7;border-radius:50%;width:120px;height:120px;position:absolute;box-shadow:0 0 0 27px #f9fbff,0 0 0 55px #eaf2fc}.report-icon span{z-index:1;color:#2969ad;background:#fff;border:1px solid #d3e0ee;border-radius:8px;place-items:end center;width:56px;height:66px;padding-bottom:9px;font-size:10px;font-weight:850;display:grid;box-shadow:0 7px 12px #203f6410}.report-icon span:first-child{color:#b34245;transform:translate(9px)rotate(-8deg)}.report-icon span:last-child{color:#1b8055;transform:translate(-6px)rotate(8deg)}.report-page-grid h2{letter-spacing:-.5px;margin:7px 0 8px;font-size:19px}.report-period-summary{background:#f7f9fc;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px 12px;padding:14px;display:grid}.report-period-summary span:first-child{grid-column:1/-1}.report-period-summary b{color:#344862;font-size:11px}.period-arrow{display:none}.report-content-number{color:#2666aa;background:#edf4fc;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.report-contents b{font-size:12px}.leaderboard-summary{grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.leaderboard-summary>div{background:#fbfcfe;border:1px solid #e4eaf1;border-radius:9px;flex-direction:column;gap:5px;min-width:0;padding:12px;display:flex}.leaderboard-summary span{color:#8793a4;font-size:10px}.leaderboard-summary b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.leaderboard-summary small{color:#8e9aaa;font-size:9px}.leaderboard-summary strong{letter-spacing:-.5px;color:#163b68;font-size:21px}.board-podium{margin:0 0 18px}.ranking-rule-note{color:#8b98a8;margin-top:13px;font-size:10px}.account-role-note{color:#8b99aa;font-size:10px}.auth-form .alert{margin-bottom:0}@media (max-width:1180px){.section-grid-three,.exam-start-layout,.profile-layout,.report-page-grid{grid-template-columns:1fr}.leaderboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.exam-start-card{padding:18px}.exam-start-card h2{font-size:20px}.exam-bottom-controls{flex-wrap:wrap}.exam-bottom-controls .inline-note{text-align:center;order:-1;width:100%}.exam-bottom-controls .btn{flex:1}.result-hero{padding:19px}.result-hero h2{font-size:20px}.result-score-grid{grid-template-columns:1fr;gap:8px;margin-top:19px}.result-score-grid>div{padding:13px}.result-score-grid strong{font-size:23px}.approval-item{flex-direction:column;gap:13px}.approval-actions{flex-direction:row;width:100%}.approval-actions .btn{flex:1}.token-value-row{flex-wrap:wrap}.token-value-row code{flex-basis:100%}.admin-create-form{grid-template-columns:1fr}.form-submit-align .btn{width:100%}.role-add-row{min-width:0}.role-add-row .input{max-width:180px}.report-icon{height:90px}.leaderboard-summary{grid-template-columns:1fr 1fr}.leaderboard-summary>div:first-child{grid-column:1/-1}.profile-top{flex-wrap:wrap}.upload-avatar-button{margin-top:-8px;margin-left:90px}.question-preview{max-width:240px}}.auth-brand-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #0000004d);flex:none;width:auto;height:46px}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0003);flex:none;width:34px;height:34px}.pagination-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:16px 4px 4px;display:flex}.pagination-info{color:var(--muted);font-size:12px}.pagination-info b{color:#17253c;font-weight:700}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-num{color:#34455e;cursor:pointer;background:#fff;border:1px solid #d9e1eb;border-radius:8px;place-items:center;min-width:32px;height:32px;padding:0 6px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:grid}.pagination-num:hover:not(.active){color:#155cb4;background:#f2f6fb;border-color:#b9c8da}.pagination-num.active{color:#fff;background:#155cb4;border-color:#155cb4;font-weight:750}.pagination-ellipsis{color:#8a97a8;padding:0 4px;font-size:13px}.pagination-size{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.pagination-select{width:auto;min-height:34px;padding:4px 28px 4px 10px;font-size:12px;font-weight:600}@media (max-width:768px){.pagination-bar{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls,.pagination-info,.pagination-size{justify-content:center}}:root{--brand-orange:#ea580c;--brand-cyan:#06b6d4;--card-hover-shadow:0 12px 32px -4px #0c244817, 0 4px 10px -2px #0c24480a}.card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";opacity:0;background:linear-gradient(90deg,#155cb4,#38bdf8);height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover:after{opacity:1}.stat-card:hover{box-shadow:var(--card-hover-shadow);border-color:#cbd5e1;transform:translateY(-2px)}.badge-cat-k3{color:#ea580c;background:#fff5ed;border:1px solid #fed7aa}.badge-cat-operasi{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-cat-pemeliharaan{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.badge-cat-umum{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.search-box{flex:1;align-items:center;max-width:320px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;place-items:center;display:grid;position:absolute;left:12px}.search-input{border-radius:9px;width:100%;min-height:40px;padding-left:36px;padding-right:32px;font-size:13px}.search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:grid;position:absolute;right:10px}.search-clear:hover{color:#1e293b;background:#e2e8f0}.pool-bar-card{background:linear-gradient(#fff,#f9fbfe);margin-top:19px;padding:18px 22px}.pool-bar-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pool-bar-top h3{color:#17253c;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:750;display:flex}.pool-bar-track{background:#e2e8f0;border-radius:999px;gap:3px;height:9px;display:flex;overflow:hidden}.pool-seg{border-radius:4px;height:100%;transition:width .3s}.pool-seg-k3{background:#f97316}.pool-seg-operasi{background:#0284c7}.pool-seg-pemeliharaan{background:#7c3aed}.pool-seg-umum{background:#059669}.pool-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;font-size:11px;display:flex}.pool-legend-item{align-items:center;gap:6px;display:flex}.pool-legend-dot{border-radius:50%;width:8px;height:8px}.empty-state-cta{text-align:center;flex-direction:column;align-items:center;padding:34px 18px;display:flex}.empty-state-cta .empty-mark{color:#1d68bd;background:#eff6ff;border:1px solid #dbeafe}.empty-actions-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.question-cell{flex-direction:column;gap:5px;display:flex}.question-preview-text{color:#1e293b;font-size:12.5px;font-weight:600;line-height:1.45}.question-meta-id{color:#64748b;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;display:inline-flex}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex;align-items:flex-end!important}.search-field{flex:1.4;min-width:320px;max-width:420px}.search-field .search-box{width:100%}.filter-field{min-width:170px}.topbar{border-bottom:1px solid var(--line)!important;z-index:40!important;background:#fff!important;position:sticky!important;top:0!important;box-shadow:0 1px 3px #0f172a0a!important}.avatar-initial{position:relative;color:#1e40af!important;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)!important;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #93c5fd!important}.live-status-dot{background:#10b981;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 1px #10b98166}.top-user-copy small{letter-spacing:.02em;font-family:JetBrains Mono,monospace!important;font-size:10.5px!important}.sidebar{background:linear-gradient(#071322 0%,#0a1b32 60%,#0d223f 100%)!important;border-right:1px solid #ffffff12!important;box-shadow:4px 0 24px #0000001f!important}.nav-link{font-size:13.5px!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important}.nav-link:hover{background:#ffffff12!important;transform:translate(2px)!important}.nav-link.active{background:linear-gradient(90deg,#2563eb47 0%,#2563eb14 100%)!important;box-shadow:inset 3px 0 #38bdf8!important}.card{box-shadow:var(--shadow)!important;border:1px solid var(--line)!important;border-radius:16px!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .2s!important}.card:hover{border-color:#cbd5e1!important}.stat-card>strong{font-variant-numeric:tabular-nums!important;letter-spacing:-.03em!important}.btn-primary{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border-radius:10px!important;box-shadow:0 4px 14px -1px #2563eb59!important}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px -2px #2563eb73!important}.input{border-color:#cbd5e1!important;border-radius:10px!important}.input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb2e!important}.callout{color:#1e40af!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:12px!important;align-items:flex-start!important;gap:14px!important;margin:16px 0!important;padding:16px!important;font-size:13px!important;display:flex!important}.callout>span:first-child{color:#fff!important;background:#2563eb!important;border-radius:50%!important;flex:none!important;place-items:center!important;width:26px!important;height:26px!important;font-size:12px!important;font-weight:800!important;display:grid!important}.callout strong{color:#1e3a8a!important;margin-bottom:4px!important;font-size:13.5px!important;display:block!important}.callout p{color:#3b82f6!important;margin:0!important;line-height:1.5!important}.callout.warning{color:#92400e!important;background:#fffbeb!important;border-color:#fde68a!important}.callout.warning>span:first-child{background:#d97706!important}.callout.warning strong{color:#78350f!important}.callout.warning p{color:#b45309!important}.rule-list{gap:16px!important;display:grid!important}.rule-list>div{align-items:flex-start!important;gap:14px!important;display:flex!important}.rule-num{border:1px solid #bfdbfe;color:#2563eb!important;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)!important;border-radius:10px!important;flex:none!important;place-items:center!important;width:32px!important;height:32px!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important;font-weight:800!important;display:grid!important}.rule-list>div>span:last-child{flex-direction:column!important;gap:3px!important;display:flex!important}.rule-list b{color:#0f172a!important;font-size:13px!important}.rule-list small{color:var(--muted)!important;font-size:12px!important;line-height:1.5!important}.report-contents{gap:16px!important;margin:20px 0!important;display:grid!important}.report-contents>div{align-items:flex-start!important;gap:14px!important;display:flex!important}.report-content-number{border:1px solid #bfdbfe;color:#2563eb!important;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)!important;border-radius:10px!important;flex:none!important;place-items:center!important;width:32px!important;height:32px!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important;font-weight:800!important;display:grid!important}.report-contents>div>span:last-child{flex-direction:column!important;gap:3px!important;display:flex!important}.report-contents b{color:#0f172a!important;font-size:13px!important}.report-contents small{color:var(--muted)!important;font-size:12px!important;line-height:1.5!important}.report-period-summary{border:1px solid var(--line)!important;background:#f8fafc!important;border-radius:12px!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:6px 14px!important;margin:12px 0 16px!important;padding:14px 16px!important;display:grid!important}.report-period-summary span{color:var(--muted)!important;font-size:11px!important}.report-period-summary span:first-child{color:#334155!important;grid-column:1/-1!important;margin-bottom:2px!important;font-weight:700!important}.report-period-summary b{color:#0f172a!important;font-family:JetBrains Mono,monospace!important;font-size:12px!important}.period-arrow{color:#94a3b8!important;font-weight:800!important;display:inline-block!important}.executive-podium{justify-content:center!important;align-items:flex-end!important;gap:20px!important;margin:32px 0 40px!important;padding:10px 0!important;display:flex!important}@media (max-width:820px){.executive-podium{flex-direction:column!important;align-items:stretch!important;gap:20px!important}}.medal-card-podium{text-align:center!important;cursor:pointer!important;background:#fff!important;border:1px solid #dfe7ef!important;border-radius:22px!important;flex-direction:column!important;flex:1!important;align-items:center!important;max-width:330px!important;padding:24px 14px 20px!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 38px #1e374e14!important}.medal-card-podium:hover{transform:translateY(-8px)scale(1.015)!important;box-shadow:0 24px 48px -10px #1e374e29!important}.medal-card-podium.rank-1{z-index:2!important;background:radial-gradient(at 50% 0,#fffbeb 0%,#fff 75%)!important;border:2px solid #f59e0b!important;order:2!important;min-height:420px!important;box-shadow:0 18px 45px -8px #f59e0b47!important}.medal-card-podium.rank-1:hover{box-shadow:0 26px 55px -10px #f59e0b66!important}.medal-card-podium.rank-2{background:radial-gradient(at 50% 0,#f8fafc 0%,#fff 75%)!important;border:1.5px solid #cbd5e1!important;order:1!important;min-height:385px!important;box-shadow:0 14px 35px -6px #64748b2e!important}.medal-card-podium.rank-3{background:radial-gradient(at 50% 0,#fff7ed 0%,#fff 75%)!important;border:1.5px solid #fed7aa!important;order:3!important;min-height:370px!important;box-shadow:0 14px 35px -6px #ea580c2e!important}@media (max-width:820px){.medal-card-podium.rank-1{order:1!important;min-height:auto!important}.medal-card-podium.rank-2{order:2!important;min-height:auto!important}.medal-card-podium.rank-3{order:3!important;min-height:auto!important}}.podium-rank-tag{letter-spacing:.5px!important;text-transform:uppercase!important;border-radius:9999px!important;align-items:center!important;gap:6px!important;margin-bottom:12px!important;padding:5px 14px!important;font-size:11px!important;font-weight:850!important;display:inline-flex!important}.medal-card-podium.rank-1 .podium-rank-tag{color:#78350f!important;background:linear-gradient(135deg,#fef08a 0%,#f59e0b 100%)!important;box-shadow:0 2px 8px #f59e0b59!important}.medal-card-podium.rank-2 .podium-rank-tag{color:#1e293b!important;background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 100%)!important;box-shadow:0 2px 8px #64748b40!important}.medal-card-podium.rank-3 .podium-rank-tag{color:#7c2d12!important;background:linear-gradient(135deg,#ffedd5 0%,#ea580c 100%)!important;box-shadow:0 2px 8px #ea580c40!important}.rib-12--gold{--rib-12-hue:86;--rib-12-hi:#f0cf7a;--rib-12-lo:#b48a34;--rib-12-deep:#7a5a19}.rib-12--silver{--rib-12-hue:250;--rib-12-hi:#f2f5f8;--rib-12-lo:#aeb8c3;--rib-12-deep:#626d79}.rib-12--bronze{--rib-12-hue:42;--rib-12-hi:#f3c39c;--rib-12-lo:#b87349;--rib-12-deep:#713d25}.rib-12__rosette{--rib-12-size:136px!important;--rib-12-tail:80px!important;inline-size:var(--rib-12-size)!important;filter:drop-shadow(0 12px 18px #1423322e)!important;cursor:pointer!important;flex:none!important;place-items:center!important;margin:6px 0 10px!important;padding-block-end:calc(var(--rib-12-tail) * .62)!important;transition:transform .2s,filter .2s!important;display:grid!important;position:relative!important}.medal-card-podium.rank-1 .rib-12__rosette{--rib-12-size:154px!important;--rib-12-tail:90px!important}.rib-12__tail{inline-size:calc(var(--rib-12-size) * .3)!important;block-size:var(--rib-12-tail)!important;background:linear-gradient(100deg, var(--rib-12-deep), var(--rib-12-lo) 45%, var(--rib-12-deep))!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%)!important;z-index:0!important;position:absolute!important;inset-block-start:52%!important}.rib-12__tail--l{transform-origin:top!important;inset-inline-start:calc(50% - var(--rib-12-size) * .3)!important;rotate:11deg!important}.rib-12__tail--r{transform-origin:top!important;inset-inline-start:50%!important;rotate:-11deg!important}.rib-12__disc{z-index:1!important;inline-size:var(--rib-12-size)!important;aspect-ratio:1!important;background:repeating-conic-gradient(from -7.5deg, var(--rib-12-hi) 0deg 15deg, var(--rib-12-lo) 15deg 30deg)!important;clip-path:polygon(50% 0%,61.4% 7.5%,75% 6.7%,81.1% 18.9%,93.3% 25%,92.5% 38.6%,100% 50%,92.5% 61.4%,93.3% 75%,81.1% 81.1%,75% 93.3%,61.4% 92.5%,50% 100%,38.6% 92.5%,25% 93.3%,18.9% 81.1%,6.7% 75%,7.5% 61.4%,0% 50%,7.5% 38.6%,6.7% 25%,18.9% 18.9%,25% 6.7%,38.6% 7.5%)!important;place-items:center!important;display:grid!important;position:relative!important}.rib-12__inner{aspect-ratio:1!important;background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--rib-12-hi) 100%, white 24%), var(--rib-12-lo) 62%, var(--rib-12-deep))!important;inline-size:72%!important;box-shadow:inset 0 2px 4px #ffffff80, inset 0 -3px 8px #00000059, 0 0 0 3px color-mix(in srgb, var(--rib-12-deep) 70%, transparent)!important;color:#1e293b!important;text-align:center!important;border-radius:50%!important;align-content:center!important;place-items:center!important;gap:2px!important;display:grid!important;position:relative!important;overflow:hidden!important}.rib-12__inner:after{content:""!important;background:linear-gradient(100deg,#0000 20%,#ffffffa6 50%,#0000 78%)!important;block-size:36%!important;inline-size:200%!important;animation:5.5s cubic-bezier(.5,0,.5,1) infinite rib-12-sweep!important;position:absolute!important;rotate:-24deg!important}@keyframes rib-12-sweep{0%,72%{opacity:0;translate:-70%}80%{opacity:.9}to{opacity:0;translate:70%}}.rib-12__star{color:var(--rib-12-deep)!important;filter:drop-shadow(0 1px #ffffff80)!important}.rib-12__label{letter-spacing:.04em!important;text-transform:uppercase!important;text-shadow:0 1px #fff6!important;font-size:12px!important;font-weight:850!important;line-height:1.08!important}.rib-12__year{letter-spacing:.15em!important;opacity:.85!important;font-variant-numeric:tabular-nums!important;font-size:10px!important;font-weight:750!important}.medal-rank-name{color:#183653!important;letter-spacing:.02em!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;margin:6px 0 2px!important;font-size:15px!important;font-weight:850!important;overflow:hidden!important}.medal-unit-sub{color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;margin-bottom:8px!important;font-size:11px!important;font-weight:600!important;overflow:hidden!important}.medal-description-box{color:#64748b!important;text-align:center!important;background:#f8fafc!important;border:1px solid #edf2f7!important;border-radius:10px!important;gap:3px!important;width:90%!important;margin-bottom:8px!important;padding:8px 12px!important;font-size:11.5px!important;line-height:1.45!important;display:grid!important}.medal-description-box span b{color:#0f172a!important}.medal-photo-indicator{color:#2563eb!important;background:#eff6ff!important;border:1px solid #dbeafe!important;border-radius:9999px!important;align-items:center!important;gap:4px!important;margin-top:4px!important;padding:3px 8px!important;font-size:10px!important;font-weight:750!important;display:inline-flex!important}#medal-ribbon-layer{pointer-events:none!important;z-index:99999!important;position:fixed!important;inset:0!important;overflow:hidden!important}.falling-ribbon{top:-12vh!important;left:var(--x)!important;width:var(--w)!important;height:var(--h)!important;opacity:0!important;background:linear-gradient(90deg, color-mix(in srgb, var(--c), white 38%), var(--c) 48%, color-mix(in srgb, var(--c), black 22%))!important;animation:medal-ribbon-fall var(--t) var(--d) cubic-bezier(.2, .62, .35, 1) forwards!important;will-change:transform, top, opacity!important;border-radius:3px!important;position:absolute!important;box-shadow:0 2px 5px #1e283224!important}.falling-ribbon.wave{clip-path:polygon(0 0,100% 7%,78% 27%,100% 48%,75% 70%,100% 93%,0 100%,18% 75%,0 52%,20% 27%)!important}@keyframes medal-ribbon-fall{0%{opacity:0;transform:translate3d(0, 0, 0) rotate(var(--r)) rotateY(0);top:-12vh}10%{opacity:1}48%{transform:translate3d(var(--s), 52vh, 0) rotate(calc(var(--r) + 440deg)) rotateY(520deg)}to{opacity:.9;transform:translate3d(calc(var(--s) * -.55), 0, 0) rotate(calc(var(--r) + 940deg)) rotateY(1000deg);top:112vh}}.reward-modal-backdrop{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:9999!important;background:#0f172ab8!important;place-items:center!important;padding:16px!important;animation:.2s ease-out modalFadeIn!important;display:grid!important;position:fixed!important;inset:0!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.reward-modal-dialog{background:#fff!important;border:1px solid #fff3!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:540px!important;max-height:90vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #0000004d!important}.reward-modal-header{border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;padding:18px 22px!important;display:flex!important}.reward-modal-header.rank-1{color:#78350f!important;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)!important}.reward-modal-header.rank-2{color:#1e293b!important;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)!important}.reward-modal-header.rank-3{color:#7c2d12!important;background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%)!important}.reward-modal-close{cursor:pointer!important;color:currentColor!important;opacity:.7!important;background:0 0!important;border:0!important;border-radius:6px!important;padding:4px 8px!important;font-size:20px!important;line-height:1!important}.reward-modal-close:hover{opacity:1!important;background:#0000000f!important}.reward-modal-content{flex-direction:column!important;gap:16px!important;padding:20px 22px!important;display:flex!important;overflow-y:auto!important}.reward-modal-photo-box{background:#0f172a!important;border-radius:12px!important;place-items:center!important;width:100%!important;max-height:320px!important;display:grid!important;overflow:hidden!important;box-shadow:inset 0 2px 8px #0003!important}.reward-modal-photo-box img{object-fit:contain!important;max-width:100%!important;max-height:320px!important}.reward-modal-no-photo{text-align:center!important;color:#64748b!important;background:#f8fafc!important;border:2px dashed #cbd5e1!important;border-radius:12px!important;padding:36px 16px!important}.reward-modal-stats-grid{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:14px!important;display:grid!important}.reward-modal-stat{flex-direction:column!important;gap:2px!important;display:flex!important}.reward-modal-stat span{color:#64748b!important;text-transform:uppercase!important;font-size:10px!important}.reward-modal-stat b{color:#0f172a!important;font-size:14px!important}.reward-upload-section{border-top:1px solid #e2e8f0!important;margin-top:4px!important;padding-top:16px!important}.reward-upload-title{color:#0f172a!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important;font-size:12px!important;font-weight:800!important;display:flex!important}.divider{border:0!important;border-top:1px solid var(--line)!important;margin:20px 0!important}@media (max-width:900px){.bottom-nav{left:14px!important;right:14px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;z-index:50!important;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#ffffffeb!important;border:1px solid #ffffffa6!important;border-radius:26px!important;justify-content:space-around!important;align-items:center!important;max-width:460px!important;margin:0 auto!important;padding:6px 8px!important;display:flex!important;position:fixed!important;box-shadow:0 12px 36px -4px #0f172a29,0 0 0 1px #0f172a0d!important}.bottom-nav a{color:#64748b!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;min-width:58px!important;min-height:48px!important;padding:4px 6px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.bottom-nav a small{font-size:10px!important;font-weight:700!important}.bottom-nav a.active{color:#1d4ed8!important;background:linear-gradient(135deg,#2563eb1f 0%,#2563eb0d 100%)!important;box-shadow:inset 0 0 0 1px #2563eb26!important}.bottom-nav a.active svg{transform:scale(1.1)!important}.content{padding:22px 16px calc(96px + env(safe-area-inset-bottom))!important}}.auth-panel-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.auth-verify-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:750;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.auth-verify-pill:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.auth-verify-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:13px 15px;transition:border-color .15s,box-shadow .15s;display:flex}.auth-verify-banner:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0a}.auth-verify-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.auth-verify-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-verify-info b{color:#0f172a;font-size:12px;font-weight:750}.auth-verify-info small{color:#64748b;font-size:10.5px;line-height:1.35}.auth-verify-link-btn{color:#1e40af;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-size:11.5px;font-weight:750;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.auth-verify-link-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.auth-showcase-actions{margin-top:-16px;margin-bottom:35px}.auth-showcase-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.auth-showcase-btn:hover{background:#ffffff38;border-color:#ffffff73;transform:translateY(-1px)}.sidebar-footer{border-top:1px solid #ffffff14!important;margin-top:auto!important;padding:16px 8px 8px!important}.version-mark{letter-spacing:.08em!important;color:#7f96b7!important;text-transform:uppercase!important;padding:6px 8px!important;font-family:JetBrains Mono,monospace!important;font-size:10px!important;font-weight:600!important}.app-footer{text-align:right!important;justify-content:flex-end!important}