*{margin:0;padding:0;box-sizing:border-box}:root{--indigo: #6472dd;--indigo-dark: #5361cc;--red: #e2504c;--navy: #232f4b;--bg: #f4f5fa;--border: #e3e6ee;--text: #333;--muted: #8a90a0;--green: #2fa87c;--amber: #e59a2f}body{font-family:Segoe UI,Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}button{font-family:inherit}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.login-page{height:100vh;display:flex;overflow:hidden;background:#fff}.hero{flex:1 1 62%;position:relative;overflow:hidden;background:linear-gradient(160deg,#1e295259,#1e295226),linear-gradient(180deg,#7d9cc4,#a9bdd6 40%,#c3cdd9)}.building{position:absolute;background:repeating-linear-gradient(to bottom,#28375059 0,#28375059 14px,#e1e8f0d9 14px,#e1e8f0d9 40px);border-radius:6px 6px 0 0;box-shadow:0 0 40px #141e3226}.b1{left:-6%;bottom:-10%;width:46%;height:105%;border-radius:50% 50% 0 0/12% 12% 0 0}.b2{left:34%;bottom:-10%;width:30%;height:88%}.b3{left:60%;bottom:-10%;width:34%;height:72%}.hero .banner{position:absolute;left:52%;bottom:6%;background:#fff;color:#1e2952;font-weight:800;font-size:clamp(20px,3vw,42px);letter-spacing:2px;padding:18px 34px;transform:rotate(-4deg);box-shadow:0 10px 30px #0003}.hero .banner .e{color:#e2504c}.hero .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(38,50,90,.25),transparent 60%)}.login-panel{flex:0 0 480px;max-width:480px;background:#fff;display:flex;flex-direction:column;padding:48px 56px 24px;overflow-y:auto}.logo{text-align:center;margin-bottom:8px}.logo .mark{font-size:56px;font-weight:800;color:#232f4b;letter-spacing:-2px}.logo .mark .e,.logo .sub .e{color:#e2504c}.logo .sub{font-size:14px;font-weight:700;color:#232f4b;letter-spacing:1px}.welcome{margin-top:72px}.welcome h1{font-size:20px;font-weight:700;color:var(--indigo);margin-bottom:6px}.welcome p{font-size:14px;color:#444}.login-panel form{margin-top:28px}.field{margin-bottom:18px}.field label{display:block;font-size:13.5px;font-weight:600;color:#333;margin-bottom:8px}.field label .sep{color:var(--red);font-weight:700}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.label-row label{margin-bottom:0}.label-row a{font-size:13px;font-weight:700;color:var(--indigo);text-decoration:none}.label-row a:hover{text-decoration:underline}.input-wrap{position:relative}.input-wrap input{width:100%;padding:11px 40px 11px 12px;font-size:14px;border:1px solid #c9cdd4;border-radius:4px;outline:none;transition:border-color .15s,box-shadow .15s}.input-wrap input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6472dd26}.input-wrap input::placeholder{color:#9aa0a8}.eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#555;display:flex;align-items:center;padding:4px}.btn-login{width:100%;padding:12px;margin-top:6px;background:var(--indigo);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.btn-login:hover{background:var(--indigo-dark)}.btn-privy{width:100%;padding:12px;margin-top:12px;background:var(--red);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.btn-privy:hover{background:#cf403c}.signin-with{text-align:center;margin-top:24px}.signin-with p{font-size:14px;font-weight:600;color:#222}.google-btn{margin:14px auto 0;width:40px;height:40px;border-radius:50%;background:#e2736d;color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;transition:transform .15s}.google-btn:hover{transform:scale(1.06)}.login-links{text-align:center;margin-top:48px;font-size:13.5px;color:#222}.login-links p{margin-bottom:14px}.login-links a{color:var(--indigo);font-weight:700;text-decoration:none;letter-spacing:.3px}.login-links a:hover{text-decoration:underline}.login-footer{margin-top:auto;padding-top:40px;text-align:center;font-size:13px;color:#333}.heart{color:var(--red)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a3099;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;padding:40px 44px;width:min(640px,92vw);text-align:center;box-shadow:0 24px 60px #0000004d;animation:pop .2s ease-out}.modal h2{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:6px}.modal>p{font-size:14px;color:#666;margin-bottom:28px}.portal-options{display:flex;gap:20px}.portal-card{flex:1;border:1.5px solid #d9dce3;border-radius:10px;padding:28px 18px 24px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.portal-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001f}.portal-card.academic:hover{border-color:var(--indigo)}.portal-card.lms:hover{border-color:var(--red)}.portal-card .p-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.portal-card.academic .p-icon{background:var(--indigo)}.portal-card.lms .p-icon{background:var(--red)}.portal-card h3{font-size:15.5px;font-weight:700;color:var(--navy);margin-bottom:6px}.portal-card p{font-size:12.5px;color:#777;line-height:1.5}.link-btn{display:inline-block;margin-top:26px;font-size:13px;color:var(--indigo);font-weight:600;background:none;border:none;cursor:pointer}.link-btn:hover{text-decoration:underline}.privy-modal{background:#fff;border-radius:12px;padding:36px 40px;width:min(400px,92vw);box-shadow:0 24px 60px #0000004d;animation:pop .2s ease-out;text-align:left}.privy-modal .privy-head{text-align:center;margin-bottom:24px}.privy-modal .privy-head h2{font-size:19px;font-weight:700;color:var(--red);margin-bottom:4px}.privy-modal .privy-head p{font-size:13px;color:#666}.privy-modal .field label{font-size:13px;margin-bottom:7px}.privy-modal input:focus{border-color:var(--red)!important;box-shadow:0 0 0 3px #e2504c26!important}.btn-privy-submit{width:100%;padding:12px;margin-top:4px;background:var(--red);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.btn-privy-submit:hover{background:#cf403c}.privy-modal .cancel-link{display:block;margin:18px auto 0;font-size:13px;color:var(--indigo);font-weight:600;background:none;border:none;cursor:pointer}.privy-modal .cancel-link:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;z-index:20}.sidebar .brand{padding:22px 24px;font-size:26px;font-weight:800;letter-spacing:-1px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand .e{color:var(--red)}.sidebar .brand small{display:block;font-size:11px;font-weight:600;letter-spacing:2px;color:#9aa4c0;margin-top:2px}.role-tag{margin:14px 24px 0;font-size:10.5px;font-weight:700;letter-spacing:1px;padding:6px 12px;border-radius:8px;text-align:center}.role-tag.lecturer{background:#e59a2f2e;border:1px solid rgba(229,154,47,.5);color:#f3c88a}.role-tag.registrar{background:#6472dd33;border:1px solid rgba(100,114,221,.55);color:#b9c1f0}.nav-section{padding:18px 24px 6px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:#7c86a5}.nav a{display:flex;align-items:center;gap:12px;padding:11px 24px;color:#c4cadd;text-decoration:none;font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:background .15s,color .15s}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.active{background:#6472dd2e;border-left-color:var(--indigo);color:#fff}.nav a svg{flex-shrink:0;opacity:.85}.nav a .badge{margin-left:auto;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:10px}.sidebar .logout{margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.sidebar .logout a{color:#ff9d9a}.main{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:10}.search{flex:1;max-width:420px;position:relative}.search input{width:100%;padding:9px 14px 9px 38px;border:1px solid var(--border);border-radius:8px;font-size:13.5px;background:var(--bg);outline:none}.search input:focus{border-color:var(--indigo);background:#fff}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.topbar .spacer{flex:1}.icon-btn{position:relative;background:none;border:none;cursor:pointer;color:#555;padding:6px;border-radius:8px}.icon-btn:hover{background:var(--bg)}.icon-btn .dot{position:absolute;top:5px;right:6px;width:8px;height:8px;background:var(--red);border-radius:50%;border:2px solid #fff}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border-radius:24px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.amber{background:var(--amber)}.avatar.navy{background:var(--navy)}.user-chip .name{font-size:13px;font-weight:600;color:var(--navy)}.user-chip .role{font-size:11px;color:var(--muted)}.content{padding:28px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{font-size:22px;color:var(--navy);font-weight:700}.page-head p{font-size:13.5px;color:var(--muted);margin-top:4px}.select-input{padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px;font-family:inherit;color:var(--navy);font-weight:600;cursor:pointer;outline:none}.tabs{display:flex;background:#fff;border:1px solid var(--border);border-radius:10px;padding:4px;gap:2px;margin-bottom:22px;width:fit-content}.tabs button{padding:8px 18px;border:none;background:none;font-size:13px;font-weight:600;color:var(--muted);border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.tabs button:hover{color:var(--navy)}.tabs button.active{background:var(--indigo);color:#fff}.tabs button .count{font-size:11px;opacity:.75;margin-left:4px}.section-title{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin:24px 0 12px;display:flex;align-items:center;gap:10px}.section-title .today-tag{background:#f0f1fb;color:var(--indigo);font-size:10px;padding:3px 10px;border-radius:10px;letter-spacing:.5px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px}.card+.card{margin-top:22px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h2{font-size:15.5px;color:var(--navy);font-weight:700}.card-head a{font-size:12.5px;color:var(--indigo);font-weight:600;text-decoration:none}.card-head a:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px}.stat .ic{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat .num{font-size:21px;font-weight:700;color:var(--navy)}.stat .lbl{font-size:12.5px;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}.courses-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.course-mini{border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s}.course-mini:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.course-mini .cover{height:74px;display:flex;align-items:flex-end;padding:10px 14px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px}.course-mini .body{padding:12px 14px 14px}.course-mini h3{font-size:13.5px;color:var(--navy);margin-bottom:4px}.course-mini .lect{font-size:11.5px;color:var(--muted);margin-bottom:10px}.course-mini .pct{font-size:11px;color:var(--muted)}.c1{background:linear-gradient(120deg,#6472dd,#8b96e8)}.c2{background:linear-gradient(120deg,#e2504c,#ef8582)}.c3{background:linear-gradient(120deg,#2fa87c,#5cc9a2)}.c4{background:linear-gradient(120deg,#e59a2f,#f0bc6b)}.c5{background:linear-gradient(120deg,#4a5578,#7a86ad)}.c6{background:linear-gradient(120deg,#9059c8,#b78ade)}.progress{height:7px;background:#edeff5;border-radius:4px;overflow:hidden;margin-bottom:6px}.progress span{display:block;height:100%;border-radius:4px;background:var(--indigo)}.progress span.done{background:var(--green)}.deadline{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);align-items:center}.deadline:last-child{border-bottom:none}.deadline .date{width:46px;height:46px;border-radius:10px;background:#f0f1fb;color:var(--indigo);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.deadline .date.urgent{background:#fdeeed;color:var(--red)}.deadline .date.grade-a{background:#e9f7f1;color:var(--green)}.deadline .date.grade-b{background:#fdf5e7;color:var(--amber)}.deadline .date b{font-size:16px;line-height:1}.deadline .date small{font-size:9.5px;font-weight:700;letter-spacing:.5px}.deadline .info{flex:1;min-width:0}.deadline .info h4{font-size:13px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deadline .info p{font-size:11.5px;color:var(--muted)}.deadline .tag{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:10px;flex-shrink:0}.tag.quiz{background:#f0f1fb;color:var(--indigo)}.tag.tugas{background:#fdeeed;color:var(--red)}.tag.forum{background:#e9f7f1;color:var(--green)}.announce{padding:11px 0;border-bottom:1px solid var(--border)}.announce:last-child{border-bottom:none}.announce h4{font-size:13px;color:var(--navy);margin-bottom:3px}.announce p{font-size:11.5px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.toolbar .tabs{margin-bottom:0}.toolbar .spacer{flex:1}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001a}.course-card .cover{height:96px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px}.course-card .code{background:#ffffff38;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:12px}.course-card .status{font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:12px;background:#fff}.status.progress-st{color:var(--indigo)}.status.completed-st{color:var(--green)}.status.new-st{color:var(--red)}.course-card .body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.course-card h3{font-size:15px;color:var(--navy);font-weight:700;margin-bottom:4px}.course-card .lect{font-size:12px;color:var(--muted);margin-bottom:12px}.meta-row{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-bottom:14px}.prog-label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:5px}.prog-label b{color:var(--navy)}.course-card .progress{margin-bottom:14px}.next-item{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:8px;padding:8px 12px;font-size:11.5px;color:var(--text);margin-bottom:14px}.next-item svg{color:var(--red);flex-shrink:0}.next-item b{color:var(--navy)}.card-actions{margin-top:auto;display:flex;gap:10px}.btn-continue{flex:1;padding:10px;background:var(--indigo);color:#fff;font-size:12.5px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.btn-continue:hover{background:var(--indigo-dark)}.btn-continue.review{background:var(--green)}.btn-continue.review:hover{background:#27906a}.btn-outline{padding:10px 14px;background:#fff;color:var(--navy);font-size:12.5px;font-weight:600;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s}.btn-outline:hover{border-color:var(--indigo);color:var(--indigo)}.view-toggle{display:flex;background:#fff;border:1px solid var(--border);border-radius:10px;padding:4px;gap:2px}.view-toggle button{padding:7px 10px;border:none;background:none;color:var(--muted);border-radius:7px;cursor:pointer;display:flex}.view-toggle button.active{background:var(--bg);color:var(--indigo)}.week-strip{display:flex;align-items:center;gap:8px;margin-bottom:22px}.week-nav{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.week-nav:hover{border-color:var(--indigo);color:var(--indigo)}.days{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 6px;text-align:center;cursor:pointer;transition:border-color .15s}.day:hover{border-color:var(--indigo)}.day small{display:block;font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.day b{font-size:17px;color:var(--navy)}.day .cnt{display:block;font-size:10px;color:var(--indigo);font-weight:700;margin-top:3px;min-height:12px}.day.today{background:var(--indigo);border-color:var(--indigo)}.day.today small,.day.today b,.day.today .cnt{color:#fff}.live-banner{background:linear-gradient(115deg,#2c3966,var(--navy));border-radius:14px;padding:22px 26px;display:flex;align-items:center;gap:20px;color:#fff;margin-bottom:26px;flex-wrap:wrap}.live-pill{display:inline-flex;align-items:center;gap:7px;background:var(--red);font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 13px;border-radius:16px;flex-shrink:0}.live-pill .pulse-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.live-banner .info{flex:1;min-width:220px}.live-banner h3{font-size:16.5px;margin-bottom:4px}.live-banner p{font-size:12.5px;color:#b9c1da}.btn-join-live{padding:12px 26px;background:var(--red);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.btn-join-live:hover{background:#cf403c}.class-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:18px;margin-bottom:12px;transition:box-shadow .15s}.class-card:hover{box-shadow:0 8px 20px #00000012}.class-card.past{opacity:.68}.time-block{flex-shrink:0;text-align:center;width:84px;padding:10px 6px;border-radius:10px;background:#f0f1fb}.time-block b{display:block;font-size:15px;color:var(--navy)}.time-block small{font-size:10.5px;color:var(--muted)}.time-block.live{background:#fdeeed}.time-block.live b{color:var(--red)}.accent{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.a1{background:#6472dd}.a2{background:#e2504c}.a3{background:#2fa87c}.a4{background:#e59a2f}.class-info{flex:1;min-width:0}.class-info .code,.exam-info .code{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:2px}.class-info h3{font-size:14.5px;color:var(--navy);font-weight:700;margin-bottom:8px}.class-info .row,.exam-info .row{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted);align-items:center}.class-info .row b,.exam-info .row b{color:var(--text);font-weight:600}.lecturer{display:flex;align-items:center;gap:7px}.lect-avatar{width:24px;height:24px;border-radius:50%;color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px}.platform.zoom{background:#eaf1fd;color:#2d68c4}.platform.meet{background:#e9f7f1;color:var(--green)}.platform.teams{background:#efeafa;color:#7b5fc0}.class-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.btn-join{padding:10px 20px;background:var(--indigo);color:#fff;font-size:12.5px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-join:hover{background:var(--indigo-dark)}.btn-join.live-btn{background:var(--red)}.btn-join.live-btn:hover{background:#cf403c}.btn-join.recording{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn-join.recording:hover{border-color:var(--indigo);color:var(--indigo)}.starts-in{font-size:11px;color:var(--muted)}.starts-in.soon{color:var(--red);font-weight:700}.attended{font-size:11px;color:var(--green);font-weight:700}.liveness-modal{background:#fff;border-radius:14px;width:min(440px,92vw);box-shadow:0 24px 60px #00000059;animation:pop .2s ease-out;overflow:hidden;text-align:left}.lv-head{padding:20px 28px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.lv-head .lv-logo{width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800}.lv-head h3{font-size:15.5px;color:var(--navy);font-weight:700}.lv-head p{font-size:11.5px;color:var(--muted);margin-top:2px}.lv-head .powered{margin-left:auto;font-size:10px;font-weight:700;color:var(--red);background:#fdeeed;padding:4px 10px;border-radius:10px;letter-spacing:.5px;white-space:nowrap}.lv-body{padding:22px 28px}.cam-frame{position:relative;width:100%;aspect-ratio:4/3;background:#14192b;border-radius:12px;overflow:hidden;margin-bottom:18px}.cam-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#5b6480}.cam-placeholder svg{opacity:.6}.cam-placeholder span{font-size:11.5px;color:#7c86a5}.face-guide{position:absolute;top:50%;left:50%;width:55%;height:78%;transform:translate(-50%,-50%);border:3px dashed rgba(255,255,255,.55);border-radius:50%/46%;transition:border-color .3s;pointer-events:none}.face-guide.ok{border-color:var(--green);border-style:solid}.scan-line{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#ff8f8c,transparent);box-shadow:0 0 12px #e2504ccc;animation:scan 2.2s ease-in-out infinite;pointer-events:none}@keyframes scan{0%,to{top:12%}50%{top:86%}}.lv-instruction{text-align:center;font-size:13.5px;font-weight:600;color:var(--navy);min-height:20px;margin-bottom:16px}.lv-steps{display:flex;gap:10px}.lv-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border:1px solid var(--border);border-radius:10px;font-size:11px;font-weight:600;color:var(--muted);text-align:center;transition:border-color .2s,background .2s}.lv-step .ic{width:26px;height:26px;border-radius:50%;background:#edeff5;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px}.lv-step.active{border-color:var(--red);background:snow;color:var(--navy)}.lv-step.active .ic{background:#fdeeed;color:var(--red);animation:stepPulse 1s ease-in-out infinite}@keyframes stepPulse{0%,to{box-shadow:0 0 #e2504c59}50%{box-shadow:0 0 0 6px #e2504c00}}.lv-step.done{border-color:#cdeade;background:#f4fbf8;color:var(--green)}.lv-step.done .ic{background:var(--green);color:#fff}.lv-success{text-align:center;padding:6px 0 2px}.big-check{width:62px;height:62px;margin:0 auto 14px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;animation:pop .3s ease-out}.lv-success h4{font-size:17px;color:var(--green);font-weight:700;margin-bottom:5px}.lv-success p{font-size:12.5px;color:var(--muted);margin-bottom:4px}.lv-success .match{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:var(--bg);border-radius:20px;padding:6px 16px 6px 6px;font-size:12.5px;font-weight:600;color:var(--navy)}.lv-success .match .avatar{width:28px;height:28px;font-size:10.5px}.match-score{color:var(--green);font-weight:700}.exam-rules{margin-top:14px;text-align:left;background:#fffaf5;border:1px solid #f3e2cd;border-radius:10px;padding:12px 16px;font-size:11.5px;color:#8a6d3b;line-height:1.7}.lv-foot{padding:0 28px 24px;display:flex;gap:10px}.lv-foot button{flex:1;padding:12px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;border:none}.lv-cancel{background:#fff;color:var(--navy);border:1px solid var(--border)!important}.lv-cancel:hover{border-color:var(--red)!important;color:var(--red)}.lv-continue{background:var(--indigo);color:#fff;transition:background .15s}.lv-continue:hover{background:var(--indigo-dark)}.lv-continue.exam{background:var(--red)}.lv-continue.exam:hover{background:#cf403c}.exam-banner{background:linear-gradient(115deg,#6b2422,#a13835);border-radius:14px;padding:22px 26px;display:flex;align-items:center;gap:20px;color:#fff;margin-bottom:26px;flex-wrap:wrap}.open-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--red);font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 13px;border-radius:16px;flex-shrink:0}.open-pill .pulse-dot{width:8px;height:8px;background:var(--red);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.exam-banner .info{flex:1;min-width:220px}.exam-banner h3{font-size:16.5px;margin-bottom:4px}.exam-banner p{font-size:12.5px;color:#f0c9c8}.btn-join-exam{padding:12px 26px;background:#fff;color:var(--red);font-size:13.5px;font-weight:700;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer;transition:transform .15s}.btn-join-exam:hover{transform:scale(1.03)}.exam-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:18px;margin-bottom:12px;transition:box-shadow .15s}.exam-card:hover{box-shadow:0 8px 20px #00000012}.exam-card.past{opacity:.75}.type-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.type-ic.quiz-ic{background:var(--indigo)}.type-ic.exam-ic{background:var(--red)}.exam-info{flex:1;min-width:0}.exam-info h3{font-size:14.5px;color:var(--navy);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:10px}.chip.online{background:#fdeeed;color:var(--red)}.chip.proctored{background:#fff4e3;color:var(--amber)}.chip.quiz-chip{background:#f0f1fb;color:var(--indigo)}.exam-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.btn-act{padding:10px 20px;font-size:12.5px;font-weight:600;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-act.exam-live{background:var(--red);color:#fff}.btn-act.exam-live:hover{background:#cf403c}.btn-act.primary{background:var(--indigo);color:#fff}.btn-act.primary:hover{background:var(--indigo-dark)}.btn-act.outline{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn-act.outline:hover{border-color:var(--indigo);color:var(--indigo)}.btn-act:disabled{background:#c3c7d4;color:#fff;cursor:not-allowed;border:none}.sub-note{font-size:11px;color:var(--muted)}.score-txt{font-size:12px;font-weight:700;color:var(--green)}.score-txt.mid{color:var(--amber)}.liveness-note{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--red);font-weight:600}.exam-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.exam-bar{background:var(--navy);color:#fff;padding:12px 24px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:50}.exam-bar .brand{font-size:20px;font-weight:800;letter-spacing:-1px}.exam-bar .brand .e{color:var(--red)}.exam-bar .exam-title h1{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-bar .exam-title p{font-size:11px;color:#9aa4c0}.exam-bar .spacer{flex:1}.proctor-status{display:flex;align-items:center;gap:7px;background:#e2504c2e;border:1px solid rgba(226,80,76,.5);color:#ffb3b1;font-size:11px;font-weight:700;letter-spacing:.5px;padding:7px 13px;border-radius:16px;white-space:nowrap}.rec-dot{width:8px;height:8px;background:var(--red);border-radius:50%;animation:blink 1.2s ease-in-out infinite}.timer{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:7px 16px;display:flex;align-items:center;gap:9px;font-variant-numeric:tabular-nums}.timer svg{color:#9aa4c0}.timer b{font-size:17px;letter-spacing:1px}.timer.warning{background:#e2504c40;border-color:var(--red)}.timer.warning b{color:#ffb3b1}.btn-submit-top{padding:9px 20px;background:var(--red);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer}.btn-submit-top:hover{background:#cf403c}.exam-layout{flex:1;display:grid;grid-template-columns:1fr 290px;gap:22px;padding:24px;width:100%;align-items:start}.q-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px 30px}.q-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.q-head .q-no{font-size:15px;font-weight:700;color:var(--navy)}.q-head .q-no span{color:var(--muted);font-weight:500}.q-head .q-meta{font-size:11.5px;color:var(--muted)}.btn-flag{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.btn-flag:hover{border-color:var(--amber);color:var(--amber)}.btn-flag.flagged{background:#fff4e3;border-color:var(--amber);color:var(--amber)}.q-text{font-size:15px;line-height:1.65;color:var(--text);margin-bottom:22px}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-size:13.5px;line-height:1.5;transition:border-color .15s,background .15s}.option:hover{border-color:#b9c0e8}.option.selected{border-color:var(--indigo);background:#f6f7fe}.option .radio{width:18px;height:18px;border:2px solid #c9cdd4;border-radius:50%;flex-shrink:0;margin-top:1px;position:relative}.option.selected .radio{border-color:var(--indigo)}.option.selected .radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--indigo);border-radius:50%}.option b{color:var(--navy);margin-right:4px}textarea.essay{width:100%;min-height:180px;padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:13.5px;font-family:inherit;line-height:1.6;resize:vertical;outline:none}textarea.essay:focus{border-color:var(--indigo)}.word-count{font-size:11.5px;color:var(--muted);margin-top:8px;text-align:right}.q-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.btn-nav{padding:11px 24px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--navy)}.btn-nav:hover:not(:disabled){border-color:var(--indigo);color:var(--indigo)}.btn-nav:disabled{opacity:.45;cursor:not-allowed}.btn-nav.next{background:var(--indigo);color:#fff;border:none}.btn-nav.next:hover:not(:disabled){background:var(--indigo-dark);color:#fff}.exam-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}.side-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px}.side-card h3{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.monitor-frame{position:relative;width:100%;aspect-ratio:4/3;background:#14192b;border-radius:10px;overflow:hidden}.monitor-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.monitor-frame .cam-off{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7c86a5;font-size:11px}.rec-tag{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:5px;background:#0000008c;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.5px;padding:4px 9px;border-radius:10px}.rec-tag .rec-dot{width:6px;height:6px}.monitor-note{margin-top:10px;font-size:11px;color:var(--muted);line-height:1.6}.monitor-note b{color:var(--red)}.check-log{margin-top:10px;font-size:11px;color:var(--green);font-weight:600;line-height:1.8}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pal-btn{aspect-ratio:1;border:1.5px solid var(--border);border-radius:8px;background:#fff;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;position:relative;transition:border-color .15s}.pal-btn:hover{border-color:var(--indigo)}.pal-btn.current{border-color:var(--indigo);box-shadow:0 0 0 3px #6472dd33;color:var(--indigo)}.pal-btn.answered{background:var(--indigo);border-color:var(--indigo);color:#fff}.pal-btn.flagged:after{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:var(--amber);border-radius:50%;border:2px solid #fff}.legend{margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:8px}.legend .sw{width:12px;height:12px;border-radius:4px;border:1.5px solid var(--border)}.legend .sw.answered{background:var(--indigo);border-color:var(--indigo)}.legend .sw.flagged{background:var(--amber);border-color:var(--amber)}.student-mini{display:flex;align-items:center;gap:10px}.student-mini .name{font-size:12.5px;font-weight:700;color:var(--navy)}.student-mini .vid{font-size:10.5px;color:var(--green);font-weight:600}.recheck-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a30bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.recheck-modal{background:#fff;border-radius:14px;width:min(380px,92vw);padding:26px 30px;text-align:center;box-shadow:0 24px 60px #0006;animation:pop .2s ease-out}.rc-badge{display:inline-flex;align-items:center;gap:6px;background:#fdeeed;color:var(--red);font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:5px 12px;border-radius:12px;margin-bottom:14px}.recheck-modal h3{font-size:16px;color:var(--navy);font-weight:700;margin-bottom:6px}.recheck-modal>p{font-size:12.5px;color:var(--muted);margin-bottom:16px}.rc-frame{position:relative;width:100%;aspect-ratio:4/3;background:#14192b;border-radius:12px;overflow:hidden;margin-bottom:16px}.rc-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.rc-frame .cam-off{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#7c86a5;font-size:11.5px}.rc-progress{height:6px;background:#edeff5;border-radius:3px;overflow:hidden;margin-bottom:10px}.rc-progress span{display:block;height:100%;background:var(--red);border-radius:3px;transition:width .3s linear}.rc-status{font-size:12.5px;font-weight:600;color:var(--navy);min-height:18px}.rc-status.ok{color:var(--green)}.rc-note{font-size:10.5px;color:var(--muted);margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:12px 22px;border-radius:10px;box-shadow:0 10px 30px #0000004d;display:flex;align-items:center;gap:9px;transition:transform .3s ease;z-index:300}.toast.show{transform:translate(-50%) translateY(0)}.toast .ck{color:var(--green)}.confirm-modal{background:#fff;border-radius:14px;width:min(420px,92vw);padding:30px 34px;text-align:center;box-shadow:0 24px 60px #00000059;animation:pop .2s ease-out}.confirm-modal h3{font-size:17px;color:var(--navy);font-weight:700;margin-bottom:8px}.confirm-modal p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:6px}.confirm-modal .summary{background:var(--bg);border-radius:10px;padding:14px 18px;margin:16px 0 20px;font-size:12.5px;text-align:left;line-height:2;color:var(--text)}.confirm-modal .summary b{color:var(--navy)}.confirm-modal .actions{display:flex;gap:10px}.confirm-modal .actions button{flex:1;padding:12px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;border:none}.btn-back{background:#fff;color:var(--navy);border:1px solid var(--border)!important}.btn-confirm{background:var(--red);color:#fff}.btn-confirm:hover{background:#cf403c}.btn-done-full{width:100%;padding:12px;background:var(--indigo);color:#fff;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-top:6px}.btn-done-full:hover{background:var(--indigo-dark)}.verify-any{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color .15s,color .15s}.verify-any:hover{border-color:var(--indigo);color:var(--indigo)}.cert-list{display:flex;flex-direction:column;gap:16px}.cert-row{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px;display:flex;align-items:center;gap:20px;transition:box-shadow .15s}.cert-row:hover{box-shadow:0 8px 20px #00000012}.cert-row.pending-row{opacity:.75}.cert-thumb{width:92px;height:66px;flex-shrink:0;border:1px solid var(--border);border-radius:6px;background:linear-gradient(160deg,#fdfdff,#f0f1fb);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden}.cert-thumb:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #d5d9ea;border-radius:3px}.cert-thumb .ribbon{width:16px;height:16px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px #e59a2f40}.cert-thumb .ribbon.gray{background:#c3c7d4;box-shadow:0 0 0 3px #c3c7d440}.cert-thumb .line{width:46px;height:3px;background:#cdd2e4;border-radius:2px}.cert-thumb .line.short{width:30px}.cert-info{flex:1;min-width:0}.cert-info h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:3px}.cert-info .cert-no{font-size:12px;color:var(--muted);font-family:SF Mono,Menlo,Consolas,monospace;margin-bottom:8px}.cert-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted)}.cert-meta b{color:var(--text);font-weight:600}.sign-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:5px 12px;border-radius:14px;flex-shrink:0;letter-spacing:.3px;white-space:nowrap}.sign-badge.signed{background:#e9f7f1;color:var(--green)}.sign-badge.pending{background:#fdf5e7;color:var(--amber)}.cert-actions{display:flex;gap:10px;flex-shrink:0}.btn-verify{display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--indigo);color:#fff;font-size:12.5px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.btn-verify:hover{background:var(--indigo-dark)}.btn-verify:disabled{background:#c3c7d4;cursor:not-allowed}.btn-dl{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#fff;color:var(--navy);font-size:12.5px;font-weight:600;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s}.btn-dl:hover{border-color:var(--indigo);color:var(--indigo)}.btn-dl:disabled{color:#c3c7d4;cursor:not-allowed}.verify-modal{background:#fff;border-radius:14px;width:min(460px,92vw);box-shadow:0 24px 60px #0000004d;animation:pop .2s ease-out;overflow:hidden;text-align:left}.vm-checking{padding:48px 40px;text-align:center}.spinner{width:44px;height:44px;margin:0 auto 18px;border:4px solid #edeff5;border-top-color:var(--indigo);border-radius:50%;animation:spin .8s linear infinite}.spinner.red{border-top-color:var(--red)}.vm-checking h3{font-size:16px;color:var(--navy);margin-bottom:6px}.vm-checking p{font-size:13px;color:var(--muted)}.vm-head{background:#e9f7f1;padding:28px 32px 22px;text-align:center}.vm-head .check{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}.vm-head h3{font-size:17px;color:var(--green);font-weight:700}.vm-head p{font-size:12.5px;color:#4c7a67;margin-top:4px}.vm-body{padding:22px 32px 12px}.vm-field{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border);font-size:12.5px}.vm-field:last-child{border-bottom:none}.vm-field .k{color:var(--muted);flex-shrink:0}.vm-field .v{color:var(--navy);font-weight:600;text-align:right;word-break:break-all}.vm-field .v.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:500}.privy-tag{display:inline-flex;align-items:center;gap:5px;background:#fdeeed;color:var(--red);font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px}.vm-foot{padding:16px 32px 26px;text-align:center}.vm-foot button{padding:11px 34px;background:var(--indigo);color:#fff;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer}.vm-foot button:hover{background:var(--indigo-dark)}.ba-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:18px;margin-bottom:12px}.ba-card:hover{box-shadow:0 8px 20px #00000012}.doc-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.doc-ic.kuliah{background:var(--indigo)}.doc-ic.ujian{background:var(--red)}.ba-info{flex:1;min-width:0}.ba-info .no{font-size:11px;color:var(--muted);font-family:SF Mono,Menlo,Consolas,monospace;margin-bottom:3px}.ba-info h3{font-size:14.5px;color:var(--navy);font-weight:700;margin-bottom:7px}.ba-info .row{display:flex;flex-wrap:wrap;gap:5px 18px;font-size:12px;color:var(--muted)}.ba-info .row b{color:var(--text);font-weight:600}.flag-warn{color:var(--amber);font-weight:700}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:5px 12px;border-radius:14px;flex-shrink:0;letter-spacing:.3px;white-space:nowrap}.status-badge.signed{background:#e9f7f1;color:var(--green)}.status-badge.waiting{background:#fdf5e7;color:var(--amber)}.ba-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end;flex-shrink:0}.btn{padding:10px 18px;font-size:12.5px;font-weight:600;border-radius:8px;cursor:pointer;border:none;white-space:nowrap}.btn.sign{background:var(--red);color:#fff}.btn.sign:hover{background:#cf403c}.btn.outline{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn.outline:hover{border-color:var(--indigo);color:var(--indigo)}.btn.bulk{background:var(--red);color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;padding:11px 20px}.btn.bulk:hover{background:#cf403c}.btn.bulk:disabled{background:#c3c7d4;cursor:not-allowed}.signed-at{font-size:10.5px;color:var(--muted)}.sign-modal{background:#fff;border-radius:14px;width:min(460px,92vw);box-shadow:0 24px 60px #00000059;animation:pop .2s ease-out;overflow:hidden;text-align:left}.sm-head{padding:20px 28px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.sm-head .logo{width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.sm-head h3{font-size:15.5px;color:var(--navy);font-weight:700}.sm-head p{font-size:11.5px;color:var(--muted);margin-top:2px}.sm-head .powered{margin-left:auto;font-size:10px;font-weight:700;color:var(--red);background:#fdeeed;padding:4px 10px;border-radius:10px;letter-spacing:.5px}.sm-body{padding:22px 28px}.doc-preview{border:1px solid var(--border);border-radius:10px;padding:16px 18px;background:#fbfbfe;margin-bottom:16px}.doc-preview .dp-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:8px}.dp-field{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;gap:12px}.dp-field .k{color:var(--muted);flex-shrink:0}.dp-field .v{color:var(--navy);font-weight:600;text-align:right}.agree{display:flex;gap:10px;font-size:11.5px;color:var(--muted);line-height:1.6;margin-bottom:16px;align-items:flex-start}.agree input{margin-top:3px;accent-color:var(--red)}.otp-area{text-align:center}.otp-area p{font-size:12.5px;color:var(--muted);margin-bottom:14px}.otp-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.otp-boxes input{width:44px;height:52px;text-align:center;font-size:20px;font-weight:700;border:1.5px solid var(--border);border-radius:10px;outline:none;font-family:inherit}.otp-boxes input:focus{border-color:var(--red)}.resend{font-size:11.5px;color:var(--indigo);font-weight:600;cursor:pointer}.signing-area{text-align:center;padding:12px 0}.signing-area h4{font-size:15px;color:var(--navy);margin-bottom:5px}.signing-area p{font-size:12px;color:var(--muted)}.success-area{text-align:center;padding:6px 0}.success-area h4{font-size:16px;color:var(--green);font-weight:700;margin-bottom:5px}.success-area p{font-size:12px;color:var(--muted)}.audit{margin-top:14px;text-align:left;background:var(--bg);border-radius:10px;padding:12px 16px;font-size:11px;color:var(--muted);line-height:2}.audit b{color:var(--navy)}.audit .ok{color:var(--green);font-weight:700}.sm-foot{padding:0 28px 24px;display:flex;gap:10px}.sm-foot button{flex:1;padding:12px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;border:none}.sm-cancel{background:#fff;color:var(--navy);border:1px solid var(--border)!important}.sm-primary{background:var(--red);color:#fff}.sm-primary:disabled{background:#c3c7d4;cursor:not-allowed}.sm-done{background:var(--indigo);color:#fff}.bstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px}.bstat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px}.bstat .num{font-size:22px;font-weight:700;color:var(--navy)}.bstat .num.green{color:var(--green)}.bstat .num.amber{color:var(--amber)}.bstat .lbl{font-size:12px;color:var(--muted);margin-top:2px}.action-bar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.action-bar .sel-info{font-size:13px;color:var(--muted)}.action-bar .sel-info b{color:var(--navy)}.action-bar .spacer{flex:1}.sel-all{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer}.table-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-card table{width:100%;border-collapse:collapse;font-size:13px}.table-card thead th{text-align:left;padding:13px 16px;background:#f8f9fc;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--border)}.table-card tbody td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table-card tbody tr:last-child td{border-bottom:none}.table-card tbody tr:hover{background:#fafbfe}input[type=checkbox]{width:15px;height:15px;accent-color:var(--indigo);cursor:pointer}.st-name{font-weight:600;color:var(--navy)}.st-nim{font-size:11.5px;color:var(--muted)}.doc-no{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--muted)}.row-status{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:10px;white-space:nowrap}.row-status.ready{background:#f0f1fb;color:var(--indigo)}.row-status.signing{background:#fdf5e7;color:var(--amber)}.row-status.signed{background:#e9f7f1;color:var(--green)}.table-foot{padding:12px 18px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.bm-summary{background:var(--bg);border-radius:10px;padding:14px 18px;font-size:12.5px;line-height:2;margin-bottom:16px}.bm-summary b{color:var(--navy)}.progress-area{text-align:center}.progress-area h4{font-size:15px;color:var(--navy);margin-bottom:14px}.prog-track{height:10px;background:#edeff5;border-radius:5px;overflow:hidden;margin-bottom:10px}.prog-track span{display:block;height:100%;background:linear-gradient(90deg,var(--red),#f08582);border-radius:5px;transition:width .2s linear}.prog-count{font-size:13px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.prog-note{font-size:11px;color:var(--muted);margin-top:8px}.vp-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#eef0f9 0%,var(--bg) 40%)}.vp-header{background:#fff;border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;gap:14px}.vp-brand{font-size:26px;font-weight:800;letter-spacing:-1px;color:var(--navy)}.vp-brand .e{color:var(--red)}.vp-brand-sub{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.public-tag{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:1px;background:#e9f7f1;color:var(--green);padding:6px 14px;border-radius:14px}.vp-wrap{flex:1;width:min(680px,94vw);margin:0 auto;padding:48px 0 60px}.vp-hero{text-align:center;margin-bottom:30px}.vp-hero .shield{width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}.vp-hero h1{font-size:26px;color:var(--navy);font-weight:800;margin-bottom:8px}.vp-hero p{font-size:14px;color:var(--muted);line-height:1.6;max-width:480px;margin:0 auto}.search-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 30px;box-shadow:0 10px 30px #232f4b0f}.search-card label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:10px}.input-row{display:flex;gap:10px}.input-row input{flex:1;padding:14px 16px;font-size:14px;border:1.5px solid var(--border);border-radius:10px;outline:none;font-family:SF Mono,Menlo,Consolas,monospace}.input-row input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6472dd26}.btn-vp-verify{padding:14px 26px;background:var(--indigo);color:#fff;font-size:13.5px;font-weight:700;border:none;border-radius:10px;cursor:pointer;white-space:nowrap}.btn-vp-verify:hover{background:var(--indigo-dark)}.or-qr{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--muted)}.or-qr button{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--indigo);font-weight:700;font-size:12.5px;cursor:pointer}.or-qr button:hover{text-decoration:underline}.samples{margin-top:16px;font-size:11.5px;color:var(--muted);text-align:center;line-height:2}.samples code{background:var(--bg);border:1px solid var(--border);padding:3px 9px;border-radius:8px;cursor:pointer;font-size:11px}.samples code:hover{border-color:var(--indigo);color:var(--indigo)}.vp-result{margin-top:26px;animation:fadeUp .3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.vp-checking{text-align:center;padding:36px 0}.vp-checking p{font-size:13px;color:var(--muted)}.result-card{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#fff}.rc-head{padding:26px 30px 22px;text-align:center}.rc-head.valid{background:#e9f7f1}.rc-head.invalid{background:#fdeeed}.rc-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.rc-head.valid .rc-icon{background:var(--green)}.rc-head.invalid .rc-icon{background:var(--red)}.rc-head h2{font-size:19px;font-weight:800}.rc-head.valid h2{color:var(--green)}.rc-head.invalid h2{color:var(--red)}.rc-head p{font-size:12.5px;margin-top:5px}.rc-head.valid p{color:#4c7a67}.rc-head.invalid p{color:#a14a47}.rc-body{padding:22px 30px 10px}.rc-field{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.rc-field:last-child{border-bottom:none}.rc-field .k{color:var(--muted);flex-shrink:0}.rc-field .v{color:var(--navy);font-weight:600;text-align:right;word-break:break-word}.rc-field .v.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;font-weight:500}.rc-foot{padding:16px 30px 26px;text-align:center;font-size:11px;color:var(--muted);line-height:1.7}.invalid-help{padding:10px 30px 26px;text-align:center;font-size:12.5px;color:var(--muted);line-height:1.8}.invalid-help a{color:var(--indigo);font-weight:600;text-decoration:none}.vp-footer{background:var(--navy);color:#9aa4c0;text-align:center;padding:18px;font-size:11.5px}.vp-footer b{color:#fff}@media (max-width: 1024px){.dash-grid{grid-template-columns:1fr}}@media (max-width: 900px){.hero{display:none}.login-panel{flex:1;max-width:none}.login-page{overflow:auto}.class-card,.exam-card,.ba-card,.cert-row{flex-wrap:wrap}.class-actions,.exam-actions,.ba-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.cert-actions{width:100%}.cert-actions button{flex:1;justify-content:center}.exam-layout{grid-template-columns:1fr}.exam-side{position:static}.proctor-status{display:none}}@media (max-width: 768px){.sidebar{display:none}.main{margin-left:0}.user-chip .meta{display:none}.course-grid{grid-template-columns:1fr}}@media (max-width: 560px){.portal-options{flex-direction:column}.modal{padding:30px 24px}.input-row{flex-direction:column}}.chip.overdue{background:#fdeeed;color:var(--red)}.chip.submitted{background:#e9f7f1;color:var(--green)}.due-note{font-size:11px;font-weight:700;color:var(--red)}.thread-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s}.thread-card:hover{box-shadow:0 8px 20px #00000012}.thread-card .t-info{flex:1;min-width:0}.thread-card h3{font-size:14px;color:var(--navy);font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.thread-card .t-meta{font-size:11.5px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.pin-chip{font-size:10px;font-weight:700;background:#fff4e3;color:var(--amber);padding:2px 8px;border-radius:8px}.t-stats{display:flex;gap:22px;flex-shrink:0;text-align:center}.t-stats .num{font-size:15px;font-weight:700;color:var(--navy)}.t-stats .lbl{font-size:10px;color:var(--muted)}.msg-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start;height:calc(100vh - 180px)}.conv-list{background:#fff;border:1px solid var(--border);border-radius:12px;overflow-y:auto;height:100%}.conv-item{display:flex;gap:11px;padding:13px 16px;cursor:pointer;border-bottom:1px solid var(--border);align-items:center}.conv-item:hover{background:#fafbfe}.conv-item.active{background:#f0f1fb}.conv-item .c-info{flex:1;min-width:0}.conv-item .c-name{font-size:13px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;gap:8px}.conv-item .c-name small{font-weight:500;color:var(--muted);font-size:10.5px;flex-shrink:0}.conv-item .c-prev{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv-item .unread{width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-pane{background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;height:100%}.chat-head{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}.chat-head .c-name{font-size:13.5px;font-weight:700;color:var(--navy)}.chat-head .c-role{font-size:11px;color:var(--muted)}.chat-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:70%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}.bubble.them{background:var(--bg);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.bubble.me{background:var(--indigo);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble .b-time{display:block;font-size:9.5px;opacity:.65;margin-top:4px}.chat-input{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--border)}.chat-input input{flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-size:13px;outline:none;font-family:inherit}.chat-input input:focus{border-color:var(--indigo)}.chat-input button{padding:11px 22px;background:var(--indigo);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.chat-input button:hover{background:var(--indigo-dark)}.ann-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin-bottom:12px}.ann-card.unread-ann{border-left:4px solid var(--indigo)}.ann-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.ann-head h3{font-size:14.5px;color:var(--navy);font-weight:700}.ann-card .a-body{font-size:13px;color:var(--text);line-height:1.65;margin-bottom:8px}.ann-card .a-meta{font-size:11.5px;color:var(--muted)}.chip.cat-academic{background:#f0f1fb;color:var(--indigo)}.chip.cat-it{background:#fdf5e7;color:var(--amber)}.chip.cat-event{background:#e9f7f1;color:var(--green)}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.lib-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s,transform .15s}.lib-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.lib-card .l-ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.lib-card h3{font-size:13.5px;color:var(--navy);font-weight:700;line-height:1.4}.lib-card .l-meta{font-size:11.5px;color:var(--muted)}.lib-card .l-actions{margin-top:auto;padding-top:8px}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}.profile-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px 24px;text-align:center}.profile-card .big-avatar{width:92px;height:92px;border-radius:50%;background:var(--indigo);color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.profile-card h2{font-size:17px;color:var(--navy);font-weight:700}.profile-card .p-sub{font-size:12.5px;color:var(--muted);margin:4px 0 14px}.verified-privy{display:inline-flex;align-items:center;gap:6px;background:#e9f7f1;color:var(--green);font-size:11px;font-weight:700;padding:6px 14px;border-radius:14px}.info-list .dp-field{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.info-list .dp-field:last-child{border-bottom:none}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-row .s-label{font-size:13.5px;font-weight:600;color:var(--navy)}.setting-row .s-desc{font-size:11.5px;color:var(--muted);margin-top:2px}.toggle{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle .track{position:absolute;top:0;right:0;bottom:0;left:0;background:#d5d9e4;border-radius:12px;transition:background .2s}.toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000040}.toggle input:checked+.track{background:var(--indigo)}.toggle input:checked+.track:after{transform:translate(20px)}.soon-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 20px;text-align:center}.soon-wrap .soon-ic{width:76px;height:76px;border-radius:20px;background:#f0f1fb;color:var(--indigo);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.soon-wrap h1{font-size:22px;color:var(--navy);font-weight:700;margin-bottom:8px}.soon-wrap p{font-size:13.5px;color:var(--muted);max-width:420px;line-height:1.7}@media (max-width: 900px){.msg-layout,.profile-grid{grid-template-columns:1fr;height:auto}.conv-list{height:auto;max-height:300px}.chat-pane{height:480px}}.meet-page{min-height:100vh;background:#14192b;display:flex;flex-direction:column;color:#fff}.meet-top{display:flex;align-items:center;gap:14px;padding:14px 22px}.meet-top .brand{font-size:18px;font-weight:800;letter-spacing:-1px}.meet-top .brand .e{color:var(--red)}.meet-top h1{font-size:14px;font-weight:700}.meet-top p{font-size:11px;color:#8a93b5}.meet-top .spacer{flex:1}.rec-pill{display:inline-flex;align-items:center;gap:6px;background:#e2504c33;border:1px solid rgba(226,80,76,.5);color:#ffb3b1;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:6px 12px;border-radius:14px}.meet-timer{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#c3cade;background:#ffffff12;padding:7px 14px;border-radius:10px}.meet-body{flex:1;display:flex;gap:14px;padding:0 22px 14px;min-height:0}.meet-stage{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.main-tile{flex:1;position:relative;background:linear-gradient(140deg,#1d2440,#232f4b);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:300px}.main-tile .speaker-avatar{width:110px;height:110px;border-radius:50%;background:var(--indigo);color:#fff;font-size:38px;font-weight:700;display:flex;align-items:center;justify-content:center}.speaking-ring{box-shadow:0 0 0 4px #2fa87ccc;animation:speakPulse 1.4s ease-in-out infinite}@keyframes speakPulse{0%,to{box-shadow:0 0 0 4px #2fa87ccc}50%{box-shadow:0 0 0 9px #2fa87c40}}.tile-name{position:absolute;left:12px;bottom:12px;background:#0000008c;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:8px;display:flex;align-items:center;gap:7px}.mic-on{color:#5cc9a2}.mic-off{color:#ff8f8c}.tile-badge{position:absolute;top:12px;left:12px;background:#0000008c;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 11px;border-radius:8px;color:#c3cade}.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.p-tile{position:relative;aspect-ratio:16/10;background:#1d2440;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-tile video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.p-tile .p-avatar{width:44px;height:44px;border-radius:50%;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.p-tile .tile-name{left:8px;bottom:8px;font-size:10px;padding:3px 9px}.p-tile.me{outline:2px solid var(--indigo)}.meet-chat{width:300px;background:#1a2138;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0}.meet-chat h3{font-size:12px;font-weight:700;letter-spacing:1px;color:#8a93b5;padding:16px 18px 10px}.mc-body{flex:1;overflow-y:auto;padding:0 18px;display:flex;flex-direction:column;gap:12px}.mc-msg{font-size:12px;line-height:1.5}.mc-msg .who{font-weight:700;color:#9fb0e8;margin-right:6px}.mc-msg .when{font-size:9.5px;color:#667096;margin-left:6px}.mc-msg.system{color:#7c86a5;font-style:italic;font-size:11px}.mc-input{display:flex;gap:8px;padding:14px}.mc-input input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #2c3554;background:#141a2e;color:#fff;font-size:12px;outline:none;font-family:inherit}.mc-input input:focus{border-color:var(--indigo)}.mc-input input::placeholder{color:#667096}.mc-input button{padding:10px 16px;background:var(--indigo);color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}.meet-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px 20px}.ctrl-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:#ffffff1a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s}.ctrl-btn:hover{background:#fff3}.ctrl-btn.off{background:var(--red)}.ctrl-btn.active-ctrl{background:var(--indigo)}.ctrl-btn.leave{width:auto;border-radius:26px;padding:0 26px;background:var(--red);font-size:13px;font-weight:700;letter-spacing:.5px;flex-direction:row;gap:8px}.ctrl-btn.leave:hover{background:#cf403c}.ctrl-label{font-size:8.5px;margin-top:2px;color:#ffffffbf}.hand-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);background:#fff;color:var(--navy);font-size:12.5px;font-weight:600;padding:10px 20px;border-radius:20px;box-shadow:0 10px 30px #0006;z-index:50}@media (max-width: 900px){.meet-chat{display:none}}.pv2-modal{position:relative;background:#fff;border-radius:16px;padding:38px 42px 34px;width:min(460px,92vw);box-shadow:0 24px 60px #0000004d;animation:pop .2s ease-out;text-align:left}.pv2-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#b6bcc9;font-size:18px;cursor:pointer;padding:4px;line-height:1}.pv2-close:hover{color:var(--navy)}.pv2-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:26px}.pv2-logo .wordmark{font-size:30px;font-weight:700;color:#d94a41;letter-spacing:-.5px;font-family:Poppins,Segoe UI,sans-serif}.pv2-modal h2{font-size:22px;font-weight:800;color:#232f4b;margin-bottom:4px}.pv2-sub{font-size:14.5px;color:#8a90a0;margin-bottom:24px}.pv2-label{display:block;font-size:13px;font-weight:600;color:#444;margin:0 0 7px}.pv2-label .req{color:#d94a41;margin-left:1px}.pv2-account{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #dfe2e8;border-radius:10px;background:#f8f9fc;margin-bottom:18px}.pv2-avatar{width:40px;height:40px;border-radius:50%;background:#e6e8ee;display:flex;align-items:center;justify-content:center;color:#a3a9b6;flex-shrink:0}.pv2-acc-info{flex:1;min-width:0}.pv2-username{font-size:14px;font-weight:700;color:#232f4b;display:flex;align-items:center;gap:6px}.pv2-check{width:15px;height:15px;border-radius:50%;background:#2fa84f;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pv2-masked{font-size:12px;color:#8a90a0;margin-top:1px;letter-spacing:.5px}.pv2-change{background:none;border:none;color:#3b6fe0;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}.pv2-change:hover{text-decoration:underline}.pv2-input-wrap{position:relative;margin-bottom:18px}.pv2-input{width:100%;padding:13px 42px 13px 14px;font-size:14px;border:1px solid #dfe2e8;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.pv2-input:focus{border-color:#d94a41;box-shadow:0 0 0 3px #d94a411f}.pv2-input::placeholder{color:#b6bcc9}.pv2-eye{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#7d8494;display:flex;padding:3px}.pv2-forgot{font-size:13.5px;color:#6b7280;margin:2px 0 22px}.pv2-forgot a{color:#3b6fe0;font-weight:600;text-decoration:none}.pv2-forgot a:hover{text-decoration:underline}.pv2-login{width:100%;padding:14px;background:#d94a41;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background .15s;font-family:inherit}.pv2-login:hover{background:#c53d35}.certdoc-modal{background:#fff;border-radius:14px;width:min(720px,94vw);max-height:92vh;overflow-y:auto;box-shadow:0 24px 60px #0006;animation:pop .2s ease-out;padding:22px}.certdoc{border:3px double var(--navy);border-radius:6px;padding:8px;background:linear-gradient(160deg,#fffdf8,#f7f5ef)}.certdoc-inner{border:1.5px solid var(--amber);border-radius:3px;padding:38px 44px 30px;text-align:center;position:relative}.certdoc .cd-brand{font-size:34px;font-weight:800;color:var(--navy);letter-spacing:-1px}.certdoc .cd-brand .e{color:var(--red)}.certdoc .cd-uni{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--muted);margin-top:2px}.certdoc .cd-type{font-size:21px;font-weight:700;letter-spacing:4px;color:var(--amber);text-transform:uppercase;margin:26px 0 4px;font-family:Georgia,Times New Roman,serif}.certdoc .cd-line{width:90px;height:2px;background:var(--amber);margin:8px auto 22px}.certdoc .cd-certify{font-size:13px;color:var(--muted);font-style:italic}.certdoc .cd-name{font-size:32px;color:var(--navy);margin:12px 0 4px;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}.certdoc .cd-nim{font-size:11.5px;color:var(--muted);letter-spacing:1px;margin-bottom:16px}.certdoc .cd-for{font-size:13px;color:var(--muted);font-style:italic}.certdoc .cd-course{font-size:18px;font-weight:700;color:var(--navy);margin:8px 0 4px}.certdoc .cd-extra{font-size:12.5px;color:var(--text);margin-bottom:30px}.certdoc .cd-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;text-align:left}.certdoc .cd-qrblock{display:flex;gap:10px;align-items:flex-end}.certdoc .cd-qr{width:62px;height:62px;background:#fff;border:1px solid var(--border);padding:4px}.certdoc .cd-docmeta{font-size:9.5px;color:var(--muted);line-height:1.7;font-family:SF Mono,Menlo,Consolas,monospace}.certdoc .cd-signblock{text-align:center}.certdoc .cd-script{font-family:Snell Roundhand,Brush Script MT,cursive;font-size:26px;color:var(--navy)}.certdoc .cd-signer{font-size:12px;font-weight:700;color:var(--navy);border-top:1px solid var(--navy);padding-top:5px;margin-top:2px}.certdoc .cd-title2{font-size:10.5px;color:var(--muted)}.certdoc .cd-privystamp{display:inline-flex;align-items:center;gap:5px;margin-top:7px;border:1.5px solid #d94a41;color:#d94a41;font-size:8.5px;font-weight:700;letter-spacing:.5px;padding:4px 9px;border-radius:4px;transform:rotate(-3deg)}.certdoc-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.cert-row.clickable{cursor:pointer}@media (max-width: 640px){.certdoc-inner{padding:26px 18px 22px}.certdoc .cd-foot{flex-direction:column;align-items:center;text-align:center;gap:14px}}