*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#059669;--warning:#d97706;--danger:#dc2626;--radius:8px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow-md:0 4px 12px rgba(15,23,42,.08)}body,html{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button,input,select{font-family:inherit}.container{max-width:1400px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-sm)}.btn,.card{border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;font-size:14px;font-weight:500;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#e2e8f0}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}table{width:100%;border-collapse:collapse}td,th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sortable:hover{color:var(--primary)}.sortable-header__label{display:inline-flex;align-items:center;gap:4px}.sort-indicator{font-size:10px;opacity:.35}.sort-indicator--active{opacity:1;color:var(--primary)}tr:hover td{background:#f1f5f9}.input{padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;width:100%}.input:focus{outline:none;border-color:var(--primary)}.select{padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.stat-card .label{font-size:13px;color:var(--text-muted);margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.timeline-item .time{font-size:12px;color:var(--text-muted)}.timeline-item .stage{font-weight:600;margin:2px 0}.loading{justify-content:center;min-height:200px;color:var(--text-muted)}.header,.loading{display:flex;align-items:center}.header{justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.header h1{font-size:20px;font-weight:700}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;align-items:flex-end}.filters .field{display:flex;flex-direction:column;gap:4px}.filters label{font-size:12px;color:var(--text-muted);font-weight:500}.pagination{gap:12px;margin-top:20px;padding:12px}.login-page,.pagination{display:flex;align-items:center;justify-content:center}.login-page{min-height:100vh}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-md)}.login-card h1{font-size:24px;margin-bottom:8px}.login-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}.form-field span{font-size:13px;font-weight:500;color:var(--text-muted)}.form-field input,.form-field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--surface)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.filters{flex-direction:column}}.log-entry{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.log-entry .meta{display:flex;gap:12px;color:var(--text-muted);font-size:11px;margin-bottom:4px}.log-type{font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.stage-check{display:flex;flex-direction:column;gap:2px;min-width:100px}.stage-check--done .stage-check__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#d1fae5;color:var(--success);font-weight:700;font-size:13px}.stage-check--done .stage-check__time{font-size:11px;color:var(--text-muted);white-space:nowrap}.stage-check--pending .stage-check__label{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#fef3c7;color:#b45309;border:1px solid #fcd34d;width:-moz-fit-content;width:fit-content}th.stage-col{text-align:center;min-width:110px}.backoffice-panel{margin-bottom:24px}.backoffice-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.backoffice-panel__title{font-size:16px;font-weight:700;margin:0}.backoffice-panel__subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted);font-weight:500}.backoffice-panel__live-note{margin:4px 0 0;font-size:11px;color:var(--text-muted)}.backoffice-panel__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.backoffice-panel__status{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.backoffice-panel__status--enabled{background:#d1fae5;color:#047857}.backoffice-panel__status--inactive{background:#fef3c7;color:#b45309}.backoffice-panel__empty{color:var(--text-muted);font-size:14px}.backoffice-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.backoffice-panel__section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.backoffice-panel__section--wide{grid-column:1/-1}.backoffice-panel__section--wide .backoffice-panel__fields{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px 24px}.backoffice-panel__section--wide .backoffice-panel__field{grid-template-columns:130px 1fr}.backoffice-panel__section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.backoffice-panel__fields{display:grid;grid-gap:10px;gap:10px;margin:0}.backoffice-panel__field{display:grid;grid-template-columns:140px 1fr;grid-gap:8px;gap:8px;align-items:start}.backoffice-panel__field dt{font-size:12px;color:var(--text-muted);font-weight:500;margin:0}.backoffice-panel__field dd{font-size:13px;color:var(--text);margin:0;word-break:break-word}@media (max-width:640px){.backoffice-panel__field{grid-template-columns:1fr;gap:2px}}td.stage-col{text-align:center;vertical-align:middle}