@import"https://fonts.googleapis.com/css2?family=Newsreader:wght@400;600&family=Work+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{--brand-green: #009640;--brand-green-dark: #007a33;--brand-green-light: #00b84d;--brand-cyprus: #00423F;--brand-supernova: #FFD100;--brand-supernova-dark: #E6BC00;--ink-900: #1a1a1a;--ink-700: #4a4a4a;--ink-500: #6b7280;--surface-100: #ffffff;--surface-200: #f9fafb;--surface-300: #e5e7eb;--accent-100: #fff9e6;--accent-200: #fff3cc;--success-100: #e7f6ee;--success-700: #007a33;--warning-100: #fff3d9;--warning-700: #8a5a0b;--danger-100: #ffe2e2;--danger-700: #8c1b1b;--shadow-1: 0 2px 8px rgba(0, 0, 0, .08);--shadow-2: 0 4px 16px rgba(0, 0, 0, .12)}body{margin:0;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink-900);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.01em}code{font-family:Courier New,monospace}.App{min-height:100vh;background:transparent}.App-header{background:var(--brand-cyprus);padding:20px 40px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-1);position:sticky;top:0;z-index:10}.App-header h1{margin:0;font-size:28px;font-weight:600;color:#fff}.connection-status{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.status-indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-connected{background-color:var(--success-700)}.status-disconnected{background-color:#dc3545}.status-testing{background-color:var(--warning-700)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:500;font-size:13px;color:#fff}.App-content{max-width:1400px;margin:0 auto;padding:32px 20px 60px}.alert{padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow-1)}.alert-error{background-color:var(--danger-100);border:1px solid #f5b5b5;color:var(--danger-700)}.alert h3{margin-top:0;margin-bottom:10px}.alert p{margin-bottom:20px}.tabs{display:flex;gap:10px;margin-bottom:20px;background:var(--surface-100);padding:10px;border-radius:12px;border:1px solid var(--surface-300);box-shadow:var(--shadow-1)}.tab{padding:10px 18px;border:1px solid transparent;background:transparent;color:var(--ink-700);font-size:16px;font-weight:500;cursor:pointer;border-radius:999px;transition:all .3s}.tab:hover{background:var(--surface-200)}.tab.active{background:var(--brand-green);color:#fff;box-shadow:0 2px 4px #0096404d}.btn{padding:10px 20px;border:none;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background:var(--brand-green);color:#fff;box-shadow:0 2px 4px #0096404d}.btn-primary:hover{background:var(--brand-green-dark)}.btn-refresh{margin-left:auto;background:var(--brand-supernova);color:var(--ink-900);font-weight:600}.btn-refresh:hover{background:var(--brand-supernova-dark)}.tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.process-instances{padding:20px;background:var(--surface-100);border-radius:16px;border:1px solid var(--surface-300);box-shadow:var(--shadow-1);margin-bottom:20px}.process-instances h2{margin-top:0;color:var(--ink-900);font-size:24px;margin-bottom:20px}.filter-container{margin-bottom:15px}.filter-input{width:100%;max-width:400px;padding:10px;border:1px solid var(--surface-300);border-radius:10px;font-size:14px;background:var(--surface-200)}.instances-count{margin-bottom:10px;color:var(--ink-500);font-size:14px}table{width:100%;border-collapse:collapse;min-width:800px}.status-faulted{background-color:var(--danger-100);color:var(--danger-700)}.status-running{background-color:#e3f5f7;color:#1f6874}.status-pending{background-color:var(--warning-100);color:var(--warning-700)}.key-cell{font-family:monospace;font-size:12px;color:var(--ink-500)}.queue-items{padding:20px;background:var(--surface-100);border-radius:16px;border:1px solid var(--surface-300);box-shadow:var(--shadow-1);margin-bottom:20px}.queue-items h2{margin-top:0;color:var(--ink-900);font-size:24px;margin-bottom:20px}.items-count{margin-bottom:10px;color:var(--ink-500);font-size:14px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}thead{background-color:var(--surface-200)}th{text-align:left;padding:12px;font-weight:600;color:var(--ink-700);border-bottom:2px solid var(--surface-300)}td{padding:12px;border-bottom:1px solid var(--surface-300)}tr.clickable-row{cursor:pointer;transition:background-color .2s ease,transform .1s ease}tr.clickable-row:hover{background-color:#f7f1ef;transform:translate(2px)}tr.clickable-row:active{background-color:#f3e8e4}tr:hover{background-color:#faf6f4}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-successful{background-color:var(--success-100);color:var(--success-700)}.status-new{background-color:#e3f5f7;color:#1f6874}.status-inprogress{background-color:var(--warning-100);color:var(--warning-700)}.status-failed{background-color:var(--danger-100);color:var(--danger-700)}.priority-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.priority-high{background-color:var(--brand-green);color:#fff}.priority-normal{background-color:#6b6b6b;color:#fff}.priority-low{background-color:#1f7a4f;color:#fff}.id-cell{font-family:monospace;font-size:12px;color:var(--ink-500)}.no-data{text-align:center;padding:40px;color:var(--ink-500)}.loading,.error{padding:40px;text-align:center;font-size:16px}.error{color:var(--danger-700);background-color:var(--danger-100);border-radius:12px}.fuel-prices-container{padding:20px;max-width:1400px;margin:0 auto}.fuel-prices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.fuel-prices-header h2{margin:0;color:var(--ink-900);font-size:28px}.last-update{margin:5px 0 0;color:var(--ink-500);font-size:14px}.btn-refresh{padding:10px 20px;background:var(--brand-supernova);color:var(--ink-900);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.btn-refresh:hover{background:var(--brand-supernova-dark);transform:translateY(-1px)}.loading,.error-message,.no-data{text-align:center;padding:60px 20px}.spinner{font-size:48px;margin-bottom:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:var(--danger-100);border:1px solid #f5b5b5;border-radius:12px;padding:30px;max-width:500px;margin:0 auto}.error-message h3{color:var(--danger-700);margin-top:0}.fuel-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.fuel-card{background:var(--surface-100);border:1px solid var(--surface-300);border-radius:16px;box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s;overflow:hidden}.fuel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.fuel-card-header{background:var(--brand-cyprus);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.fuel-type{margin:0;font-size:20px;font-weight:600}.fuel-price{font-size:32px;font-weight:700;color:var(--brand-supernova)}.fuel-card-body{padding:20px}.location-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--surface-300)}.location-icon{font-size:24px;line-height:1}.station-name{font-weight:600;font-size:16px;color:var(--ink-900);margin-bottom:4px}.station-brand{font-size:14px;color:var(--ink-500)}.fuel-meta{margin-bottom:15px}.meta-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.meta-label{color:var(--ink-500);font-weight:500}.meta-value{color:var(--ink-900);font-weight:400}.coordinates{text-align:center;padding-top:10px;border-top:1px solid var(--surface-300);color:var(--ink-500);font-size:12px}@media (max-width: 768px){.fuel-cards-grid{grid-template-columns:1fr}.fuel-prices-header{flex-direction:column;align-items:flex-start}.fuel-price{font-size:28px}.fuel-type{font-size:18px}}.fuel-card:nth-child(7n+1) .fuel-card-header{background:var(--brand-cyprus)}.fuel-card:nth-child(7n+2) .fuel-card-header{background:var(--brand-green)}.fuel-card:nth-child(7n+3) .fuel-card-header{background:var(--brand-green-dark)}.fuel-card:nth-child(7n+4) .fuel-card-header{background:#006b5a}.fuel-card:nth-child(7n+5) .fuel-card-header{background:var(--brand-green-light)}.fuel-card:nth-child(7n+6) .fuel-card-header{background:#008060}.fuel-card:nth-child(7n+7) .fuel-card-header{background:#00574f}