.tabs-container{gap:var(--space-1);flex-direction:column;display:flex}.tabs-container .tabs{align-items:center;display:flex}.tabs .tab{padding:var(--space-2)var(--space-4);cursor:pointer;transition:all var(--transition-normal);border-bottom:2px solid var(--border)}.tabs .tab.active{border-bottom-color:var(--primary)}.tabs .tab:hover{color:var(--text-primary);background-color:var(--background-secondary)}
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}h1,h2,h3,h4,h5,h6{color:var(--primary)}@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:var(--radius-md);padding:var(--space-8);margin-bottom:var(--space-8);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{background-color:var(--background-secondary);box-shadow:var(--shadow-sm)}.popup{background-color:var(--overlay-bg);width:100vw;height:100vh;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.popup .popup-content{background-color:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:90%;max-height:90vh;display:flex;position:relative;overflow-y:auto}.popup-content .popup-header{background-color:var(--background);width:100%;padding:var(--padding-card)var(--space-8);z-index:10;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.popup-content .popup-header h2{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:600}.popup-header .close-icon{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;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}input[type=checkbox]{appearance:none;border:2px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);cursor:pointer;width:18px;min-width:18px;height:18px;min-height:18px;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);vertical-align:middle;flex-shrink:0;margin:0;padding:0}input[type=checkbox]:hover:not(:disabled){border-color:var(--primary)}input[type=checkbox]:focus{box-shadow:var(--shadow-focus);outline:none}input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 12px}input[type=checkbox]:checked:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}input[type=checkbox]:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}