html,body,#root{height:100%}body{margin:0;background:#fff;color:#111;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{min-height:100%;display:flex;flex-direction:column}.app-header{background:#f8fafc;color:#111;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.app-main{flex:1;display:flex;flex-direction:column;min-height:0}.table-container{flex:1;overflow:auto;padding:.75rem 1rem}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:.5rem .75rem;vertical-align:top;color:#111;background:#fff}.table th{text-align:left;font-weight:600;background:#f9fafb}.table tbody tr:hover td{background:#f3f4f6}.details-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.tags-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.tag-item{display:flex;gap:.5rem}.tag-key{color:#374151;min-width:160px;font-weight:600}.tag-value{color:#111;word-break:break-word}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.button{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#111;cursor:pointer}.button:hover{background:#f3f4f6}.button.danger{color:#b91c1c;border-color:#fca5a5;background:#fff1f2}.button.danger:hover{background:#ffe4e6}