*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0A2540;--primary-light: #1A3550;--accent: #00A67E;--accent-hover: #008F6B;--background: #F8FAFC;--surface: #FFFFFF;--text-primary: #0A2540;--text-secondary: #5E6D7A;--text-muted: #8A99A6;--border: #E2E8F0;--border-focus: #00A67E;--error: #DC2626;--error-bg: #FEF2F2;--warning: #F59E0B;--warning-bg: #FFFBEB;--success: #10B981;--success-bg: #ECFDF5}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--surface);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-card h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.login-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.header{background:var(--primary);color:#fff;padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header h1{font-size:1.25rem;font-weight:600}.header-actions{display:flex;gap:.75rem;align-items:center}.main-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--primary)}.search-box{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #00a67e1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #00a67e1a}.form-input.error{border-color:var(--error)}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--background)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem}.btn-ghost:hover:not(:disabled){background:var(--background);color:var(--text-primary)}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.card{background:var(--surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--background);font-weight:600;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:var(--background)}.slug-cell{font-family:Monaco,Menlo,monospace;font-size:.9rem;color:var(--accent)}.url-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.9rem}.title-cell{font-weight:500}.actions-cell{display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.alert-error{background:var(--error-bg);color:var(--error)}.alert-warning{background:var(--warning-bg);color:#92400e}.alert-success{background:var(--success-bg);color:#065f46}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.collapsible-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.collapsible-header:hover{color:var(--text-primary)}.collapsible-content{margin-top:1rem}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.search-box{max-width:none}.header-content{flex-direction:column;gap:1rem;text-align:center}}.og-preview-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.og-preview{background:var(--background);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.og-preview.fallback{border-style:dashed;background:#fafbfc}.og-preview-image{width:100%;height:140px;background:var(--border);overflow:hidden}.og-preview-image img{width:100%;height:100%;object-fit:cover}.og-preview-content{padding:.75rem 1rem}.og-preview-domain{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.og-preview-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-preview-description{font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-preview-badge{position:absolute;top:.5rem;right:.5rem;font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.og-preview-badge.custom{background:var(--success-bg);color:var(--success)}.og-preview-badge.fallback{background:var(--warning-bg);color:var(--warning)}.og-preview-badge.destination{background:#e0f2fe;color:#0369a1}.og-preview-badge.html{background:#fef3c7;color:#b45309}.og-preview-badge.branded{background:var(--success-bg);color:var(--success)}.og-preview.loading{border-style:dashed;background:#fafbfc}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;padding:0;font-family:inherit}.btn-link:hover{color:var(--accent-hover)}.btn-link:disabled{color:var(--text-muted);cursor:not-allowed}textarea.form-input{resize:vertical;min-height:60px}