.matter{--tx-primary:#3b82f6;--tx-secondary:#8b5cf6;--tx-bg:#030712;--tx-card:#111827bf;--tx-border:#1f293799;--tx-text:#f9fafb;--tx-muted:#6b7280;--tx-subtle:#d1d5db;--tx-emerald:#10b981;min-height:100vh;color:var(--tx-text);background:#030712;font-family:Inter,sans-serif;position:relative}.matter .gradient-text{background:linear-gradient(135deg, var(--tx-primary), var(--tx-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.matter .card{background:var(--tx-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tx-border);border-radius:16px;margin-bottom:1.2rem;padding:1.8rem;transition:border-color .2s}.matter .card:hover{border-color:#374151}.matter input[type=text],.matter input[type=email],.matter input[type=password],.matter select,.matter textarea{border:1px solid var(--tx-border);width:100%;color:var(--tx-text);background:#030712;border-radius:8px;outline:none;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.matter input:focus,.matter select:focus,.matter textarea:focus{border-color:var(--tx-primary)}.matter .auth-card{background:var(--tx-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tx-border);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:2rem}.matter .auth-tabs{border-bottom:1px solid var(--tx-border);margin-bottom:1.2rem;display:flex}.matter .auth-tab{cursor:pointer;color:var(--tx-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.matter .auth-tab.active{color:var(--tx-primary);border-bottom-color:var(--tx-primary)}.matter .table-wrap{background:var(--tx-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tx-border);border-radius:14px;margin-bottom:2rem;overflow-x:auto}.matter table{border-collapse:collapse;width:100%;font-size:13px}.matter th{color:var(--tx-primary);text-align:left;border-bottom:1px solid var(--tx-border);letter-spacing:.5px;text-transform:uppercase;background:#3b82f614;padding:12px 14px;font-size:11px;font-weight:700}.matter td{border-bottom:1px solid var(--tx-border);color:var(--tx-subtle);padding:10px 14px}.matter tr:last-child td{border-bottom:none}.matter tr:hover{background:#3b82f60a}.matter .stat-card{background:var(--tx-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tx-border);text-align:center;border-radius:14px;padding:1.2rem;transition:border-color .2s}.matter .stat-card:hover{border-color:#374151}.matter .stat-val{background:linear-gradient(135deg, var(--tx-primary), var(--tx-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.matter .stat-label{color:var(--tx-subtle);margin-top:4px;font-size:12px}.matter .badge{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.matter .badge-admin{color:#3b82f6;background:#3b82f61a}.matter .badge-student{color:#8b5cf6;background:#8b5cf61a}.matter .badge-premium{color:#f59e0b;background:#f59e0b1a}.matter .badge-free{color:#9ca3af;background:#6b72801a}.matter .btn-sm{cursor:pointer;border:none;border-radius:8px;padding:4px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.matter .btn-danger{color:#ef4444;background:#ef44441a}.matter .btn-danger:hover{background:#ef444433}.matter .btn-info{color:#3b82f6;background:#3b82f61a}.matter .btn-info:hover{background:#3b82f633}.matter .content-page{max-width:680px;margin:2rem auto;padding:0 1rem}.matter .content-page h1{margin-bottom:1.5rem;font-size:28px;font-weight:800}.matter .content-page h2{color:var(--tx-primary);margin:1.5rem 0 .8rem;font-size:18px;font-weight:700}.matter .content-page p,.matter .content-page li{color:var(--tx-subtle);font-size:14px;line-height:1.7}.matter .content-page ul{padding-left:1.2rem}.matter .content-page li{margin-bottom:.5rem}.matter .solve-container{width:90%;max-width:1200px;margin:2rem auto;padding:0 1rem}