*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#5548d9;--color-primary-hover:#453ab8;--color-surface:#fff;--color-background:#f7f8fa;--color-text:#333740;--color-text-muted:#8a919a;--color-border:#d4d7dc;--color-success:#328048;--color-success-bg:#eaf7ee;--color-success-border:#b8dfca;--color-error:#c0392b;--color-error-bg:#fdf0ee;--color-error-border:#f5c6c0;--color-warning:#a8720a;--color-warning-bg:#fef9ec;--color-warning-border:#f5dfa0;--radius:4px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:SFMono-Regular,Menlo,Monaco,Consolas,monospace}body,html{font-family:var(--font-sans);font-size:13px;background:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{padding:14px 16px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px}.panel-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.panel-header__title-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.panel-header__dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);flex-shrink:0;box-shadow:0 0 0 2px var(--color-success-bg)}.panel-title{font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.panel-header__context{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.panel-page-name{font-size:13px;font-weight:600;color:var(--color-text)}.panel-site-tag{font-weight:500;background:var(--color-background);border:1px solid var(--color-border);padding:1px 6px;border-radius:9999px;text-transform:lowercase}.panel-item-id,.panel-site-tag{font-size:10px;color:var(--color-text-muted);letter-spacing:.02em}.panel-item-id{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);background:none;border:1px solid transparent;border-radius:var(--radius);padding:1px 5px 1px 2px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.panel-item-id:hover{background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}.panel-item-id__text{pointer-events:none}.panel-item-id__icon{font-size:12px;opacity:.5;pointer-events:none;transition:opacity .15s}.panel-item-id:hover .panel-item-id__icon{opacity:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;gap:10px}.spinner{width:22px;height:22px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}.loading-text{color:var(--color-text-muted);font-size:12px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{text-align:center;padding:2rem 1rem}.error-container h2{color:var(--color-error);font-size:13px;font-weight:600;margin-bottom:4px}.error-container p{color:var(--color-text-muted);font-size:12px}.error-help{margin-top:6px}.empty-state{text-align:center;padding:2.5rem 1rem}.empty-state h2{font-size:13px;font-weight:600;margin-bottom:4px}.empty-state p{color:var(--color-text-muted);font-size:12px}.restrictions-form{gap:14px}.form-field,.restrictions-form{display:flex;flex-direction:column}.form-field{gap:2px}.form-label{font-size:13px;font-weight:600;color:var(--color-text)}.form-hint{font-size:11px;color:var(--color-text-muted);margin-bottom:3px;line-height:1.4}.form-input-row{display:flex;gap:4px;align-items:center}.form-input{flex:1 1;height:32px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.form-input:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.form-clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--color-text-muted);font-size:14px;line-height:1;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.form-clear-btn:hover{color:var(--color-error);border-color:var(--color-border);background:var(--color-background)}.form-save-btn{width:100%;height:32px;padding:0 12px;margin-top:2px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.form-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.form-save-btn:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:default}.form-alert{padding:7px 10px;border-radius:var(--radius);font-size:12px;line-height:1.4;display:flex;align-items:center;gap:6px}.form-alert--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.form-alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.form-alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.form-alert__retry{margin-left:auto;background:none;border:none;color:inherit;font-weight:600;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.form-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;color:var(--color-text)}.form-checkbox{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.form-field--disabled .form-hint,.form-field--disabled .form-label{opacity:.5}