@font-face{font-family:Rubik;src:url(/Rubik/Rubik-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/Rubik/Rubik-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}body{font-family:Rubik,Arial,sans-serif}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#000}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#666;font-size:16px;margin:0}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000;padding:20px}.spinner-logo{animation:spin 2s linear infinite;margin-bottom:16px}.spinner-logo--small{width:32px;height:32px}.spinner-logo--medium{width:48px;height:48px}.spinner-logo--large{width:64px;height:64px}.spinner-logo__image{width:100%;height:100%;object-fit:contain}.spinner-text{color:#edf5fd;font-size:16px;margin:0;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container--compact{height:auto;min-height:200px;background-color:transparent}.spinner-container--compact .spinner-text{font-size:14px}.password-protection-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Rubik,Arial,sans-serif}.password-protection-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.password-protection-header{text-align:center;margin-bottom:32px}.password-protection-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.password-protection-header p{color:#a0a0a0;font-size:16px;margin:0}.password-form{display:flex;flex-direction:column;gap:20px}.password-input-group{display:flex;flex-direction:column;gap:8px}.password-input{width:100%;padding:16px;border:1px solid #404040;border-radius:8px;background:#ffffff0d;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box}.password-input:focus{outline:none;border-color:#38bdf9;box-shadow:0 0 0 3px #38bdf91a}.password-input::placeholder{color:#666}.password-error{color:#ef4444;font-size:14px;margin-top:4px}.password-submit{width:100%;padding:16px;background:#38bdf9;color:#1a1a1a;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.password-submit:hover{background:#0ea5e9;transform:translateY(-1px)}.password-submit:active{transform:translateY(0)}.password-protection-footer{text-align:center;margin-top:24px}.password-protection-footer p{color:#666;font-size:12px;margin:0}@media (max-width: 480px){.password-protection-container{padding:24px;margin:16px}.password-protection-header h1{font-size:24px}.password-protection-header p{font-size:14px}.password-input,.password-submit{padding:14px;font-size:16px}}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;width:100%;background:#14141ef2;box-shadow:0 2px 24px #38bdf8cc;border-bottom:1.5px solid #38bdf8;position:relative;z-index:10}.header-avatar{display:flex;align-items:center;flex:0 0 48px;border-radius:50%;cursor:pointer}.header-user{margin-left:10px;color:#fff}.header-icons{display:flex;gap:18px;align-items:center;flex:0 0 120px}.icon-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .15s,box-shadow .2s}.icon-btn:active,.icon-btn:focus{background:#23233a;box-shadow:0 0 8px #38bdf8}.icon-btn svg{stroke:#38bdf8;fill:none;transition:stroke .2s}.icon-btn:hover svg{stroke:#fff}@media (max-width: 600px){.header{padding:8px 2px}.header-icons{gap:8px}}.dropdown-overlay{position:fixed;inset:0;z-index:1000}.dropdown-menu{position:absolute;top:60px;right:10px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:280px;padding:16px 0;z-index:1001;border:1px solid #e5e7eb}.dropdown-header{padding:0 16px 12px;border-bottom:1px solid #f3f4f6;margin-bottom:8px}.dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#374151}.dropdown-section{margin-bottom:8px}.dropdown-section.separated{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-top:8px;margin-bottom:8px}.dropdown-item{padding:0 16px}.dropdown-label{display:block;font-size:14px;font-weight:500;color:#6b7280;margin-bottom:8px}.dropdown-button{display:flex;align-items:center;width:100%;padding:12px 0;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s;border-radius:4px;text-align:left}.dropdown-button:hover{background-color:#f9fafb}.dropdown-button svg{margin-right:12px;color:#6b7280}.dropdown-button.logout{color:#dc2626}.dropdown-button.logout svg{color:#dc2626}.dropdown-button.logout:hover{background-color:#fef2f2}.dropdown-menu{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#23243a;display:flex;justify-content:space-around;align-items:center;height:64px;border-top-left-radius:16px;border-top-right-radius:16px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;color:#b0b3c6;text-decoration:none;font-size:.85rem;gap:2px;padding:4px 0;transition:color .2s}.nav-item svg{display:block;margin-bottom:2px}.nav-item.active{color:#3fa9f5}.nav-item.active svg path,.nav-item.active svg circle,.nav-item.active svg rect{stroke:#3fa9f5}.widgets-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px}.widget-card{background:#23243a;border-radius:20px;padding:18px 16px 14px;min-width:140px;min-height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-shadow:0 4px 24px #3fa9f5cc,0 0 0 3px #3fa9f5;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#23243a,#23243a),linear-gradient(90deg,#3fa9f5,#06b6d4);cursor:pointer;transition:box-shadow .2s,transform .1s,border-color .2s;margin-bottom:12px;outline:none;max-width:260px;flex:1 1 45%;box-sizing:border-box}.widget-card:active,.widget-card:focus{box-shadow:0 8px 40px #3fa9f5,0 0 0 4px #3fa9f5;transform:translateY(2px) scale(.98);border-color:#3fa9f5}.widget-card-icon{font-size:2rem;margin-bottom:8px}.widget-value{font-size:1.6rem;font-weight:700;margin-bottom:2px;color:#3fa9f5}.widget-title{font-size:1rem;color:#fff;font-weight:500}.widget-subtitle{font-size:.9rem;color:#b0b3c6;margin-top:2px}@media (max-width: 600px){.widget-card{flex:1 1 48%;max-width:48vw;margin-left:0;margin-right:0}.widgets-grid{gap:10px}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{border-radius:12px;padding:32px 24px 24px;min-width:320px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000002e;background:#181c2b;margin:0;left:0;right:0}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;z-index:1}.modal-table-scroll{overflow-x:auto;padding-bottom:8px}.modal-table{width:100%;min-width:400px;border-collapse:collapse;background:#181c2b;color:#bfe0ff;border-radius:14px;overflow:hidden;font-size:16px;table-layout:auto}.modal-table th,.modal-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #23263a;white-space:nowrap}.modal-table th{background:#23263a;font-weight:700;color:#bfe0ff;font-size:14px}.modal-table td{font-size:14px}.modal-table tr:last-child td{border-bottom:none}.modal-table-num{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.modal-table-title{font-size:20px;font-weight:700;margin-bottom:16px;color:#bfe0ff}@media (max-width: 768px){.modal-table{min-width:300px;font-size:14px}.modal-table th,.modal-table td{padding:6px 8px;font-size:12px}.modal-table th{font-size:12px}.modal-table-title{font-size:18px}}@media (max-width: 480px){.modal-table{min-width:280px;font-size:12px}.modal-table th,.modal-table td{padding:4px 6px;font-size:11px}.modal-table th{font-size:11px}}.widget-modal-content{width:100%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.widget-modal-header{flex-shrink:0;margin-bottom:16px}.widget-modal-body{flex:1;overflow-y:auto;padding-right:8px;margin-right:-8px}.widget-modal-body::-webkit-scrollbar{width:6px}.widget-modal-body::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.widget-modal-body::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.widget-modal-body::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){.widget-modal-content{max-width:95vw;max-height:90vh}.widget-modal-body{padding-right:4px;margin-right:-4px}}@media (max-width: 480px){.widget-modal-content{max-width:98vw;max-height:95vh}}.stops-tickets-container{background:#101727;border-radius:12px;padding:8px;margin-top:16px}.stops-tickets-container .section-title{margin:0}.stops-tickets-buttons{display:flex;gap:16px;flex-wrap:nowrap;justify-content:space-between;margin-top:16px}.stops-ticket-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}.stops-ticket-item:hover{transform:translateY(-2px)}.stops-ticket-button{width:60px;height:60px;background:#1f2a3a;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.stops-ticket-item:hover .stops-ticket-button{background:#2a3441}.stops-ticket-label{color:#edf5fd;font-size:12px;text-align:center;line-height:1.2}.header-buttons{display:flex;gap:12px;justify-content:center;margin-top:18px;margin-bottom:18px}.btn{flex:1 1 0;border:none;border-radius:12px;padding:10px 0;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 0 12px #38bdf8,0 0 #fff;transition:background .2s,box-shadow .2s,filter .2s;outline:none;text-align:center;letter-spacing:.5px;background:#23233a;border:2px solid transparent}.btn.blue{background:#2563eb;box-shadow:0 0 8px #2563eb99}.btn.purple{background:#7c3aed;box-shadow:0 0 8px #7c3aed99}.btn.cyan{background:#06b6d4;box-shadow:0 0 8px #06b6d499}.btn.active,.btn:active,.btn:focus{box-shadow:0 0 24px #38bdf8,0 0 #fff;filter:brightness(1.1);border:2px solid #fff}.period-buttons{display:flex;gap:12px;justify-content:flex-start;margin-bottom:18px}.section-title{color:#fff;margin:24px 0 8px;text-align:left;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.all-toggle{color:#3fa9f5;font-size:1.08rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;transition:color .18s}.arrow{transform:rotate(180deg);transition:transform .18s}.arrow.open{transform:rotate(90deg)}.example-dropdown{margin-top:8px}.app-container-login{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;background-color:#000;color:#ffffffde;font-family:Rubik,Arial,sans-serif}.login-card{background:#23243a;border-radius:20px;padding:32px 24px 24px;min-width:320px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 24px #3fa9f5cc,0 0 0 3px #3fa9f5;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#23243a,#23243a),linear-gradient(90deg,#3fa9f5,#06b6d4);box-sizing:border-box;max-height:calc(100vh - 76px);overflow-y:auto;-webkit-overflow-scrolling:touch}.login-title{color:#3fa9f5;margin:0 0 24px;font-size:2.5rem;font-weight:700;letter-spacing:.5px;text-align:center}.country-select-wrapper{width:100%;margin-bottom:24px;text-align:left}.country-select-label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#ffffffde}.country-select{width:100%;padding:10px 14px;border:2px solid #3fa9f5;border-radius:12px;background:#23233a;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233fa9f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5em;transition:border-color .2s,box-shadow .2s}.country-select:focus{box-shadow:0 0 8px #3fa9f5;border-color:#06b6d4}.login-button{flex:1 1 0;border:none;border-radius:12px;padding:10px 0;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .2s,transform .1s;outline:none;text-align:center;letter-spacing:.5px;background:linear-gradient(90deg,#8a2be2,#0ff);width:100%;margin-top:1.5rem}.login-button:hover{transform:translateY(-2px)}.login-button:active,.login-button:focus{transform:translateY(0);filter:brightness(1.1);border:2px solid #fff}@media (max-width: 600px){.login-card{padding:24px 16px 16px;max-height:calc(100vh - 60px)}.login-title{font-size:2rem}.country-select,.login-button{font-size:1rem;padding:8px 0}}.integrations-page{padding:20px;max-width:1200px;margin:0 auto}.integrations-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:20px}.integration-card{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;padding:24px;transition:all .3s ease}.integration-card:hover{border-color:var(--accent-color, #007bff);box-shadow:0 4px 12px #007bff1a}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.integration-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff)}.integration-status{padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500}.integration-status.connected{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.integration-status.disconnected{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.integration-description{color:var(--text-secondary, #a0a0a0);margin-bottom:20px;line-height:1.5}.integration-actions{display:flex;gap:12px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-hover, #0056b3)}.btn-secondary{background:transparent;color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.btn-secondary:hover{background:var(--hover-bg, #2a2a2a);border-color:var(--accent-color, #007bff)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{background:#6b7280;cursor:not-allowed}@media (max-width: 768px){.integrations-content{grid-template-columns:1fr}.integration-card{padding:20px}.integration-actions{flex-direction:column}.btn{width:100%}}.loading,.error{text-align:center;padding:40px 20px;color:var(--text-secondary, #a0a0a0)}.error{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin:20px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color, #333)}.modal-title{margin:0;font-size:1.25rem;color:var(--text-primary, #fff);font-weight:600;display:flex;align-items:center;gap:10px}.modal-close{background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #fff)}.modal-body{padding:20px;overflow-y:auto;max-height:calc(80vh - 80px)}.modal-settings{display:flex;flex-direction:column;gap:20px}.modal-setting-item{display:flex;align-items:center}.modal-settings .checkbox-with-label{display:flex;align-items:center;gap:12px}.modal-settings .setting-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-color, #007bff)}.modal-settings .checkbox-label{font-size:1rem;color:var(--text-primary, #fff);font-weight:500}.modal-settings .select-with-label{display:flex;flex-direction:column;gap:8px;width:100%}.modal-settings .select-label{font-size:.9rem;color:var(--text-secondary, #a0a0a0);font-weight:500}.modal-settings .sort-select{background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #555);color:var(--text-primary, #fff);padding:10px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;width:100%}.modal-settings .sort-select:focus{outline:none;border-color:var(--accent-color, #007bff)}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.modal-header,.modal-body{padding:15px}.modal-title{font-size:1.1rem}}.widget-settings-row{border-bottom:1px solid var(--border-color, #333);transition:background-color .2s ease;width:100%;min-width:100%;box-sizing:border-box}.widget-settings-row:hover{background:var(--hover-bg, #2a2a2a)}.widget-settings-row.highlighted{background:var(--accent-color, #007bff);animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%{background:var(--accent-color, #007bff);box-shadow:0 0 #007bffb3}50%{background:var(--accent-color, #007bff);box-shadow:0 0 0 10px #007bff00}to{background:transparent}}.widget-settings-row:last-child{border-bottom:none}.widget-main-row{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:20px;width:100%;min-width:100%;box-sizing:border-box}.widget-header{display:flex;align-items:center;gap:12px;flex:1}.widget-icon{font-size:1.5rem;width:40px;text-align:center}.widget-name{font-size:1rem;color:var(--text-primary, #fff);font-weight:500}.widget-main-controls{display:flex;align-items:center;gap:16px}.enabled-control{display:flex;align-items:center;gap:8px}.setting-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-color, #007bff)}.checkbox-label{font-size:.9rem;color:var(--text-primary, #fff);font-weight:500}.widget-settings-btn{background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.widget-settings-btn:hover{background:var(--hover-bg, #2a2a2a);color:var(--text-primary, #fff);transform:scale(1.1)}@media (max-width: 768px){.widget-main-row{flex-direction:column;align-items:flex-start;gap:16px}.widget-main-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.checkbox-label{font-size:.8rem}}.widget-category-section{border-bottom:2px solid var(--border-color, #333);margin-bottom:16px;min-width:100%;width:100%;display:flex;flex-direction:column}.widget-category-section:last-child{border-bottom:none;margin-bottom:0}.category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--category-header-bg, #2a2a2a);border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color, #333);border-bottom:none;width:368px;min-width:100%;box-sizing:border-box;flex-shrink:0}.category-header:hover{background:var(--category-header-hover-bg, #3a3a3a)}.category-info{display:flex;align-items:center;gap:12px}.category-icon{font-size:1.2rem}.category-name{font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff)}.category-count{font-size:.9rem;color:var(--text-secondary, #a0a0a0);background:var(--count-bg, #404040);padding:4px 8px;border-radius:12px}.category-toggle{display:flex;align-items:center}.toggle-icon{font-size:.8rem;color:var(--text-secondary, #a0a0a0);transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(0)}.toggle-icon.collapsed{transform:rotate(-90deg)}.category-widgets{border:1px solid var(--border-color, #333);border-top:none;border-radius:0 0 8px 8px;background:var(--category-content-bg, #1a1a1a);width:100%;min-width:100%;box-sizing:border-box;flex-shrink:0}.category-widgets .widget-settings-row{border-bottom:1px solid var(--border-color, #333)}.category-widgets .widget-settings-row:last-child{border-bottom:none}@media (max-width: 768px){.category-header{padding:12px 16px}.category-name{font-size:1rem}.category-count{font-size:.8rem;padding:3px 6px}.category-icon{font-size:1.1rem}}.widget-settings-table{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;overflow:hidden;width:100%;min-width:100%}.table-body{background:var(--card-bg, #1a1a1a);width:100%;min-width:100%}.widget-settings-actions{margin-top:30px;display:flex;justify-content:center}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-primary{background:var(--accent-color, #007bff);color:#fff}.btn-primary:hover{background:var(--accent-hover, #0056b3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.widget-settings-page{padding:0 20px 20px;max-width:1200px;margin:0 auto}.widget-settings-content{margin-top:20px;width:100%;min-width:100%}.auth-callback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-color:#000}.error-message{text-align:center;max-width:400px;padding:30px;background:#1a1a1a;border-radius:8px;box-shadow:0 2px 10px #0000004d}.error-message h2{color:#ff6b6b;margin-bottom:15px;font-size:1.5rem}.error-message p{color:#edf5fd;margin-bottom:20px;line-height:1.5}.retry-button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.retry-button:hover{background-color:#0056b3}.retry-button:active{background-color:#004085}.units-page{padding:24px;max-width:1200px;margin:0 auto}.units-header{margin-bottom:32px}.units-header>div:first-child{margin-bottom:12px}.units-header h1{font-size:2rem;font-weight:600;color:#fff;margin:0}.units-description{color:#a0a0a0;font-size:1rem;line-height:1.5;margin:0 0 24px}.refresh-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:20px}.refresh-button:hover:not(:disabled){background:#222;border-color:#444}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{transition:transform .2s ease}.refresh-button:not(:disabled):hover svg{transform:rotate(180deg)}.units-description{color:#a0a0a0;font-size:1rem;line-height:1.5;margin:0}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.1rem;color:#a0a0a0}.no-units{text-align:center;padding:48px 24px;color:#a0a0a0;font-size:1.1rem}.units-list{display:flex;flex-direction:column;gap:12px}.select-all-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.select-all-card:hover{border-color:#444;background:#222}.select-all-label{font-size:1.1rem;font-weight:600;color:#fff}.select-all-checkbox{display:flex;align-items:center;gap:8px}.select-all-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4ade80}.select-all-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.select-all-checkbox label{color:#a0a0a0;font-size:.9rem;cursor:pointer}.unit-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#2a2a2a;border:1px solid #404040;border-radius:8px;transition:all .2s ease}.unit-card:hover{border-color:#555;background:#333}.unit-name{font-size:1.1rem;font-weight:500;color:#fff}.unit-checkbox{display:flex;align-items:center;gap:8px}.unit-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4ade80}.unit-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.unit-checkbox label{color:#a0a0a0;font-size:.9rem;cursor:pointer}@media (max-width: 768px){.units-page{padding:16px}.select-all-card{padding:14px 16px}.select-all-label{font-size:1rem}.unit-card{padding:14px 16px}.unit-name{font-size:1rem}}.metrics-widget-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333;transition:background-color .2s ease}.metrics-widget-row:last-child{border-bottom:none}.metrics-widget-row:hover{background-color:#2a2a2a}.metrics-widget-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:1}.metrics-widget-icon{font-size:20px;width:24px;text-align:center}.metrics-widget-name{color:#fff;font-size:14px;font-weight:500}.toggle-button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;width:90px;text-align:center;flex-shrink:0}.toggle-button.enabled{background-color:#ef4444;border-color:#ef4444;color:#fff}.toggle-button.enabled:hover{background-color:#dc2626;border-color:#dc2626}.toggle-button.disabled{background-color:#38bdf9;border-color:#38bdf9;color:#1a1a1a}.toggle-button.disabled:hover{background-color:#0ea5e9;border-color:#0ea5e9}@media (max-width: 768px){.metrics-widget-row{padding:10px 12px}.metrics-widget-icon{font-size:18px;width:20px}.metrics-widget-name{font-size:13px}.toggle-button{padding:6px 12px;font-size:12px;width:80px;text-align:center}}.metrics-selection-modal{width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column}.metrics-modal-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 16px;text-align:center}.modal-description{color:#a0a0a0;font-size:14px;text-align:center;margin-bottom:24px;line-height:1.5}.widgets-container{flex:1;overflow-y:auto;margin-bottom:24px;border:1px solid #333;border-radius:8px;background-color:#1a1a1a;padding:16px;width:100%;box-sizing:border-box;max-width:100%;max-height:60vh;min-height:400px}.category-section{margin-bottom:24px}.category-section:last-child{margin-bottom:0}.metrics-category-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333;width:100%;box-sizing:border-box}.metrics-category-icon{font-size:18px;flex-shrink:0}.metrics-category-name{color:#fff;font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics-category-count{color:#a0a0a0;font-size:14px;flex-shrink:0;margin-left:auto;width:45px;text-align:right;font-variant-numeric:tabular-nums}.metrics-category-widgets{display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.metrics-selection-modal{max-width:95vw;max-height:90vh}.metrics-modal-title{font-size:20px}.modal-description{font-size:13px}.widgets-container{padding:12px;max-height:50vh;min-height:300px}.metrics-category-header{margin-bottom:8px;padding-bottom:6px;gap:6px}.metrics-category-icon{font-size:16px}.metrics-category-name{font-size:14px}.metrics-category-count{font-size:12px;width:35px}.metrics-category-widgets{gap:6px}}@media (max-width: 480px){.widgets-container{max-height:45vh;min-height:250px;padding:8px}}.confirm-modal{padding:24px;max-width:450px}.confirm-modal-title{font-size:20px;font-weight:600;margin:0 0 16px;color:#fff}.confirm-modal-message{font-size:14px;line-height:1.6;color:#fffc;margin:0 0 24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.confirm-modal-button.cancel{background:#ffffff1a;color:#fff}.confirm-modal-button.cancel:hover{background:#ffffff26}.confirm-modal-button.confirm{background:#646cff;color:#fff}.confirm-modal-button.confirm:hover{background:#535bf2}.confirm-modal-button.confirm.dangerous{background:#ef4444}.confirm-modal-button.confirm.dangerous:hover{background:#dc2626}.composite-reports-page{padding:0 16px 16px;width:calc(100vw - 32px);max-width:1200px;margin:0 auto;overflow-x:hidden;box-sizing:border-box}body,html{overflow-x:hidden}@media (max-width: 768px){.composite-reports-page{padding:12px;width:calc(100vw - 24px)}}@media (max-width: 480px){.composite-reports-page{padding:8px;width:calc(100vw - 16px)}}.composite-reports-content{margin-top:20px;width:100%;box-sizing:border-box}.composite-reports-section{margin-bottom:32px}.composite-reports-section-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px;gap:16px}.composite-reports-section-title{color:#fff;font-size:20px;font-weight:600;margin:0}.composite-reports-page h2{color:#fff;margin:24px 0 20px;font-size:24px;font-weight:600}.new-report-button{width:auto;max-width:none;padding:12px 20px;border:1px solid #38bdf9;border-radius:12px;background-color:#1a1a1a;color:#38bdf9;font-size:16px;cursor:pointer;margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:12px;box-sizing:border-box;overflow:hidden}.new-report-button:hover{border-color:#0ea5e9}.reports-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.report-set{width:100%;max-width:100%;border-radius:12px;overflow:hidden;background-color:#333;box-sizing:border-box}.report-set-toggle{width:100%;padding:16px 20px;background-color:#333;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:500;color:#fff}.chevron-icon{color:#fff;transition:transform .2s ease;flex-shrink:0}.chevron-icon.expanded{transform:rotate(180deg)}.report-set-toggle:hover{background-color:#404040}.report-set-content{padding:16px 20px;border-top:1px solid #404040;background-color:#2a2a2a;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.report-set-content p{margin:0;font-size:14px;color:#a0a0a0;font-style:italic}.setting-row{margin-bottom:16px;width:100%;max-width:100%;box-sizing:border-box}.setting-row:last-child{margin-bottom:0}.setting-label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#fff;margin:0}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #38bdf9;border-radius:4px;background-color:transparent;margin-right:12px;position:relative;transition:background-color .2s}.checkbox-input:checked+.checkbox-custom{background-color:#38bdf9}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.name-input{width:100%;max-width:100%;padding:12px;border:1px solid #555;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:14px;box-sizing:border-box;overflow:hidden}.name-input:focus{outline:none;border-color:#38bdf9}.name-input::placeholder{color:#666}.period-select{width:100%;max-width:100%;padding:12px 40px 12px 12px;border:1px solid #555;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:14px;cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:16px;overflow:hidden}.period-select:focus{outline:none;border-color:#38bdf9}.period-select option{background-color:#1a1a1a;color:#fff}.metrics-button{width:100%;padding:12px;border:1px solid #38bdf9;border-radius:8px;background-color:#1a1a1a;color:#38bdf9;font-size:14px;cursor:pointer;font-weight:500;box-sizing:border-box;transition:all .2s ease}.metrics-button:hover{background-color:#38bdf9;color:#1a1a1a}.schedule-select{width:100%;max-width:100%;padding:12px 40px 12px 12px;border:1px solid #555;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:14px;cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:16px}.schedule-select:focus{outline:none;border-color:#38bdf9}.schedule-select option{background-color:#1a1a1a;color:#fff}.delete-section{margin-top:20px;padding-top:16px;border-top:1px solid #404040}.delete-section .setting-row{margin-bottom:0}.delete-report-button{width:100%;padding:12px;border:1px solid #ef4444;border-radius:8px;background-color:#1a1a1a;color:#ef4444;font-size:14px;cursor:pointer;font-weight:500;box-sizing:border-box;transition:all .2s ease}.delete-report-button:hover{background-color:#ef4444;color:#fff}@media (max-width: 768px){.new-report-button{padding:12px;font-size:14px}.report-set-toggle{padding:12px 16px;font-size:14px}.report-set-content{padding:12px 16px}.composite-reports-page h2{font-size:20px;margin:20px 0 16px}.name-input,.period-select,.schedule-select{font-size:16px;width:100%;max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.new-report-button{padding:10px;font-size:13px;gap:8px}.new-report-button svg{width:16px;height:16px}.report-set-toggle{padding:10px 12px;font-size:13px}.report-set-content{padding:10px 12px}.setting-row{margin-bottom:12px}.setting-label{font-size:13px}.name-input,.period-select,.schedule-select{padding:10px;font-size:14px;width:100%;max-width:100%;box-sizing:border-box}.checkbox-label{font-size:13px}.checkbox-custom{width:16px;height:16px;margin-right:10px}.delete-section{margin-top:16px;padding-top:12px}.metrics-button,.delete-report-button{padding:10px;font-size:13px}.composite-reports-section-header{flex-direction:column;align-items:flex-start;gap:12px}.new-report-button{width:100%;max-width:100%}}.name-input.readonly,.period-select.readonly,.schedule-select.readonly,.metrics-button.readonly{background-color:#2a2a2a;color:#888;cursor:not-allowed;opacity:.7}.metrics-button.readonly:hover{background-color:#2a2a2a;color:#888}#root{max-width:none;margin:0 auto;padding:0;text-align:left;overflow-x:auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{background:#000;min-height:100vh;padding-bottom:60px;margin:0 10px}.section-title{color:#fff;margin:24px 0 8px}.header{position:fixed;top:0;left:0;width:100%;z-index:1000}.main-content{padding-top:68px;min-height:calc(100vh - 60px)}.color-white{color:#fff}.stops-page{padding:24px;max-width:none;margin:0 auto;overflow-x:auto}.stops-header{margin-bottom:32px}.stops-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.stops-description{font-size:16px;color:#a0a0a0;margin:0;line-height:1.5}.stops-table-container{background:#1a1a1a;border-radius:12px;border:1px solid #333333;overflow:visible;box-shadow:0 4px 12px #0000004d;width:100%;max-width:none}.stops-table-wrapper{overflow-x:scroll!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;position:relative;height:auto;min-height:200px}.stops-table-scroll-hint{display:none;padding:8px 16px;background:#2a2a2a;border-top:1px solid #333333;text-align:center;font-size:12px;color:#a0a0a0}.stops-table{width:100%!important;min-width:2500px!important;border-collapse:collapse;font-size:12px;font-family:Rubik,sans-serif;table-layout:fixed}.stops-table thead{background:#2a2a2a}.stops-table th{padding:10px 8px;text-align:center;font-weight:600;color:#fff;border-bottom:1px solid #333333;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-family:Rubik,sans-serif}.stops-table th:nth-child(1){width:100px}.stops-table th:nth-child(2){width:70px}.stops-table th:nth-child(3){width:150px}.stops-table th:nth-child(4){width:100px}.stops-table th:nth-child(5){width:80px}.stops-table th:nth-child(6){width:70px}.stops-table th:nth-child(7){width:150px}.stops-table th:nth-child(8){width:150px}.stops-table th:nth-child(9){width:120px}.stops-table th:nth-child(10){width:100px}.stops-table th:nth-child(11){width:150px}.stops-table th:nth-child(12){width:150px}.stops-table th:nth-child(13){width:200px}.stops-table th:nth-child(14){width:150px}.stops-table th:nth-child(15){width:150px}.stops-table th:nth-child(16){width:150px}.stops-table th:nth-child(17){width:150px}.stops-table th:nth-child(18){width:100px}.stops-table th:nth-child(19){width:120px}.stops-table th:nth-child(20){width:120px}.stops-table th:nth-child(21){width:80px}.stops-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background-color .2s ease}.stops-table tbody tr:hover{background:#252525}.stops-table tbody tr:last-child{border-bottom:none}.stops-table-cell{padding:10px 8px;color:#e0e0e0;vertical-align:top;overflow:visible;text-overflow:clip;white-space:nowrap;font-family:Rubik,sans-serif}.stops-table-cell--establishment{font-weight:500;color:#fff}.stops-table-cell--type{color:#64b5f6}.stops-table-cell--reason{color:#a0a0a0;white-space:normal;word-wrap:break-word;line-height:1.3}.stops-table-cell--start{color:#b0b0b0;font-family:Courier New,monospace;font-size:11px}.stops-table-cell--duration{color:#ffb74d;font-family:Courier New,monospace;font-weight:500;font-size:11px}.stops-table-cell--status{text-align:center}.stops-table-cell--product,.stops-table-cell--ingredient{font-size:11px;color:#b0b0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.stops-table-cell--channel{font-size:11px;color:#b0b0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.stops-table-cell--sector{font-size:11px;color:#b0b0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.stops-table-cell--product-id,.stops-table-cell--ingredient-id{font-size:11px;color:#d0d0d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.stops-table-cell--dodo-stop-id{font-size:11px;color:#d0d0d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.stops-table-cell--stopped-by-user-id,.stops-table-cell--resumed-by-user-id,.stops-table-cell--sector-suspended-by-user-id,.stops-table-cell--sector-resumed-user-id{font-size:11px;color:#d0d0d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.stops-table-cell--ended-at-local{font-size:11px;color:#b0b0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.stops-table-cell--product-category-name,.stops-table-cell--ingredient-category-name{font-size:11px;color:#b0b0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.stops-table-cell--is-sub-sector{font-size:11px;color:#b0b0b0;text-align:center;max-width:80px}.status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.status-badge--ended{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}@media (max-width: 768px){.stops-page{padding:16px}.stops-table-container{overflow:visible}.stops-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.stops-table-scroll-hint{display:block}.stops-table{font-size:11px;min-width:2200px}.stops-table th,.stops-table-cell{padding:8px 6px}.stops-table th{font-size:9px;padding:10px 6px}.stops-table th:nth-child(1){width:80px}.stops-table th:nth-child(2){width:60px}.stops-table th:nth-child(3){width:120px}.stops-table th:nth-child(4){width:80px}.stops-table th:nth-child(5){width:70px}.stops-table th:nth-child(6){width:60px}.stops-table th:nth-child(7){width:120px}.stops-table th:nth-child(8){width:120px}.stops-table th:nth-child(9){width:100px}.stops-table th:nth-child(10){width:80px}.stops-table th:nth-child(11){width:120px}.stops-table th:nth-child(12){width:120px}.stops-table th:nth-child(13){width:150px}.stops-table th:nth-child(14){width:120px}.stops-table th:nth-child(15){width:120px}.stops-table th:nth-child(16){width:120px}.stops-table th:nth-child(17){width:120px}.stops-table th:nth-child(18){width:80px}.stops-table th:nth-child(19){width:100px}.stops-table th:nth-child(20){width:100px}.stops-table th:nth-child(21){width:70px}.stops-table-cell--establishment{font-size:12px;font-weight:600}.stops-table-cell--reason{white-space:normal;word-wrap:break-word;line-height:1.3}.stops-table-cell--start,.stops-table-cell--duration{font-size:10px}.stops-table-cell--status{text-align:center}.stops-table-cell--product,.stops-table-cell--ingredient{font-size:8px;max-width:120px}.stops-table-cell--channel{font-size:8px;max-width:100px}.stops-table-cell--sector{font-size:8px;max-width:80px}.stops-table-cell--product-id,.stops-table-cell--ingredient-id{font-size:8px;max-width:120px}.stops-table-cell--dodo-stop-id{font-size:8px;max-width:150px}.stops-table-cell--stopped-by-user-id,.stops-table-cell--resumed-by-user-id,.stops-table-cell--sector-suspended-by-user-id,.stops-table-cell--sector-resumed-user-id{font-size:8px;max-width:120px}.stops-table-cell--ended-at-local{font-size:8px;max-width:80px}.stops-table-cell--product-category-name,.stops-table-cell--ingredient-category-name{font-size:8px;max-width:100px}.stops-table-cell--is-sub-sector{font-size:8px;max-width:70px}.status-badge{padding:2px 6px;font-size:8px}}@media (max-width: 480px){.stops-page{padding:12px}.stops-title{font-size:22px}.stops-description{font-size:14px}.stops-table-container{border-radius:6px}.stops-table{font-size:10px;min-width:800px}.stops-table th,.stops-table-cell{padding:6px 4px}.stops-table th{font-size:8px;padding:8px 4px}.stops-table th:nth-child(1){width:80px}.stops-table th:nth-child(2){width:60px}.stops-table th:nth-child(3){width:120px}.stops-table th:nth-child(4){width:80px}.stops-table th:nth-child(5){width:70px}.stops-table th:nth-child(6){width:60px}.stops-table th:nth-child(7){width:70px}.stops-table th:nth-child(8){width:70px}.stops-table th:nth-child(9){width:70px}.stops-table th:nth-child(10){width:70px}.stops-table-cell--establishment{font-size:11px}.stops-table-cell--reason{white-space:normal;word-wrap:break-word;line-height:1.3}.stops-table-cell--start,.stops-table-cell--duration{font-size:9px}.status-badge{padding:2px 4px;font-size:7px}}@media (max-width: 360px){.stops-page{padding:8px}.stops-title{font-size:20px}.stops-description{font-size:13px}.stops-table{font-size:9px;min-width:700px}.stops-table th,.stops-table-cell{padding:4px 3px}.stops-table th{font-size:7px;padding:6px 3px}.stops-table th:nth-child(1){width:70px}.stops-table th:nth-child(2){width:50px}.stops-table th:nth-child(3){width:100px}.stops-table th:nth-child(4){width:70px}.stops-table th:nth-child(5){width:60px}.stops-table th:nth-child(6){width:50px}.stops-table th:nth-child(7){width:60px}.stops-table th:nth-child(8){width:60px}.stops-table th:nth-child(9){width:60px}.stops-table th:nth-child(10){width:60px}.stops-table-cell--establishment{font-size:10px}.stops-table-cell--reason{white-space:normal;word-wrap:break-word;line-height:1.3}.stops-table-cell--start,.stops-table-cell--duration{font-size:8px}.status-badge{padding:1px 3px;font-size:6px}}.stops-table-wrapper::-webkit-scrollbar{height:8px}.stops-table-wrapper::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.stops-table-wrapper::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.stops-table-wrapper::-webkit-scrollbar-thumb:hover{background:#666}.stops-loading,.stops-error{display:flex;justify-content:center;align-items:center;min-height:200px;background:#1a1a1a;border-radius:12px;border:1px solid #333333;margin-top:32px}.stops-loading p,.stops-error p{color:#a0a0a0;font-size:16px;margin:0}.stops-error p{color:#f44336}.stops-table-cell--empty{text-align:center;color:#a0a0a0;font-style:italic}