:root{--bg: #070F1E;--bg-2: #0A1628;--navy-800: #0B1F3A;--navy-700: #12294D;--navy-600: #1B3A6B;--gold: #C9A227;--gold-light: #E3C66D;--gold-soft: rgba(201, 162, 39, .14);--gold-grad: linear-gradient(135deg, #D4AF37, #a8841f);--card: rgba(255, 255, 255, .045);--card-hover: rgba(255, 255, 255, .075);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #EDF1F7;--muted: #93A1B5;--success: #34D399;--danger: #F87171;--warning: #FBBF24;--blue: #60A5FA;--violet: #A78BFA;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 6px 28px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);font-family:Cairo,ui-sans-serif,system-ui,sans-serif;line-height:1.65;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{width:100%;padding:.68rem 1rem;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.93rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a2272e;background:#ffffff14}input.error,select.error{border-color:var(--danger)}input:disabled{opacity:.55}.field-error{color:var(--danger);font-size:.78rem;margin-top:.25rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--muted)}.mono{font-family:Fira Code,ui-monospace,monospace;direction:ltr}.small{font-size:.78rem}.muted{color:var(--muted)}.gold{color:var(--gold)}.glow{position:fixed;inset:-40% -20% auto -20%;height:75vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(27,58,107,.5),rgba(201,162,39,.07) 45%,transparent 62%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.35rem;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;text-decoration:none;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,opacity .15s,background .2s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold-grad);color:#14100a;box-shadow:0 6px 24px #c9a2274d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #c9a22773}.btn-ghost{border:1.5px solid var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled){background:var(--card-hover);border-color:var(--gold)}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ef444459}.btn-sm{padding:.42rem .9rem;font-size:.82rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);cursor:pointer;transition:all .18s}.icon-btn:hover{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.4rem;transition:transform .2s ease,box-shadow .2s ease,background .2s}.card-title{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:800;margin-bottom:1rem;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.2rem .62rem;border-radius:999px;white-space:nowrap}.badge.green{background:#34d39921;color:var(--success)}.badge.amber{background:#fbbf2421;color:var(--warning)}.badge.gold{background:var(--gold-soft);color:var(--gold-light)}.badge.blue{background:#60a5fa21;color:var(--blue)}.badge.slate{background:#94a3b824;color:#b6c2d4}.rank-badge{font-size:.72rem;color:var(--gold-light)}.crest{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;flex-shrink:0;background:var(--gold-grad);color:#14100a;box-shadow:0 0 0 2px #c9a22759,0 4px 18px #c9a2274d}.crest.lg{width:74px;height:74px;margin:0 auto .9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s ease forwards}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.block{display:block;width:100%;margin-bottom:.6rem}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(201,162,39,.2);border-top-color:var(--gold);animation:spin .8s linear infinite}.spinner.sm{width:17px;height:17px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:flex;min-height:100dvh}.sidebar{position:fixed;top:0;bottom:0;right:0;width:264px;z-index:40;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1628,#08101f);border-left:1px solid var(--border)}.side-head{display:flex;align-items:center;gap:.7rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--border)}.side-title{display:flex;flex-direction:column;line-height:1.35}.side-title strong{font-size:.92rem;font-weight:800}.side-title span{font-size:.7rem;color:var(--muted)}.side-close{display:none;margin-right:auto}.side-nav{flex:1;padding:1rem .8rem;display:flex;flex-direction:column;gap:.25rem}.side-link{display:flex;align-items:center;gap:.7rem;padding:.68rem .9rem;border-radius:12px;color:var(--muted);font-size:.9rem;font-weight:600;transition:all .18s;border:1px solid transparent}.side-link:hover{color:var(--text);background:var(--card-hover)}.side-link.active{color:var(--gold-light);background:var(--gold-soft);border-color:#c9a22759}.side-foot{padding:1rem 1.2rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.7rem}.user-chip{display:flex;align-items:center;gap:.7rem}.avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--navy-600);color:var(--gold-light);font-weight:800;flex-shrink:0;border:1.5px solid rgba(201,162,39,.4)}.avatar.sm{width:34px;height:34px;font-size:.8rem}.avatar.lg{width:58px;height:58px;font-size:1.2rem}.avatar.slate{background:#24344d;color:#b6c2d4;border-color:var(--border-strong)}.user-meta{display:flex;flex-direction:column;line-height:1.4;min-width:0}.user-meta strong{font-size:.86rem}.logout-btn{width:100%}.main{flex:1;margin-right:264px;padding:1.6rem 2rem;position:relative;z-index:1}.backdrop{display:none}.page{max-width:1180px;margin:0 auto}.page.narrow{max-width:760px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-head h1{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:900;letter-spacing:-.02em}.head-actions{display:flex;gap:.6rem;flex-wrap:wrap}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center}.login-page,.verify-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse at 50% -10%,#12294d,#070f1e 55%)}.login-card,.verify-card{width:100%;max-width:440px;background:#0a1628d9;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:1}.verify-card{max-width:560px}.login-head{text-align:center;margin-bottom:1.6rem}.login-head h1{font-size:1.45rem;font-weight:900}.login-head p{color:var(--muted);font-size:.85rem;margin-top:.2rem}.form-stack{display:flex;flex-direction:column;gap:1rem}.pass-wrap{position:relative}.pass-wrap .icon-btn{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:transparent}.form-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:var(--danger);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600}.demo-box{margin-top:1.4rem;border:1px dashed rgba(201,162,39,.4);border-radius:var(--radius);padding:.9rem}.demo-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--gold-light);margin-bottom:.6rem}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.demo-grid button{display:flex;flex-direction:column;gap:.1rem;padding:.5rem;border-radius:10px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .18s;font-family:inherit}.demo-grid button:hover{border-color:var(--gold);background:var(--gold-soft)}.demo-grid strong{font-size:.82rem}.demo-grid span{font-size:.72rem;color:var(--muted);direction:ltr}.verify-link{display:block;text-align:center;margin-top:1.2rem;color:var(--gold-light);font-size:.84rem;font-weight:700}.verify-link:hover{text-decoration:underline}.verify-search{display:flex;gap:.6rem;margin-bottom:1.2rem}.verify-search .btn{flex-shrink:0}.verify-result{border-radius:var(--radius);padding:1.4rem;text-align:center;border:1px solid}.verify-result.loading{border-color:var(--border);display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2rem}.verify-result.valid{background:#34d39912;border-color:#34d39959}.verify-result.invalid{background:#ef444412;border-color:#ef444459}.result-icon{display:flex;justify-content:center;margin-bottom:.5rem}.verify-result.valid .result-icon{color:var(--success)}.verify-result.invalid .result-icon{color:var(--danger)}.verify-result h2{font-size:1.15rem;margin-bottom:.3rem}.verify-result p{color:var(--muted);font-size:.88rem;margin-bottom:1rem}.verify-result .kv{text-align:right;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem}.verify-result .kv span{color:var(--muted);font-size:.8rem}.verify-result .kv strong{font-size:.88rem}.demo-note{display:flex;gap:.5rem;align-items:flex-start;background:var(--gold-soft);border:1px solid rgba(201,162,39,.3);color:var(--gold-light);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.8rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.4rem}.stat-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c9a22759}.stat-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;flex-shrink:0}.tone-gold .stat-icon{background:var(--gold-soft);color:var(--gold-light)}.tone-green .stat-icon{background:#34d3991f;color:var(--success)}.tone-slate .stat-icon{background:#94a3b81f;color:#b6c2d4}.tone-blue .stat-icon{background:#60a5fa1f;color:var(--blue)}.tone-violet .stat-icon{background:#a78bfa1f;color:var(--violet)}.stat-meta{display:flex;flex-direction:column;line-height:1.35}.stat-meta span{font-size:.76rem;color:var(--muted);font-weight:600}.stat-meta strong{font-size:1.45rem;font-weight:900}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem}.chart{display:flex;flex-direction:column;gap:.55rem}.hbar-row{display:grid;grid-template-columns:34% 1fr 36px;align-items:center;gap:.6rem}.hbar-label{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{height:10px;background:#ffffff0f;border-radius:999px;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d4af37,#8a6d1a);min-width:6px;transition:width .6s ease}.hbar-value{font-size:.78rem;font-weight:800;color:var(--gold-light);text-align:center}.vchart{display:flex;align-items:flex-end;gap:.8rem;height:190px}.vbar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.3rem}.vbar-track{width:100%;max-width:44px;flex:1;display:flex;align-items:flex-end;background:#ffffff0d;border-radius:8px 8px 3px 3px;overflow:hidden}.vbar-fill{width:100%;border-radius:8px 8px 3px 3px;min-height:4px;transition:height .6s ease}.vbar-value{font-size:.74rem;font-weight:800;color:var(--gold-light)}.vbar-label{font-size:.68rem;color:var(--muted);white-space:nowrap}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:.7rem;padding:.65rem .3rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.list-row:last-child{border-bottom:none}a.list-row:hover{background:var(--card-hover)}.list-row.static{cursor:default}.list-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.list-main strong{font-size:.86rem}.list-main .muted{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters{display:flex;gap:.8rem;align-items:center;margin-bottom:1.2rem;padding:1rem;flex-wrap:wrap}.filters .search-box{flex:1;min-width:240px;position:relative}.search-box svg{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-box input{padding-right:40px}.filters select{width:auto;min-width:160px}.table-card{padding:0;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.87rem}.table th{text-align:right;padding:.8rem 1rem;font-size:.74rem;font-weight:700;color:var(--muted);background:#ffffff08;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#ffffff09}.table tbody tr:last-child td{border-bottom:none}.ta-left{text-align:left!important}.row-actions{display:flex;gap:.35rem;justify-content:flex-start}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--border)}.form-card{margin-bottom:1.2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.form-grid.single{grid-template-columns:1fr}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.4rem}.sig-upload{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.drop-zone{display:block;border:1.5px dashed rgba(201,162,39,.45);border-radius:var(--radius);background:#ffffff06;cursor:pointer;padding:1rem;text-align:center;transition:all .2s;min-width:260px}.drop-zone:hover{border-color:var(--gold);background:var(--gold-soft)}.drop-hint{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem}.sig-preview{display:flex;flex-direction:column;align-items:center;gap:.4rem}.sig-preview img{max-height:90px;background:#fff;padding:4px;border-radius:6px}.sig-preview span{font-size:.76rem;color:var(--gold-light)}.profile-row{display:flex;align-items:center;gap:1rem}.detail-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.2rem;align-items:start}.side-col{display:flex;flex-direction:column;gap:1.2rem}.kv{display:grid;grid-template-columns:1fr 1.4fr;gap:.45rem 1rem;font-size:.86rem}.kv span{color:var(--muted);font-size:.78rem}.kv strong{font-weight:700;overflow-wrap:anywhere}.verify-hint{display:flex;gap:.8rem;align-items:flex-start}.verify-hint p{font-size:.82rem;color:var(--muted)}.cert-frame{background:#fdfbf4;border-radius:12px;box-shadow:var(--shadow-lg);padding:22px}.cert-border{border:3px solid #C9A227;border-radius:8px;padding:5px}.cert-inner{border:1px solid #C9A227;border-radius:4px;padding:1.6rem 2rem;text-align:center;font-family:Amiri,serif;color:#33393f;position:relative}.cert-crest{width:56px;height:56px;margin:0 auto .5rem;border-radius:50%;border:2px solid #C9A227;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#0b1f3a;box-shadow:inset 0 0 0 4px #fdfbf4,inset 0 0 0 5px #c9a227}.cert-school{font-size:1.05rem;font-weight:700;color:#0b1f3a}.cert-gold-line{width:220px;height:1.5px;background:linear-gradient(90deg,transparent,#C9A227,transparent);margin:.55rem auto}.cert-title{font-size:1.15rem;font-weight:700;color:#c9a227;margin-bottom:.9rem}.cert-body{font-size:.88rem;color:#4a5259}.cert-name{font-size:1.7rem;font-weight:700;color:#0b1f3a;margin:.3rem 0}.cert-meta{font-size:.88rem;margin-bottom:.7rem}.cert-course{font-size:1.2rem;font-weight:700;color:#c9a227;margin:.35rem 0}.cert-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.1rem;gap:1rem}.cert-qr{display:flex;flex-direction:column;align-items:center;gap:.15rem}.cert-qr img{width:74px;height:74px}.cert-qr span{font-size:.62rem;color:#7c8590;font-family:Cairo,sans-serif}.cert-sig{display:flex;flex-direction:column;align-items:center;gap:.15rem}.sig-line{width:180px;border-top:1.5px solid #94a3b8}.cert-sig strong{font-size:.8rem;color:#0b1f3a}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030810b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeUp .18s ease}.modal{background:#0e1b30;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.8rem;max-width:480px;width:100%;box-shadow:var(--shadow-lg)}.modal h3{font-size:1.05rem;margin-bottom:.6rem}.modal p{color:var(--muted);font-size:.88rem;margin-bottom:1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.toast-wrap{position:fixed;bottom:1.5rem;left:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.8rem 1.3rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;box-shadow:var(--shadow-lg);animation:fadeUp .3s ease;max-width:340px}.toast.success{background:#34d39924;border:1px solid rgba(52,211,153,.35);color:var(--success)}.toast.error{background:#ef444424;border:1px solid rgba(239,68,68,.35);color:var(--danger)}@media (max-width: 1020px){.detail-grid,.dash-grid{grid-template-columns:1fr}}@media (max-width: 860px){.sidebar{transform:translate(100%);transition:transform .28s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.side-close{display:inline-flex}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#03081099;z-index:35;opacity:0;pointer-events:none;transition:opacity .25s}.backdrop.show{opacity:1;pointer-events:auto}.main{margin-right:0;padding:1.1rem 1rem}.page-head{flex-direction:column}}@media (max-width: 560px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.filters select{width:100%}.table{font-size:.78rem}.table th:nth-child(3),.table td:nth-child(3){display:none}.login-card,.verify-card{padding:1.5rem}.cert-inner{padding:1.1rem 1rem}.cert-name{font-size:1.3rem}.cert-foot{flex-direction:column;align-items:center}.verify-search{flex-direction:column}.row-actions{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}