@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#08090b;font-family:Inter,system-ui,sans-serif}body{background:#08090b;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 75% -20%,#ffffff0e,#0000 30%),#08090b;min-height:100vh;display:flex}.sidebar{z-index:10;background:#0c0d10;border-right:1px solid #202227;flex-direction:column;width:255px;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:11px;padding:2px 8px 28px;display:flex}.brand-mark{color:#090a0c;background:#f5f5f5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand h2{letter-spacing:-.4px;margin:0;font-size:16px}.brand span{color:#777b84;text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-size:9px;display:block}.workspace-label,.mini-label{letter-spacing:1.3px;color:#666a72;font-size:9px;font-weight:700}.workspace{padding:0 8px 25px}.workspace-card{background:#111216;border:1px solid #26282e;border-radius:10px;align-items:center;gap:9px;margin-top:9px;padding:9px;display:flex}.workspace-card>svg{color:#656872;margin-left:auto}.workspace-logo{background:#1d1f24;border-radius:7px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.workspace-card strong,.workspace-card small,.admin-card strong,.admin-card small{display:block}.workspace-card strong{font-size:11px}.workspace-card small,.admin-card small{color:#6e7179;margin-top:3px;font-size:9px}nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#747780;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px 11px;transition:all .2s;display:flex}.nav-item span{font-size:12px;font-weight:500}.nav-item:hover{color:#dddfe3;background:#16171b}.nav-item.active{color:#08090b;background:#f1f1f1}.sidebar-bottom{margin-top:auto}.admin-card{border-top:1px solid #202227;align-items:center;gap:9px;margin-top:12px;padding:18px 7px 0;display:flex}.avatar{color:#dfe1e5;background:#24262b;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.avatar.small{width:34px;height:34px}.main{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08090bd1;border-bottom:1px solid #202227;justify-content:space-between;align-items:center;height:88px;padding:0 42px;display:flex}.breadcrumb{color:#666a72;margin-bottom:6px;font-size:10px}.topbar h1{letter-spacing:-.5px;margin:0;font-size:20px}.top-actions{align-items:center;gap:19px;display:flex}.icon-button{color:#9b9ea6;background:#111216;border:1px solid #27292e;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification-dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.top-profile{align-items:center;gap:9px;display:flex}.top-profile strong{font-size:11px;display:block}.top-profile small{color:#666a72;margin-top:2px;font-size:9px;display:block}.content{max-width:1500px;padding:36px 42px 60px}.hero{background:radial-gradient(circle at 82%,#ffffff17,#0000 22%),linear-gradient(120deg,#111216,#0c0d10);border:1px solid #27292e;border-radius:18px;justify-content:space-between;align-items:center;min-height:300px;padding:40px 44px;display:flex;position:relative;overflow:hidden}.eyebrow{color:#a7abb3;letter-spacing:1.3px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.hero h2{letter-spacing:-2px;margin:17px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.02}.hero h2 span{color:#777b83}.hero p,.page-intro p{color:#858891;max-width:530px;font-size:12px;line-height:1.7}.hero-actions{gap:10px;margin-top:23px;display:flex}.primary-button,.secondary-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.primary-button{color:#08090b;background:#f1f1f1}.primary-button:hover{background:#fff;transform:translateY(-1px)}.secondary-button{color:#d7d9dd;background:#15161a;border-color:#303238}.secondary-button:hover{background:#1b1c21}.full{width:100%}.hero-visual{color:#dfe1e5;place-items:center;width:260px;height:220px;display:grid;position:relative}.hero-visual svg{z-index:2;filter:drop-shadow(0 0 20px #fff3)}.shield-glow{filter:blur(25px);background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute}.hero-visual span{letter-spacing:4px;color:#737780;font-size:9px;position:absolute;bottom:18px}.scan-line{opacity:.18;background:#fff;width:170px;height:1px;animation:2.7s ease-in-out infinite scan;position:absolute}@keyframes scan{0%,to{transform:translateY(-55px)}50%{transform:translateY(55px)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0 35px;display:grid}.stat-card{background:#101114;border:1px solid #24262b;border-radius:13px;padding:18px}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{color:#aaaeb6;border:1px solid #2a2c31;border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.stat-icon svg{width:16px}.stat-card>strong{letter-spacing:-1px;margin-top:17px;font-size:25px;display:block}.stat-card>span:last-child{color:#777a82;margin-top:4px;font-size:10px;display:block}.positive,.negative{border-radius:5px;padding:4px 6px;font-size:9px}.positive{color:#aab8ae;background:#1a1d1b}.negative{color:#bd9999;background:#211a1a}.section-heading,.page-intro{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.section-heading h3,.page-intro h2{letter-spacing:-.7px;margin:0}.section-heading h3{font-size:15px}.section-heading p{color:#676a72;margin:6px 0 0;font-size:10px}.text-button{color:#aaaeb5;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.table-card{background:#101114;border:1px solid #24262b;border-radius:13px;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:#646870;text-transform:uppercase;letter-spacing:.8px;background:#0d0e11;padding:14px 17px;font-size:9px;font-weight:600}td{color:#92959d;border-top:1px solid #202227;padding:14px 17px;font-size:10px}.certificate-id{color:#d2d4d8;font-family:monospace;font-size:10px}.student{color:#d7d9dd;align-items:center;gap:8px;display:flex}.student-avatar,.large-avatar{color:#cfd2d7;background:#24262b;border-radius:8px;place-items:center;font-weight:700;display:grid}.student-avatar{width:26px;height:26px;font-size:9px}.status{border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.status.verified{color:#b9c5bd;background:#17201a}.status.flagged{color:#c9a9a9;background:#21191a}.page-intro{align-items:flex-start}.page-intro h2{margin-top:11px;font-size:29px}.generation-grid{grid-template-columns:.9fr 1.1fr;gap:16px;display:grid}.upload-card,.template-card{background:#101114;border:1px solid #25272c;border-radius:14px;padding:25px}.upload-icon{color:#cfd1d5;background:#1a1b20;border-radius:11px;place-items:center;width:48px;height:48px;display:grid}.upload-card h3,.template-card h3{margin:18px 0 6px;font-size:15px}.upload-card p{color:#70737b;font-size:10px;line-height:1.6}.drop-zone{color:#676a72;border:1px dashed #383a40;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:170px;margin:20px 0 13px;display:flex}.drop-zone strong{color:#c5c7cb;font-size:11px}.drop-zone span{font-size:9px}.template-top{justify-content:space-between;align-items:flex-start;display:flex}.template-top>svg{color:#777b83}.certificate-preview{background:#0a0b0d;border-radius:10px;margin:15px 0;padding:15px}.certificate-border{text-align:center;color:#121316;background:#f2f2f2;border:1px solid #3d4047;min-height:260px;padding:25px}.cert-logo{color:#fff;background:#111216;border-radius:6px;place-items:center;width:25px;height:25px;margin:auto;font-size:10px;font-weight:800;display:grid}.certificate-border small{letter-spacing:1px;margin-top:9px;font-size:6px;display:block}.certificate-border h4{margin:20px 0 8px;font-size:17px}.certificate-border p{color:#55575c;margin:5px 0;font-size:8px}.certificate-border h5{margin:10px 0;font-size:18px}.certificate-border>strong{font-size:10px}.certificate-footer{justify-content:space-between;align-items:center;margin-top:20px;font-size:6px;display:flex}.fake-qr{color:#111216}.verify-page{max-width:950px;margin:auto}.centered{text-align:center;flex-direction:column;align-items:center;display:flex}.verification-icon{background:#181a1e;border:1px solid #2b2d33;border-radius:17px;place-items:center;width:64px;height:64px;margin-bottom:18px;display:grid}.centered-text{justify-content:center}.verify-box{gap:10px;max-width:700px;margin:35px auto 20px;display:flex}.search-input{color:#676a72;background:#111216;border:1px solid #303239;border-radius:9px;flex:1;align-items:center;gap:9px;height:48px;padding:0 15px;display:flex}.search-input input{color:#dddfe3;background:0 0;border:0;outline:0;flex:1;font-size:11px}.search-input input::placeholder{color:#555860}.verification-result{border:1px solid;border-radius:13px;align-items:flex-start;gap:15px;max-width:700px;margin:22px auto;padding:22px;display:flex}.verification-result.valid{background:#101713;border-color:#26372c}.verification-result.invalid{background:#171112;border-color:#3b2728}.result-icon{border-radius:10px;place-items:center;width:46px;height:46px;display:grid}.valid .result-icon{color:#b5c7ba;background:#18231b}.invalid .result-icon{color:#c9a5a5;background:#24191a}.result-content{flex:1}.result-label{letter-spacing:1px;font-size:8px;font-weight:800}.valid .result-label{color:#8da594}.invalid .result-label{color:#ae8585}.result-content h3{margin:6px 0 15px;font-size:14px}.result-details{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-details small,.result-details strong{display:block}.result-details small{color:#686c74;margin-bottom:3px;font-size:8px}.result-details strong{color:#c6c9ce;font-size:10px}.verified-badge{color:#101411;background:#e8eee9;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:flex}.demo-hint{color:#777b83;background:#101114;border:1px solid #25272c;border-radius:9px;align-items:center;gap:8px;max-width:700px;margin:18px auto;padding:12px;font-size:9px;display:flex}.demo-hint button{color:#dddfe3;background:0 0;border:0;padding:0;text-decoration:underline}.student-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.student-card{background:#101114;border:1px solid #24262b;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex}.large-avatar{width:43px;height:43px}.student-card h3{margin:0;font-size:12px}.student-card p{color:#696c74;margin:4px 0;font-size:9px}.student-card span{color:#a2a5ab;font-size:8px}.student-card>svg{color:#555860;margin-left:auto}.analytics-grid{grid-template-columns:1.6fr 1fr;gap:14px;display:grid}.analytics-card{background:#101114;border:1px solid #24262b;border-radius:13px;min-height:290px;padding:22px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h3{margin:0;font-size:13px}.card-heading p{color:#676a72;margin:5px 0;font-size:9px}.card-heading>svg{color:#737780}.chart{border-bottom:1px solid #25272c;align-items:end;gap:10px;height:190px;margin-top:25px;padding-top:20px;display:flex}.bar-wrapper{flex:1;align-items:end;height:100%;display:flex}.bar{opacity:.75;background:#d9dadd;border-radius:4px 4px 0 0;width:100%;min-height:4px}.security-score{justify-content:center;align-items:center;gap:20px;height:200px;display:flex}.score-ring{border:9px solid #d9dadd;border-color:#d9dadd #a6a9ae #25282d #25282d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;display:flex}.score-ring strong{font-size:27px}.score-ring span{color:#666a72;font-size:9px}.security-score>div:last-child strong{font-size:12px}.security-score>div:last-child p{color:#6c6f77;max-width:100px;font-size:9px;line-height:1.5}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.generation-grid,.analytics-grid{grid-template-columns:1fr}.hero-visual{display:none}}@media (width<=760px){.sidebar{width:70px;padding:18px 10px}.brand>div:last-child,.workspace,.nav-item span,.sidebar-bottom .nav-item span,.admin-card>div:last-child{display:none}.brand{justify-content:center;padding:0 0 25px}.nav-item,.admin-card{justify-content:center}.main{width:calc(100% - 70px);margin-left:70px}.topbar{padding:0 20px}.content{padding:25px 20px}.hero{padding:28px}.stats-grid,.student-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}table{min-width:700px}.verify-box{flex-direction:column}.top-profile{display:none}}.upload-card{margin-bottom:18px}.upload-header{justify-content:space-between;align-items:flex-start;display:flex}.upload-header h3{margin:0;font-size:14px}.upload-header p{color:#70737b;margin:6px 0 0;font-size:10px}.drop-zone{cursor:pointer;border:1px dashed #3b3e45;min-height:190px;margin-top:20px;transition:all .2s}.drop-zone:hover{background:#141519;border-color:#8b8e95}.processing{color:#aaaeb6;background:#16181c;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;font-size:10px;display:flex}.csv-error{color:#c5a2a2;background:#1b1314;border:1px solid #40292a;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;font-size:10px;display:flex}.review-section{background:#101114;border:1px solid #26282d;border-radius:14px;margin-top:18px;overflow:hidden}.review-header{border-bottom:1px solid #24262b;justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.review-header h3{margin:10px 0 5px;font-size:15px}.review-header p{color:#6f727a;margin:0;font-size:10px}.review-stats{gap:9px;display:flex}.review-stats>div{text-align:center;background:#141519;border:1px solid #292b31;border-radius:8px;min-width:75px;padding:9px}.review-stats strong,.review-stats span{display:block}.review-stats strong{font-size:16px}.review-stats span{color:#696c74;margin-top:3px;font-size:8px}.review-warning strong{color:#c0a4a4}.review-table{overflow-x:auto}.review-table table{min-width:800px}.issue-list{margin-top:5px}.issue-list small{color:#a87f7f;margin-top:2px;font-size:7px;display:block}.generate-action{background:#0d0e11;border-top:1px solid #24262b;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.generate-action>div{color:#aaaeb5;align-items:center;gap:10px;display:flex}.generate-action strong,.generate-action span{display:block}.generate-action strong{color:#d8dade;font-size:10px}.generate-action span{color:#666a72;margin-top:3px;font-size:8px}.generate-action button:disabled{opacity:.35;cursor:not-allowed}.csv-example{color:#747780;background:#101114;border:1px solid #24262b;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.csv-example>div{align-items:center;gap:10px;display:flex}.csv-example strong,.csv-example span{display:block}.csv-example strong{color:#c6c8cd;font-size:10px}.csv-example span{margin-top:4px;font-size:8px}.csv-example code{color:#8e929a;background:#0a0b0d;border-radius:7px;padding:10px;font-size:8px;line-height:1.8}.verify-card{background:#101114;border:1px solid #26282d;border-radius:14px;overflow:hidden}.verify-search{padding:28px}.verify-search h3{margin:0;font-size:16px}.verify-search p{color:#737780;margin:7px 0 20px;font-size:11px}.verify-input-row{gap:10px;display:flex}.verify-input-row input{color:#e5e7eb;background:#0b0c0f;border:1px solid #30333a;border-radius:9px;outline:none;flex:1;min-width:0;padding:13px 15px;font-family:inherit}.verify-input-row input:focus{border-color:#777c85}.verification-result{border-top:1px solid #282a30;padding:30px}.success-result{background:linear-gradient(135deg,#3c50461f,#10111400)}.invalid-result{background:linear-gradient(135deg,#6437371f,#10111400);align-items:center;gap:20px;display:flex}.verification-icon{color:#c9ced5;margin-bottom:14px}.verification-title h3{margin:8px 0;font-size:19px}.verification-title p{color:#888c94;max-width:600px;font-size:11px;line-height:1.7}.verified-label,.invalid-label{letter-spacing:1.4px;color:#9ba59e;font-size:9px}.invalid-label{color:#b99797}.certificate-details{border-top:1px solid #292b31;border-left:1px solid #292b31;grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.certificate-details>div{border-bottom:1px solid #292b31;border-right:1px solid #292b31;padding:16px}.certificate-details span,.certificate-details strong{display:block}.certificate-details span{color:#72767e;text-transform:uppercase;letter-spacing:1px;font-size:8px}.certificate-details strong{color:#d9dce0;margin-top:7px;font-size:11px}.valid-text{color:#a9c1af!important}.verify-empty{text-align:center;color:#696d75;border-top:1px solid #282a30;padding:55px 20px}.verify-empty p{margin-top:10px;font-size:11px}@media (width<=700px){.verify-input-row{flex-direction:column}.certificate-details{grid-template-columns:1fr}}