.toolbar,table{background:var(--bg-card)}:root{--bg-dark:#0d0d0d;--bg-card:#1a1a1a;--text-main:#33ff66;--text-secondary:#e6ffe6;--accent:#00ff99;--danger:#ff4d4d}body{font-family:"Fira Code",monospace;background:var(--bg-dark);color:var(--text-main);margin:0;padding:0}.toolbar,header{padding:12px 20px;border-bottom:1px solid #333;display:flex}header{align-items:center;background:#111}header .icon-log{width:20px;height:20px;margin-right:8px;background:url('data:image/svg+xml;utf8,<svg fill="%2333ff66" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h16v2H4zm0 4h10v2H4zm0 4h16v2H4zm0 4h10v2H4z"/></svg>') center/contain no-repeat}header h2{font-size:18px;margin:0;color:var(--accent)}.toolbar{align-items:center;gap:12px;flex-wrap:wrap}.toolbar input[type=text],.toolbar select{background:10px center no-repeat #111;border:1px solid #333;border-radius:6px;color:var(--text-secondary);padding:8px 32px;font-size:13px;outline:0;transition:border .2s}.toolbar input[type=text]:focus,.toolbar select:focus{border-color:var(--accent)}.toolbar input[type=text]{background-image:url('data:image/svg+xml;utf8,<svg fill="%23e6ffe6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 2a8 8 0 015.3 13.9l4.4 4.4-1.4 1.4-4.4-4.4A8 8 0 1110 2zm0 2a6 6 0 100 12 6 6 0 000-12z"/></svg>');background-size:16px;padding-left:36px}.toolbar select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23e6ffe6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 4h18v2H3zm4 6h10v2H7zm3 6h4v2h-4z"/></svg>');background-size:14px;padding-left:32px}.toolbar #totalCount{margin-left:auto;font-size:13px;color:var(--accent);background:#111;padding:6px 12px;border-radius:6px;border:1px solid #333}table{width:100%;border-collapse:collapse;margin:20px auto;font-size:13px;border:1px solid #333;border-radius:6px;overflow:hidden}td,th{padding:10px;border-bottom:1px solid #333;text-align:left;color:var(--text-secondary)}code,th{color:var(--accent)}th{background:#111}tr:hover{background:#262626}code{font-size:12px;word-break:break-all}img{width:32px;height:32px;border-radius:50%}.delete-btn{background:center/contain no-repeat;border:none;cursor:pointer;width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg fill="%23ff4d4d" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm2 3h14l-1.5 12.5c-.1.8-.7 1.5-1.5 1.5h-8c-.8 0-1.4-.7-1.5-1.5L5 9zm5 2v9h2v-9H10zm4 0v9h2v-9h-2zM9 4V2h6v2h5v2H4V4h5z"/></svg>');transition:transform .2s}.delete-btn:hover{transform:scale(1.1)}@media (max-width:768px){.toolbar{flex-direction:column;align-items:stretch}.toolbar #totalCount{margin-left:0;text-align:center}table,tbody,td,th,thead,tr{display:block}thead{display:none}tr{margin-bottom:15px;border:1px solid #333;border-radius:6px;padding:10px;background:#111}td{display:flex;justify-content:space-between;padding:6px 0}td:before{content:attr(data-label);font-weight:700;color:var(--accent);flex-basis:40%}}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;z-index:999;opacity:1;transition:opacity .6s}.loader.fade-out{opacity:0}.loader div{width:12px;height:12px;margin:5px;border-radius:50%;background-color:#00ff91;animation:.8s ease-in-out infinite loading}.loader div:nth-child(2){animation-delay:.2s}.loader div:nth-child(3){animation-delay:.4s}@keyframes loading{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}