*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;margin-bottom:30px;border-radius:8px;text-align:center}header h1{font-size:2.5rem;margin-bottom:10px}header p{font-size:1.1rem;opacity:.9}.card{background:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.card h2{font-size:1.5rem;margin-bottom:20px;color:#667eea}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.card-title-row h2{margin-bottom:0}.status-badge{display:inline-block;padding:6px 12px;background-color:#4caf50;color:#fff;border-radius:16px;font-size:.875rem;font-weight:600;text-transform:uppercase}.error{background-color:#ffebee;color:#c62828;padding:15px;border-radius:4px;margin:15px 0;border-left:4px solid #c62828}.loading{text-align:center;padding:40px;color:#666;font-style:italic}button{padding:10px 20px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:hover{background-color:#5568d3}button:disabled{background-color:#ccc;cursor:not-allowed}.entries-table{width:100%;border-collapse:collapse;margin-top:20px}.entries-table th,.entries-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.entries-table th{background-color:#f5f5f5;font-weight:600;color:#667eea}.entries-table tr:hover{background-color:#f9f9f9}.spiffe-id{font-family:monospace;font-size:.9rem;color:#333;background-color:#f5f5f5;padding:4px 8px;border-radius:3px}.selector{display:inline-block;background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:3px;margin:2px;font-size:.875rem}.timestamp{color:#666;font-size:.875rem}.bundle-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:.95rem;color:#444}.bundle-table{width:100%;border-collapse:collapse;margin-top:12px}.bundle-table th,.bundle-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:top}.bundle-table th{background-color:#f5f5f5;font-weight:600;color:#667eea}.bundle-cell{max-width:260px;word-break:break-word}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.badge-ok{background-color:#4caf50;color:#fff}.badge-warn{background-color:#f9a825;color:#fff}.pem-block{margin-top:8px;background-color:#f5f5f5;padding:10px;border-radius:4px;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px;font-family:monospace}.form-actions{display:flex;gap:10px;margin-top:20px}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{font-size:1.1rem;margin-top:10px}.workloads-table{width:100%;border-collapse:collapse;margin-top:20px}.workloads-table th,.workloads-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.workloads-table th{background-color:#f5f5f5;font-weight:600;color:#667eea}.workloads-table tr:hover{background-color:#f9f9f9}.namespace-badge{display:inline-block;padding:4px 10px;background-color:#e8eaf6;color:#5c6bc0;border-radius:12px;font-size:.875rem;font-weight:500}.btn-register{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-register:hover{background-color:#45a049}.btn-register:disabled{background-color:#ccc;cursor:not-allowed}.btn-delete{padding:8px 16px;background-color:#e53935;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-delete:hover{background-color:#c62828}.btn-delete:disabled{background-color:#ccc;cursor:not-allowed}.btn-chain{padding:8px 16px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-chain:hover{background-color:#5568d3}.btn-chain:disabled{background-color:#ccc;cursor:not-allowed}.chain-visualization{display:flex;flex-direction:column;align-items:center;padding:20px 0}.chain-visualization-compact{padding:10px 0}.chain-level{display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px}.chain-node{width:100%;border:2px solid #e0e0e0;border-radius:12px;padding:18px 22px;background:#fff;position:relative;transition:box-shadow .2s}.chain-node:hover{box-shadow:0 4px 12px #0000001a}.chain-node-root{border-color:#4caf50;background:linear-gradient(135deg,#f1f8e9,#fff)}.chain-node-intermediate{border-color:#667eea;background:linear-gradient(135deg,#e8eaf6,#fff)}.chain-node-leaf{border-color:#ff9800;background:linear-gradient(135deg,#fff3e0,#fff)}.chain-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chain-role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chain-role-root{background-color:#4caf50;color:#fff}.chain-role-intermediate{background-color:#667eea;color:#fff}.chain-role-leaf{background-color:#ff9800;color:#fff}.chain-node-title{font-size:1.15rem;font-weight:600;color:#333;margin-bottom:12px}.chain-node-details{display:flex;flex-direction:column;gap:6px}.chain-detail-row{display:flex;gap:8px;font-size:.875rem;line-height:1.4}.chain-detail-label{color:#888;font-weight:500;min-width:80px;flex-shrink:0}.chain-detail-value{color:#444;word-break:break-word}.chain-detail-mono{font-family:monospace;font-size:.85rem}.chain-pem-toggle{margin-top:10px}.chain-pem-toggle summary{cursor:pointer;color:#667eea;font-size:.85rem;font-weight:500}.chain-pem-toggle summary:hover{color:#5568d3}.chain-connector{display:flex;flex-direction:column;align-items:center;padding:4px 0}.chain-connector-line{width:2px;height:20px;background:linear-gradient(180deg,#bbb,#999)}.chain-connector-label{font-size:.75rem;color:#999;font-weight:500;padding:2px 0}.chain-row td{background-color:#fafafa;padding:20px!important;border-bottom:2px solid #667eea}.entry-chain-view{padding:10px}.badge-info{background-color:#667eea;color:#fff}.chain-summary{cursor:pointer;padding:16px 20px;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;transition:background-color .15s,border-color .15s}.chain-summary:hover{background:#f0f1ff;border-color:#667eea}.chain-summary-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chain-summary-node{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff}.chain-summary-root{border-color:#4caf50}.chain-summary-intermediate{border-color:#667eea}.chain-summary-leaf{border-color:#ff9800}.chain-summary-badge{padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.chain-summary-name{font-size:.85rem;font-weight:500;color:#444}.chain-summary-arrow{color:#bbb;font-size:1.1rem;font-weight:600}.chain-summary-hint{margin-top:8px;font-size:.78rem;color:#999;text-align:center}.entry-cards{display:flex;flex-direction:column;gap:12px;margin-top:16px}.entry-card{border:1px solid #e0e0e0;border-radius:10px;background:#fff;overflow:hidden;transition:box-shadow .15s}.entry-card:hover{box-shadow:0 2px 8px #00000012}.entry-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f8f9ff;border-bottom:1px solid #eee;gap:12px}.entry-card-spiffe{font-size:.9rem;font-weight:500}.entry-card-actions{display:flex;gap:6px;flex-shrink:0}.entry-card-body{padding:14px 18px}.entry-card-field{margin-bottom:8px}.entry-card-field:last-child{margin-bottom:0}.entry-card-label{display:block;font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.entry-card-meta{display:flex;gap:24px;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0;flex-wrap:wrap}.entry-card-meta .entry-card-field{margin-bottom:0}.entry-card-chain{padding:16px 18px;background:#fafafa;border-top:1px solid #eee}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-secondary{background-color:#9e9e9e}.btn-secondary:hover{background-color:#757575}