:root{--bg-light: #f5f5f7;--bg-card-light: #ffffff;--fg-light: #13131a;--muted-light: #6b7280;--border-light: #e5e7eb;--bg-dark: #050816;--bg-card-dark: #0b1020;--fg-dark: #f9fafb;--muted-dark: #9ca3af;--border-dark: #1f2933;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .1);--ig-pink: #e1306c;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .25);--radius-lg: 18px;--radius-md: 12px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 45% 100%)}.app-root{min-height:100vh;color:var(--fg-dark);padding:24px 32px 40px;display:flex;flex-direction:column;gap:24px}.app-root.light{background:radial-gradient(circle at top,#e5e7eb 0,#f9fafb 45% 100%);color:var(--fg-light)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.top-left{display:flex;align-items:center;gap:16px}.logo-circle{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#e1306c,#f77737,#feda75);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;box-shadow:0 10px 30px #e1306c73}.title-block h1{margin:0;font-size:20px;letter-spacing:.01em}.title-block p{margin:4px 0 0;font-size:13px;opacity:.8}.top-right{display:flex;align-items:center;gap:8px}.btn{border:none;border-radius:var(--radius-pill);padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease,box-shadow .08s ease,background .15s ease,opacity .15s ease;box-shadow:0 10px 25px #6366f159;text-decoration:none}.btn.primary{background:var(--accent)}.btn.ghost{background:transparent;color:inherit;border:1px solid rgba(148,163,184,.7);box-shadow:none}.btn.small{padding:4px 10px;font-size:12px;box-shadow:none}.btn.subtle{background:#94a3b833;color:inherit;box-shadow:none}.btn.ig{background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);color:#fff;padding-inline:14px;font-size:12px;box-shadow:0 10px 25px #d6297680}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #6366f166}.btn.ghost:hover:not(:disabled),.btn.small:hover:not(:disabled),.btn.subtle:hover:not(:disabled){box-shadow:none;transform:translateY(-1px)}.theme-toggle{border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.7);padding:6px 12px;font-size:12px;background:#0f172a80;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.app-root.light .theme-toggle{background:#fff}.main-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:16px}.controls-card,.table-card{background:#0f172ae6;border-radius:var(--radius-lg);padding:18px 20px;border:1px solid rgba(148,163,184,.3);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-root.light .controls-card,.app-root.light .table-card{background:var(--bg-card-light);border-color:var(--border-light);box-shadow:0 12px 35px #94a3b859}.controls-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}.input-group{flex:1 1 320px}.input-group label{display:block;font-size:13px;margin-bottom:6px;opacity:.9}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.7);padding:8px 12px;font-size:13px;background:#0f172acc;color:inherit;outline:none}.app-root.light .input-with-button input{background:#f9fafb}.input-with-button input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #6366f166}.count-group{display:flex;flex-direction:column;gap:6px}.count-group label{font-size:13px}.count-group input{width:80px;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.7);padding:6px 10px;font-size:13px;background:#0f172acc;color:inherit;outline:none}.app-root.light .count-group input{background:#f9fafb}.refresh-group{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.table-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.table-header h2{margin:0;font-size:16px}.table-subtitle{font-size:12px;opacity:.7}.table-wrapper{width:100%;overflow:auto;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.3);background:#0f172ad9}.app-root.light .table-wrapper{background:#fff;border-color:var(--border-light)}table{width:100%;border-collapse:collapse;font-size:12px;min-width:900px}thead{background:#0f172ae6}.app-root.light thead{background:#f3f4f6}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(31,41,55,.7)}.app-root.light th,.app-root.light td{border-bottom-color:#d1d5dbe6}th{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}tbody tr:hover{background:#1e40af1f}.app-root.light tbody tr:hover{background:#818cf81a}.empty-row{text-align:center;padding:24px 12px;font-size:13px}.outdated-row{opacity:.65}.muted{opacity:.55;font-size:11px}.unique-cell{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.modal-backdrop{position:fixed;inset:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30}.modal{background:#020617;border-radius:var(--radius-lg);padding:16px 18px 14px;width:min(600px,90vw);border:1px solid rgba(148,163,184,.6);box-shadow:0 20px 55px #0f172acc}.app-root.light .modal{background:#fff}.modal h3{margin:0 0 8px;font-size:14px}.modal-body{max-height:360px;overflow:auto;margin-bottom:10px;font-size:12px}.modal-body pre{white-space:pre-wrap;margin:0}.modal-textbox{padding:8px 10px;border-radius:10px;background:#0f172ab3}.app-root.light .modal-textbox{background:#f3f4f6}.modal-label{margin:4px 0 6px;font-size:12px;opacity:.8}.modal textarea{width:100%;min-height:90px;border-radius:10px;border:1px solid rgba(148,163,184,.8);padding:8px 10px;font-size:12px;resize:vertical;background:#0f172ae6;color:inherit}.app-root.light .modal textarea{background:#f9fafb}.modal textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #6366f166}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:768px){.app-root{padding:16px}.controls-row{flex-direction:column;align-items:stretch}.refresh-group{align-items:flex-start}}