*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#1c1e21;background:#e9ecef}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{flex-shrink:0;padding:.75rem 1.25rem;background:#212529;color:#f8f9fa;border-bottom:1px solid #121416}.app__brand{font-size:1.125rem;font-weight:600;letter-spacing:.02em}.app__body{flex:1;display:flex;min-height:0}.app__sidebar{flex-shrink:0;width:220px;padding:1rem 1.25rem;background:#f8f9fa;border-right:1px solid #dee2e6}.app__sidebar-placeholder{margin:0;font-size:.875rem;color:#6c757d}.app__main{flex:1;padding:1.5rem 1.75rem;overflow:auto;background:#e9ecef}.app__title{margin:0 0 .35rem;font-size:1.5rem;font-weight:600}.app__intro{margin:0 0 1.5rem;font-size:.95rem;color:#495057;max-width:40rem}.app__section-title{margin:2rem 0 1rem;font-size:1.125rem;font-weight:600}.wp-connect{margin-bottom:2rem;padding:1.25rem 1.35rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 2px #0000000a;max-width:32rem}.wp-connect__title{margin:0 0 .35rem;font-size:1.125rem;font-weight:600}.wp-connect__lead{margin:0 0 1rem;font-size:.9rem;color:#495057}.wp-connect__lead a{color:#0d6efd}.wp-connect__status{margin-top:1rem}.form__field{margin-bottom:.9rem}.form__field label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500}.form__field input{width:100%;padding:.45rem .55rem;font:inherit;border:1px solid #ced4da;border-radius:4px}.form__field input:focus{outline:2px solid #86b7fe;outline-offset:0;border-color:#86b7fe}.form__actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem}.btn{font:inherit;padding:.45rem 1rem;border-radius:4px;border:1px solid #ced4da;background:#fff;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.btn--primary:not(:disabled):hover{background:#0b5ed7;border-color:#0a58ca}.btn--secondary{background:#f8f9fa;border-color:#ced4da;color:#343a40}.btn--secondary:not(:disabled):hover{background:#e9ecef;border-color:#adb5bd}.btn--mini{padding:.2rem .5rem;font-size:.8rem;background:#fff}.type-picker{margin-top:1rem;padding:.75rem .85rem;border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa}.type-picker__header{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.type-picker__actions{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap}.type-picker__list{margin-top:.6rem;display:grid;gap:.35rem}.type-picker__item{display:flex;align-items:center;gap:.45rem;font-size:.88rem}.type-picker__slug{color:#6c757d}.type-picker__count{color:#495057;font-variant-numeric:tabular-nums}.banner{padding:.75rem 1rem;border-radius:4px;font-size:.9rem}.banner strong{display:block;margin-bottom:.25rem}.banner__meta{margin:.5rem 0 0;font-size:.85rem;color:#495057}.banner--success{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.banner--success .banner__meta{color:#14532a}.banner--error{background:#f8d7da;border:1px solid #f5c2c7;color:#842029}.banner--info{background:#e7f1ff;border:1px solid #b6d4fe;color:#084298}.banner--info .banner__meta{color:#084298}.progress{margin-top:.65rem;height:8px;width:100%;background:#dbe9ff;border-radius:999px;overflow:hidden}.progress__bar{height:100%}.progress--indeterminate .progress__bar{width:35%;background:#0d6efd;border-radius:999px;animation:progress-indeterminate 1.1s ease-in-out infinite}.progress-list{margin-top:.5rem;display:grid;gap:.6rem}.progress-item__header{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem}.progress-item__status{color:#495057;font-weight:500}.progress-item__error{margin-top:.2rem;font-size:.8rem;color:#842029}.progress--stage .progress__bar{width:0%;background:#ced4da}.progress--done .progress__bar{width:100%;background:#198754}.progress--error .progress__bar{width:100%;background:#dc3545}.progress--running .progress__bar{width:35%;background:#0d6efd;border-radius:999px;animation:progress-indeterminate 1.1s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(300%)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;align-items:stretch}.card{margin:0;padding:1.25rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 2px #0000000a}.card__title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.card__body{margin:0;font-size:.9rem;color:#495057}@media(max-width:640px){.app__body{flex-direction:column}.app__sidebar{width:100%;border-right:none;border-bottom:1px solid #dee2e6}}