*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1117;color:#e2e8f0}#app{height:100vh;width:100vw}#app-login{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0f1117}#app-main{display:flex;width:100%;height:100%;overflow:hidden}.sidebar{width:220px;min-width:220px;background:#1a1d2e;border-right:1px solid #2d3148;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:12px;padding:24px 20px 20px;border-bottom:1px solid #2d3148}.logo{font-size:28px}.logo-title{display:block;font-weight:700;font-size:15px;color:#f1f5f9}.logo-version{display:block;font-size:11px;color:#64748b}.nav-links{list-style:none;padding:16px 0;flex:1}.nav-links li a{display:flex;align-items:center;gap:10px;padding:11px 20px;color:#94a3b8;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;border-left:3px solid transparent}.nav-links li a:hover{background:#252840;color:#e2e8f0}.nav-links li a.router-link-active{background:#1e2240;color:#818cf8;border-left-color:#818cf8}.nav-icon{font-size:16px}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #2d3148}.user-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.user-icon{font-size:14px;flex-shrink:0}.username{font-size:12px;color:#e2e8f0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:10px;padding:1px 6px;border-radius:10px;flex-shrink:0}.role-badge.admin{background:#1e1b4b;color:#818cf8}.role-badge.viewer{background:#0c2a4a;color:#38bdf8}.logout-btn{background:transparent;border:1px solid #2d3148;color:#64748b;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:14px;flex-shrink:0;transition:all .15s}.logout-btn:hover{background:#450a0a;border-color:#7f1d1d;color:#f87171}.content{flex:1;overflow-y:auto;padding:32px;background:#0f1117}.card{background:#1a1d2e;border:1px solid #2d3148;border-radius:12px;padding:24px;margin-bottom:20px}.page-title{font-size:22px;font-weight:700;color:#f1f5f9;margin-bottom:24px}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.active{background:#14532d;color:#4ade80}.badge.expired{background:#450a0a;color:#f87171}.badge.revoked{background:#431407;color:#fb923c}.badge.root{background:#1e1b4b;color:#818cf8}.badge.intermediate{background:#0c2a4a;color:#38bdf8}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 14px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2d3148}td{padding:12px 14px;font-size:13px;color:#cbd5e1;border-bottom:1px solid #1e2130}tr:hover td{background:#1e2240}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#991b1b;color:#fff}.btn-danger:hover{background:#7f1d1d}.btn-success{background:#166534;color:#fff}.btn-success:hover{background:#14532d}.btn-ghost{background:transparent;color:#94a3b8;border:1px solid #2d3148}.btn-ghost:hover{background:#1e2240;color:#e2e8f0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:#94a3b8;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;background:#0f1117;border:1px solid #2d3148;border-radius:8px;color:#e2e8f0;font-size:14px;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:#4f46e5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1a1d2e;border:1px solid #2d3148;border-radius:16px;padding:28px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-title{font-size:17px;font-weight:700;color:#f1f5f9;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.alert-error{background:#450a0a;color:#fca5a5;border:1px solid #7f1d1d}.alert-success{background:#14532d;color:#86efac;border:1px solid #166534}.empty-state{text-align:center;padding:48px 0;color:#475569}.empty-state .empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:14px}.stats-grid[data-v-2ba3068c]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-2ba3068c]{background:#1a1d2e;border:1px solid #2d3148;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-card.warning[data-v-2ba3068c]{border-color:#854d0e}.stat-card.danger[data-v-2ba3068c]{border-color:#7f1d1d}.stat-icon[data-v-2ba3068c]{font-size:28px}.stat-value[data-v-2ba3068c]{font-size:28px;font-weight:700;color:#f1f5f9}.stat-label[data-v-2ba3068c]{font-size:12px;color:#64748b;margin-top:2px}.quick-actions[data-v-2ba3068c]{margin-bottom:20px}.action-buttons[data-v-2ba3068c]{display:flex;gap:12px;flex-wrap:wrap}.action-btn[data-v-2ba3068c]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:#0f1117;border:1px solid #2d3148;border-radius:10px;text-decoration:none;color:#94a3b8;font-size:13px;font-weight:500;transition:all .15s;min-width:120px}.action-btn[data-v-2ba3068c]:hover{background:#1e2240;border-color:#4f46e5;color:#818cf8}.action-icon[data-v-2ba3068c]{font-size:24px}.card-title[data-v-2ba3068c]{font-size:15px;font-weight:600;color:#f1f5f9;margin-bottom:16px}.two-col[data-v-2ba3068c]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.lineage-svg[data-v-2ba3068c]{overflow:visible}.timeline[data-v-2ba3068c]{display:flex;flex-direction:column;gap:12px}.timeline-bar-wrap[data-v-2ba3068c]{display:flex;align-items:center;gap:10px}.timeline-label[data-v-2ba3068c]{font-size:12px;color:#94a3b8;width:140px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-track[data-v-2ba3068c]{flex:1;height:8px;background:#1e2130;border-radius:4px;overflow:hidden}.timeline-bar[data-v-2ba3068c]{height:100%;border-radius:4px}.timeline-days[data-v-2ba3068c]{font-size:11px;width:35px;text-align:right;flex-shrink:0}.page-header[data-v-e599f82a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header .page-title[data-v-e599f82a]{margin-bottom:0}.header-actions[data-v-e599f82a]{display:flex;gap:10px}.form-row[data-v-e599f82a]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-header[data-v-a047f8e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header .page-title[data-v-a047f8e1]{margin-bottom:0}.filters[data-v-a047f8e1]{display:flex;gap:12px;padding:16px;flex-wrap:wrap;align-items:center}.filters select[data-v-a047f8e1]{width:auto;min-width:160px}.form-row[data-v-a047f8e1]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-header[data-v-b6ee8e05]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header .page-title[data-v-b6ee8e05]{margin-bottom:0}.form-row[data-v-b6ee8e05]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-header[data-v-62c3e26f]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.status-banner[data-v-62c3e26f]{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.status-banner.active[data-v-62c3e26f]{background:#14532d;color:#86efac;border:1px solid #166534}.status-banner.revoked[data-v-62c3e26f]{background:#450a0a;color:#fca5a5;border:1px solid #7f1d1d}.status-banner.expired[data-v-62c3e26f]{background:#431407;color:#fdba74;border:1px solid #9a3412}.status-icon[data-v-62c3e26f]{font-size:18px}.two-col[data-v-62c3e26f]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card-title[data-v-62c3e26f]{font-size:15px;font-weight:600;color:#f1f5f9;margin-bottom:16px}.chain-viz[data-v-62c3e26f]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chain-node[data-v-62c3e26f]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;border-radius:10px;min-width:120px}.chain-node.root[data-v-62c3e26f]{background:#1e1b4b;border:1px solid #818cf8}.chain-node.intermediate[data-v-62c3e26f]{background:#0c2a4a;border:1px solid #38bdf8}.chain-node.leaf[data-v-62c3e26f]{background:#14532d;border:1px solid #4ade80}.chain-icon[data-v-62c3e26f]{font-size:24px}.chain-name[data-v-62c3e26f]{font-size:12px;font-weight:600;color:#f1f5f9;text-align:center}.chain-type[data-v-62c3e26f]{font-size:11px;color:#64748b}.chain-arrow[data-v-62c3e26f]{font-size:20px;color:#475569}.detail-grid[data-v-62c3e26f]{display:flex;flex-direction:column;gap:10px}.detail-row[data-v-62c3e26f]{display:flex;gap:12px;align-items:flex-start}.detail-key[data-v-62c3e26f]{font-size:12px;color:#64748b;min-width:130px;flex-shrink:0;padding-top:2px}.detail-val[data-v-62c3e26f]{font-size:13px;color:#e2e8f0;word-break:break-all}.detail-val.mono[data-v-62c3e26f]{font-family:monospace;font-size:11px}.san-list[data-v-62c3e26f]{display:flex;gap:8px;flex-wrap:wrap}.san-badge[data-v-62c3e26f]{padding:4px 12px;background:#1e2240;border:1px solid #2d3148;border-radius:20px;font-size:12px;color:#94a3b8;font-family:monospace}.timeline-track[data-v-62c3e26f]{height:10px;background:#1e2130;border-radius:4px;overflow:hidden}.timeline-bar[data-v-62c3e26f]{height:100%;border-radius:4px}.login-page[data-v-526e26fb]{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#0f1117;position:fixed;top:0;left:0}.login-box[data-v-526e26fb]{background:#1a1d2e;border:1px solid #2d3148;border-radius:16px;padding:40px;width:400px;max-width:95vw}.login-header[data-v-526e26fb]{text-align:center;margin-bottom:32px}.login-logo[data-v-526e26fb]{font-size:48px;margin-bottom:12px}.login-header h1[data-v-526e26fb]{font-size:22px;font-weight:700;color:#f1f5f9;margin-bottom:6px}.login-header p[data-v-526e26fb]{color:#64748b;font-size:14px}.btn-full[data-v-526e26fb]{width:100%;justify-content:center;padding:12px;font-size:15px;margin-top:8px}.alert-warning[data-v-526e26fb]{background:#431407;color:#fdba74;border:1px solid #9a3412;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.page-header[data-v-8d03aeda]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header .page-title[data-v-8d03aeda]{margin-bottom:0}