*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Courier New',monospace;background:#0a0a0a;color:#ccc}
a{color:#DC2626;text-decoration:none}

.header{background:#111;padding:14px 24px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}
.header-left{display:flex;align-items:center;gap:16px;text-decoration:none}
.header svg{height:24px}
.header-title{color:#666;font-size:12px;letter-spacing:1px;border-left:1px solid #333;padding-left:16px}
.header-right{font-size:12px;color:#666;display:flex;align-items:center;gap:6px}
.header-right a{color:#888;text-decoration:none;padding:4px 10px;border:1px solid #333;border-radius:3px}
.header-right a:hover{color:#00ff41;border-color:#555}
.header-right a.nav-logout{color:#DC2626;border-color:#DC2626}
.header-right a.nav-logout:hover{background:#DC2626;color:#fff}
.header-right .nav-user{color:#00ff41;font-size:11px;padding:4px 10px;border:1px solid #222;border-radius:3px;background:#0a0a0a}

.container{max-width:1100px;margin:0 auto;padding:30px 24px}
.card{background:#111;border:1px solid #333;border-radius:4px;padding:20px;margin-bottom:16px}
.card h2{color:#888;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}

.btn{padding:10px 24px;background:#DC2626;color:#fff;border:none;font-family:inherit;font-size:13px;cursor:pointer;border-radius:3px}
.btn:hover{background:#b91c1c}
.btn-secondary{background:#1a1a1a;color:#00ff41;border:1px solid #333}
.btn-secondary:hover{background:#252525}

.field{margin-bottom:16px}
.field label{display:block;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.field input[type=text],.field input[type=password]{width:100%;padding:10px;background:#1a1a1a;border:1px solid #333;color:#00ff41;font-family:inherit;font-size:14px;border-radius:3px}
.field input:focus{outline:none;border-color:#DC2626}

table{width:100%;border-collapse:collapse;font-size:12px}
th{text-align:left;color:#666;padding:8px;border-bottom:1px solid #333;text-transform:uppercase;font-size:11px}
td{padding:8px;border-bottom:1px solid #1a1a1a}

.section-title{color:#888;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.empty{color:#888;font-size:12px;text-align:center;padding:30px}
.success-msg{color:#00ff41;font-size:13px;padding:12px;background:rgba(0,255,65,0.05);border:1px solid #00ff41;border-radius:4px;margin-bottom:16px}
.error-msg{color:#ff4141;font-size:13px;padding:12px;background:rgba(255,65,65,0.05);border:1px solid #ff4141;border-radius:4px;margin-bottom:16px}

.upload-zone{border:2px dashed #333;border-radius:4px;padding:40px;text-align:center;color:#888;cursor:pointer;transition:all 0.2s}
.upload-zone:hover{border-color:#DC2626;color:#DC2626}
.upload-zone.drag-over{border-color:#00ff41;color:#00ff41}
.upload-zone.has-file{border-color:#00ff41;color:#00ff41;border-style:solid}
.upload-zone input{display:none}

.footer{font-size:11px;text-align:center;margin-top:40px;padding:20px 0 60px;border-top:1px solid #1a1a1a}
.footer p{margin:0}
.footer .copyright{color:#888}
.footer .legal{color:#666;font-size:10px;margin-top:16px}
.footer .version{color:#777;font-size:9px;margin-top:16px}

.sev-alert{color:#ff4141;font-weight:bold}
.sev-critical{color:#ff8c00;font-weight:bold}
.sev-warning{color:#ffff41}
.sev-info{color:#888}
.lc-active{color:#00ff41}
.lc-manufactured{color:#888}
.lc-revoked{color:#ff4141}
.lc-suspended{color:#ff8c00}
.success{color:#00ff41}
.failure{color:#ff4141}

@media(max-width:768px){
.header{padding:10px 14px;flex-direction:column;gap:10px;align-items:flex-start}
.header-left{width:100%}
.header-right{width:100%;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;padding-top:8px;border-top:1px solid #222}
.header-right a{margin-left:0}
.header-title{font-size:10px;padding-left:10px}
.container{padding:16px 14px}
table{display:block;overflow-x:auto;white-space:nowrap}
.card{padding:14px}
}