@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";.home-page{padding:var(--space-xl) var(--space-md)}.home-container{margin:0 auto;max-width:860px}.home-description{margin-bottom:var(--space-lg)}.home-empty-state{margin-bottom:var(--space-lg);padding:var(--space-md);border:1px dashed color-mix(in srgb,var(--color-border),#ffffff 18%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg),#ffffff 60%)}.home-form{display:grid;gap:var(--space-md)}.home-city-field{display:flex;flex-direction:column;gap:var(--space-xs)}.home-city-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.home-city-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.home-city-actions{display:flex;justify-content:flex-start}.home-city-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-sm);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.home-city-field--error .home-city-box{border-color:var(--color-status-failed)}.home-city-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary),#ffffff 86%);color:var(--color-primary-hover);font-size:var(--text-xs);font-weight:600}.home-city-chip button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--text-sm);min-width:24px;min-height:24px;line-height:1;padding:0 4px}.home-slider-field{display:flex;flex-direction:column;gap:var(--space-sm)}.home-slider-field input[type=range]{width:100%;accent-color:var(--color-primary)}.home-actions{display:flex;justify-content:flex-start}@media (max-width: 768px){.home-page{padding:var(--space-lg) var(--space-sm)}.home-city-label-row{flex-direction:column;align-items:flex-start}.home-city-selects{grid-template-columns:1fr}.home-city-actions{width:100%}.home-city-actions .ui-button{width:100%;min-height:48px}.home-city-box{display:grid;grid-template-columns:1fr;align-items:stretch;gap:var(--space-xs)}.home-city-chip{width:100%;justify-content:space-between;font-size:var(--text-sm)}.home-city-chip button{min-width:44px;min-height:44px;border-radius:var(--radius-full)}.home-slider-field input[type=range]{min-height:40px}.home-actions .ui-button{width:100%;min-height:48px}}.jobs-page{padding:var(--space-xl) var(--space-md)}.jobs-container{margin:0 auto;max-width:1100px}.jobs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.jobs-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.jobs-tab{border:1px solid color-mix(in srgb,var(--color-border),#ffffff 25%);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-full);padding:8px 12px;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px;min-width:44px;white-space:nowrap}.jobs-tab--active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),#ffffff 90%);color:var(--color-primary-hover)}.jobs-error{color:var(--color-status-failed);margin-bottom:var(--space-sm)}.jobs-skeleton-list{display:grid;gap:var(--space-sm)}.jobs-table-wrapper{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.jobs-table{width:100%;min-width:620px;border-collapse:collapse}.jobs-table th,.jobs-table td{text-align:left;padding:12px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-border),#ffffff 25%);white-space:nowrap}.jobs-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.jobs-table tbody tr{cursor:pointer;transition:background-color .12s ease}.jobs-table tbody tr:hover,.jobs-table tbody tr:focus-visible{background:color-mix(in srgb,var(--color-primary),#ffffff 95%)}.jobs-empty-state{padding:var(--space-xl);display:grid;gap:var(--space-md);justify-items:start;border:1px dashed color-mix(in srgb,var(--color-border),#ffffff 20%);border-radius:var(--radius-md)}.jobs-pagination{margin-top:var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}@media (max-width: 768px){.jobs-page{padding:var(--space-lg) var(--space-sm)}.jobs-toolbar{flex-direction:column;align-items:flex-start}.jobs-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.jobs-table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:22px;pointer-events:none;background:linear-gradient(270deg,var(--color-surface),rgba(255,255,255,0))}.jobs-table th:first-child,.jobs-table td:first-child{position:sticky;left:0;z-index:1;background:var(--color-surface)}.jobs-table th:first-child{z-index:2}.jobs-pagination{flex-direction:column;align-items:stretch}.jobs-pagination .ui-button{width:100%;min-height:44px}}.job-detail-page{padding:var(--space-xl) var(--space-md)}.job-detail-container{max-width:1120px;margin:0 auto}.job-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.job-detail-heading h1{margin:0;font-size:var(--text-2xl);line-height:1.2}.job-detail-meta{margin-top:var(--space-sm);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.job-detail-actions{display:flex;align-items:center;gap:var(--space-sm)}.job-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-xl)}.job-detail-summary-item{border:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);border-radius:var(--radius-md);padding:var(--space-md);background:color-mix(in srgb,var(--color-surface),#ffffff 35%);display:flex;flex-direction:column;gap:6px}.job-detail-summary-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.job-detail-summary-item strong{font-size:var(--text-xl);line-height:1.2}.job-detail-progress{display:grid;gap:var(--space-md)}.job-detail-progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.job-detail-progress-header h2{margin:0;font-size:var(--text-lg)}.job-detail-progress-header span{font-weight:700;color:var(--color-primary-hover)}.job-detail-progress-bar{width:100%;height:10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-border),#ffffff 24%);overflow:hidden}.job-detail-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .22s ease}.job-detail-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.job-detail-table{width:100%;min-width:680px;border-collapse:collapse}.job-detail-table th,.job-detail-table td{text-align:left;white-space:nowrap;padding:12px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%)}.job-detail-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.job-detail-sheet-link{margin-top:var(--space-xl)}.job-detail-download-links{display:inline-flex;align-items:center;gap:var(--space-xs)}.job-detail-local-exports{margin-top:var(--space-lg);border:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);border-radius:var(--radius-md);padding:var(--space-md);display:grid;gap:var(--space-sm)}.job-detail-local-exports h3,.job-detail-local-exports p{margin:0}.job-detail-local-exports ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.job-detail-local-exports li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:8px 10px;border:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);border-radius:var(--radius-sm)}.job-detail-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;z-index:70;display:grid;place-items:center;padding:var(--space-md)}.job-detail-dialog{width:min(480px,100%);max-width:90vw;max-height:80vh;overflow-y:auto;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.job-detail-dialog-actions{margin-top:var(--space-sm);display:flex;justify-content:flex-end;gap:var(--space-sm)}.job-detail-failed-card{margin-top:var(--space-lg);border:1px solid color-mix(in srgb,var(--color-status-failed),#ffffff 65%);background:color-mix(in srgb,var(--color-status-failed),#ffffff 92%);border-radius:var(--radius-md);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.job-detail-failed-card h3{margin:0;color:#b91c1c}.job-detail-failed-card p{margin:0;color:#991b1b}.job-detail-error-message{margin-bottom:var(--space-md);color:var(--color-status-failed)}.job-detail-skeleton{display:grid;gap:var(--space-md)}@media (max-width: 920px){.job-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.job-detail-page{padding:var(--space-lg) var(--space-sm)}.job-detail-header{flex-direction:column;align-items:stretch}.job-detail-actions{width:100%;display:grid;grid-template-columns:1fr}.job-detail-actions .ui-button{width:100%;min-height:48px}.job-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.job-detail-local-exports li{flex-direction:column;align-items:flex-start}.job-detail-sheet-link .ui-button{width:100%;min-height:48px}.job-detail-dialog{padding:var(--space-md)}.job-detail-dialog-actions{display:grid;grid-template-columns:1fr}}@media (max-width: 480px){.job-detail-summary{grid-template-columns:1fr}}.cnpj-page{padding:var(--space-xl) var(--space-md)}.cnpj-container{margin:0 auto;max-width:1100px;display:flex;flex-direction:column;gap:var(--space-lg)}.cnpj-description{margin-bottom:var(--space-md)}.cnpj-unavailable{padding:var(--space-lg);border:1px dashed var(--color-status-failed);border-radius:var(--radius-md);text-align:center}.cnpj-unavailable code{display:inline-block;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-text),#ffffff 92%);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.cnpj-stats-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.cnpj-form{display:grid;gap:var(--space-md)}.cnpj-field{display:flex;flex-direction:column;gap:var(--space-xs)}.cnpj-cnae-search{position:relative}.cnpj-cnae-search .ui-input{width:100%}.cnpj-cnae-dropdown{position:absolute;z-index:20;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto}.cnpj-cnae-dropdown li button{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;text-align:left;font-size:var(--text-sm);cursor:pointer;color:var(--color-text)}.cnpj-cnae-dropdown li button:hover{background:color-mix(in srgb,var(--color-primary),#ffffff 92%)}.cnpj-cnae-dropdown li button strong{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.cnpj-cnae-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cnpj-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary),#ffffff 86%);color:var(--color-primary-hover);font-size:var(--text-xs);font-weight:600}.cnpj-chip button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--text-sm);min-width:20px;min-height:20px;line-height:1;padding:0}.cnpj-row-2{display:grid;grid-template-columns:140px 1fr;gap:var(--space-sm)}.cnpj-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.cnpj-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-md)}.cnpj-checkbox{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer}.cnpj-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.cnpj-actions{display:flex;justify-content:flex-start}.cnpj-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.cnpj-results-header h4{font-size:var(--text-lg);font-weight:700}.cnpj-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.cnpj-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cnpj-table thead{background:color-mix(in srgb,var(--color-bg),#ffffff 40%)}.cnpj-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-bottom:1px solid var(--color-border)}.cnpj-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--color-border),#ffffff 40%);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnpj-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary),#ffffff 96%)}.cnpj-cell-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.cnpj-cell-email{font-size:var(--text-xs);color:var(--color-text-muted)}.cnpj-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.cnpj-results-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.cnpj-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cnpj-modal{position:fixed;z-index:51;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);width:90%;max-width:480px}.cnpj-modal h4{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-xs)}.cnpj-modal-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.cnpj-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.cnpj-crossref-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0}.cnpj-crossref-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary),#ffffff 88%);color:var(--color-primary);font-size:var(--text-lg);font-weight:700}.cnpj-crossref-content{display:flex;flex-direction:column;gap:var(--space-xs)}.cnpj-crossref-content h4{font-size:var(--text-md);font-weight:700}.cnpj-crossref-content .ui-badge{align-self:flex-start}@media (max-width: 768px){.cnpj-page{padding:var(--space-lg) var(--space-sm)}.cnpj-row-2,.cnpj-row-3{grid-template-columns:1fr}.cnpj-results-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.cnpj-actions .ui-button{width:100%;min-height:48px}}.app-shell{min-height:100vh;color:var(--color-text)}.app-header{position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);background:color-mix(in srgb,var(--color-surface),transparent 10%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-nav{max-width:1140px;margin:0 auto;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.app-brand{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;min-height:44px;display:inline-flex;align-items:center}.app-nav-links{display:flex;gap:var(--space-xs)}.app-nav-link{min-height:44px;min-width:44px;padding:0 12px;display:inline-flex;align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600}.app-nav-link:hover,.app-nav-link:focus-visible{background:color-mix(in srgb,var(--color-primary),#ffffff 92%);color:var(--color-primary-hover)}.app-nav-link--active{background:color-mix(in srgb,var(--color-primary),#ffffff 88%);color:var(--color-primary-hover)}.app-menu-toggle{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--color-border),#ffffff 20%);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1;cursor:pointer}.app-menu-toggle__lines,.app-menu-toggle__lines:before,.app-menu-toggle__lines:after{display:block;width:18px;height:2px;background:currentColor;border-radius:999px;transition:transform .12s ease}.app-menu-toggle__lines:before,.app-menu-toggle__lines:after{content:""}.app-menu-toggle__lines:before{transform:translateY(-6px)}.app-menu-toggle__lines:after{transform:translateY(4px)}.app-drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);background:var(--color-surface);border-right:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-md);display:grid;align-content:start;gap:var(--space-md);transform:translate(-100%);transition:transform .18s ease}.app-drawer--open{transform:translate(0)}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.app-drawer__title{font-size:var(--text-base);font-weight:700}.app-drawer__close{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--color-border),#ffffff 20%);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer}.app-nav-links--mobile{flex-direction:column;align-items:stretch}.app-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:none;padding:0;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .18s ease}.app-drawer-backdrop--open{opacity:1;pointer-events:auto}.app-nav-links--desktop{display:none}.app-main{min-height:calc(100vh - 70px)}@media (min-width: 769px){.app-nav{padding:var(--space-sm) var(--space-lg);gap:var(--space-md)}.app-menu-toggle,.app-drawer,.app-drawer-backdrop{display:none}.app-nav-links--desktop{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.app-nav-link{min-height:36px;min-width:0;padding:0 10px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.table-row{display:table-row}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-primary: #0b6ef3;--color-primary-hover: #0857c4;--color-secondary: #0ea5e9;--color-accent: #14b8a6;--color-bg: #eef5ff;--color-surface: #ffffff;--color-text: #0f172a;--color-text-muted: #475569;--color-border: #cbd5e1;--color-status-pending: #9ca3af;--color-status-running: #f59e0b;--color-status-completed: #22c55e;--color-status-failed: #ef4444;--color-status-cancelled: #6b7280;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 10px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 30px rgba(15, 23, 42, .14);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(circle at 15% -5%,rgba(14,165,233,.24),transparent 50%),radial-gradient(circle at 85% 0%,rgba(20,184,166,.2),transparent 44%),linear-gradient(180deg,#f8fbff 0%,var(--color-bg) 62%,#edf6ff 100%)}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15;font-weight:800}h2{font-size:clamp(1.4rem,2.5vw,1.85rem);line-height:1.2;font-weight:700}h3{font-size:1.25rem;line-height:1.3;font-weight:700}h4{font-size:1.1rem;line-height:1.35;font-weight:600}p{margin:0;font-size:var(--text-base);line-height:1.55;color:var(--color-text-muted)}.text-caption{font-size:var(--text-sm);color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes uiPulse{0%{box-shadow:0 0 #f59e0b59}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes uiShimmer{0%{background-position:-240px 0}to{background-position:calc(240px + 100%) 0}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--sm{height:34px;padding:0 var(--space-md)}.ui-button--md{height:40px;padding:0 18px}.ui-button--lg{height:46px;padding:0 22px;font-size:var(--text-base)}.ui-button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:var(--shadow-sm)}.ui-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);box-shadow:var(--shadow-md)}.ui-button--secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary),#ffffff 50%)}.ui-button--secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary),#ffffff 94%)}.ui-button--ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent}.ui-button--ghost:hover:not(:disabled){background-color:#0f172a12;color:var(--color-text)}.ui-button__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.ui-button--secondary .ui-button__spinner,.ui-button--ghost .ui-button__spinner{border-color:#0f172a33;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.ui-field{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-field__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.ui-field__message{min-height:18px;font-size:var(--text-xs);color:var(--color-status-failed)}.ui-input,.ui-select{width:100%;height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);padding:0 12px;transition:border-color .12s ease,box-shadow .12s ease}.ui-input::-moz-placeholder,.ui-select::-moz-placeholder{color:color-mix(in srgb,var(--color-text-muted),#ffffff 20%)}.ui-input::placeholder,.ui-select::placeholder{color:color-mix(in srgb,var(--color-text-muted),#ffffff 20%)}.ui-input:focus,.ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary),#ffffff 78%);outline:none}.ui-input:disabled,.ui-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.ui-field--error .ui-input,.ui-field--error .ui-select{border-color:var(--color-status-failed)}.ui-select-wrap{position:relative}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px}.ui-select__chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--text-xs);font-weight:700;text-transform:capitalize;letter-spacing:.02em}.ui-badge--pending{background-color:color-mix(in srgb,var(--color-status-pending),#ffffff 84%);color:#4b5563;border-color:color-mix(in srgb,var(--color-status-pending),#ffffff 68%)}.ui-badge--running{background-color:color-mix(in srgb,var(--color-status-running),#ffffff 86%);color:#92400e;border-color:color-mix(in srgb,var(--color-status-running),#ffffff 68%);animation:uiPulse 1.8s ease-in-out infinite}.ui-badge--completed{background-color:color-mix(in srgb,var(--color-status-completed),#ffffff 86%);color:#15803d;border-color:color-mix(in srgb,var(--color-status-completed),#ffffff 66%)}.ui-badge--failed{background-color:color-mix(in srgb,var(--color-status-failed),#ffffff 86%);color:#b91c1c;border-color:color-mix(in srgb,var(--color-status-failed),#ffffff 66%)}.ui-badge--cancelled{background-color:color-mix(in srgb,var(--color-status-cancelled),#ffffff 84%);color:#334155;border-color:color-mix(in srgb,var(--color-status-cancelled),#ffffff 68%)}.ui-card{background-color:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border),#ffffff 24%);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.ui-card__title{margin-bottom:var(--space-md);font-size:var(--text-lg);font-weight:700}.ui-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,#94a3b833,#e2e8f0ad,#94a3b833 80px);background-size:240px 100%;animation:uiShimmer 1.25s infinite linear}.ui-skeleton--text{width:100%;height:14px}.ui-skeleton--card{width:100%;height:120px;border-radius:var(--radius-md)}.ui-skeleton--table-row{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:var(--space-md);align-items:center;width:100%}.ui-skeleton--table-row span{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#94a3b833,#e2e8f0ad,#94a3b833 80px);background-size:240px 100%;animation:uiShimmer 1.25s infinite linear}.ui-toast-region{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:200;display:flex;flex-direction:column;gap:var(--space-sm)}.ui-toast{min-width:260px;max-width:360px;border-radius:var(--radius-md);border:1px solid transparent;padding:12px 14px;background-color:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--text-sm);line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.ui-toast--success{border-color:color-mix(in srgb,var(--color-status-completed),#ffffff 62%);color:#166534}.ui-toast--error{border-color:color-mix(in srgb,var(--color-status-failed),#ffffff 62%);color:#b91c1c}.ui-toast--warning{border-color:color-mix(in srgb,var(--color-status-running),#ffffff 56%);color:#92400e}.ui-toast--info{border-color:color-mix(in srgb,var(--color-primary),#ffffff 62%);color:#1d4ed8}.ui-toast__close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1rem;line-height:1}.components-preview{padding:var(--space-2xl) var(--space-xl);max-width:1120px;margin:0 auto}.components-preview__header{margin-bottom:var(--space-xl)}.components-preview__grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.components-preview__stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}@media (max-width: 768px){.components-preview{padding:var(--space-xl) var(--space-md)}.ui-button{min-height:44px;min-width:44px}.ui-button--sm,.ui-button--md,.ui-button--lg{height:44px;padding:0 14px}.ui-input,.ui-select{height:44px;min-height:44px;font-size:16px}.ui-card{padding:var(--space-sm);border-radius:var(--radius-sm)}.ui-skeleton--table-row{grid-template-columns:1fr;gap:var(--space-sm)}.ui-skeleton--table-row span{width:100%}.ui-toast-region{left:var(--space-sm);right:var(--space-sm);bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-sm));top:auto}.ui-toast{min-width:0;width:100%;max-width:100%}.ui-toast__close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:-10px -6px -10px 0}}
