:root{--background:#fff;--background-secondary:#f5f5f5;--foreground:#171717;--foreground-secondary:#525252;--text-primary:#171717;--text-secondary:#525252;--primary:#171717;--secondary:#525252;--accent-primary:#171717;--accent-secondary:#525252;--border:#e5e5e5;--success:#16a34a;--error:#dc2626;--warning:#ea580c;--success-bg:#f0fdf4;--error-bg:#fef2f2;--warning-bg:#fff7ed}[data-theme=dark]{--background:#000;--background-secondary:#171717;--foreground:#fafafa;--foreground-secondary:#d4d4d4;--text-primary:#fafafa;--text-secondary:#d4d4d4;--primary:#fafafa;--secondary:#d4d4d4;--accent-primary:#fafafa;--accent-secondary:#d4d4d4;--border:#262626;--success:#22c55e;--error:#ef4444;--warning:#f97316;--success-bg:#052e16;--error-bg:#450a0a;--warning-bg:#431407}[data-theme=light]{--background:#fff;--background-secondary:#f5f5f5;--foreground:#171717;--foreground-secondary:#525252;--text-primary:#171717;--text-secondary:#525252;--primary:#171717;--secondary:#525252;--accent-primary:#171717;--accent-secondary:#525252;--border:#e5e5e5;--success:#16a34a;--error:#dc2626;--warning:#ea580c;--success-bg:#f0fdf4;--error-bg:#fef2f2;--warning-bg:#fff7ed}@media (prefers-color-scheme:dark){:root:not([data-theme]){--background:#000;--background-secondary:#171717;--foreground:#fafafa;--foreground-secondary:#d4d4d4;--text-primary:#fafafa;--text-secondary:#d4d4d4;--primary:#fafafa;--secondary:#d4d4d4;--accent-primary:#fafafa;--accent-secondary:#d4d4d4;--border:#262626;--success:#22c55e;--error:#ef4444;--warning:#f97316;--success-bg:#052e16;--error-bg:#450a0a;--warning-bg:#431407}}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}small{color:var(--text-secondary);font-size:.875rem}.card{background-color:var(--background);border:1px solid var(--border);border-radius:6px;margin-bottom:32px;padding:64px;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.card:hover{background-color:var(--background-secondary);box-shadow:0 1px 3px #0000000a}.popup{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup .popup-content{background-color:var(--background);border-radius:12px;flex-direction:column;width:100%;max-width:90%;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 4px 24px #00000026,0 0 0 1px #0000000d}.popup-content .popup-header{background-color:var(--background);z-index:10;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.popup-content .popup-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.popup-header .close-icon{cursor:pointer;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.popup-header .close-icon:hover{color:var(--text-primary);background-color:var(--background-secondary)}.popup-header .close-icon svg{width:20px;height:20px}.popup-details{flex:1;padding:2rem;overflow-y:auto}.popup .modal-actions{justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.message{border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:14px}.error{background-color:var(--error-bg);color:var(--error)}.success{background-color:var(--success-bg);color:var(--success)}.warning{background-color:var(--warning-bg);color:var(--warning)}.success-message{background-color:var(--success-bg);color:var(--success);border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:14px}.page-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding:0;display:flex}.page-header .info{flex:1;min-width:0}.page-header .info h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:28px;font-weight:600;line-height:1.2}.page-header .info p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.page-header .actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.page-container{flex-direction:column;gap:1rem;display:flex}
