:root{--background-color: #121212;--surface-color: #1e1e1e;--primary-color: #646cff;--text-color: #e0e0e0;--text-secondary-color: #a0a0a0;--border-color: #333333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:2.2em;line-height:1.1;font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-color);color:var(--text-color);cursor:pointer;transition:all .25s;margin:0 4px}button:hover{border-color:var(--primary-color);background-color:#2a2a2a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--tg-theme-bg-color: #17212b;--tg-theme-secondary-bg-color: #232e3c;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #708499;--tg-theme-link-color: #6ab7ff;--tg-theme-button-color: #5288c1;--tg-theme-button-text-color: #ffffff;--tg-theme-section-bg-color: #17212b;--tg-theme-section-header-text-color: #ffffff;--tg-theme-subtitle-text-color: #708499;--tg-theme-destructive-text-color: #ff3b30}#root{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-height:100vh}.card{width:90vw;background-color:var(--tg-theme-secondary-bg-color);border-radius:12px;padding:1.5rem 2rem;box-shadow:0 4px 6px #0000001a;box-sizing:border-box}h1{color:var(--tg-theme-text-color);margin-bottom:2rem}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 8px;text-align:left;table-layout:fixed}thead th{padding:1rem;font-weight:600;color:var(--tg-theme-hint-color);text-transform:uppercase;font-size:.85em;white-space:nowrap}tbody td{padding:1.25rem 1rem;vertical-align:middle;font-size:1.1em;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}tbody td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}tbody td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.cell-plate{font-size:1.5em;font-weight:600}.cell-status{font-weight:600}.status-badge{display:inline-block;padding:.5em .9em;border-radius:16px;font-size:1em;line-height:1;text-align:center;white-space:nowrap;font-weight:600}.status-pending{background-color:#ff9800;color:#fff}.status-arrived{background-color:#4caf50;color:#fff}.status-departed{background-color:#9e9e9e;color:#fff}.plate-container{min-width:220px;display:flex;flex-direction:column;align-items:flex-start}.archiving-row{opacity:.5;transition:opacity .3s ease-in-out}.archiving-loader{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--tg-theme-hint-color)}.spinner{width:16px;height:16px;border:2px solid var(--tg-theme-hint-color);border-top:2px solid var(--tg-theme-button-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}table button{font-size:.9em;padding:.4em .8em;background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}table button:hover{background-color:var(--tg-theme-link-color)}.cell-actions{white-space:nowrap}.cell-actions button{margin:0 2px;padding:.4em .6em}.col-plate{width:20%;min-width:210px}.col-driver{width:18%;min-width:200px}.col-company{width:12%;min-width:140px}.col-time{width:10%;min-width:100px;text-align:center}.col-status{width:15%;min-width:170px;text-align:center}thead th.col-time,thead th.col-status{text-align:center}thead th.col-time .header-content,thead th.col-status .header-content{justify-content:center}.col-user{width:10%;min-width:160px}.col-actions{width:10%;min-width:160px;text-align:left}.sortable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sortable:hover{color:var(--tg-theme-text-color)}.header-content{display:flex;align-items:center}.sortable .header-content:after{content:"";border:8px solid transparent;opacity:.4;margin-left:.5em}.sorted-ascending .header-content:after{border-bottom-color:var(--tg-theme-button-color);opacity:1}.sorted-descending .header-content:after{border-top-color:var(--tg-theme-button-color);opacity:1}@media(max-width:768px){#root{padding:1rem .5rem}.card{padding:1rem}h1{font-size:1.8em}thead th,tbody td{padding:.75rem}}.archive-link-container{position:fixed;bottom:2rem;right:2rem;z-index:100}.archive-link-container button{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .2s}.archive-link-container button:hover{background-color:var(--tg-theme-link-color)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:1400px;height:85vh;background-color:var(--tg-theme-secondary-bg-color);border-radius:12px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--tg-theme-hint-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5em;color:var(--tg-theme-text-color)}.close-button{background:none;border:none;font-size:2rem;color:var(--tg-theme-hint-color);cursor:pointer}.close-button:hover{color:var(--tg-theme-text-color)}.modal-body{padding:1.5rem;overflow-y:auto}.main-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.content-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;padding-bottom:120px}.departed-section{position:fixed;bottom:0;left:0;right:0;background-color:#1a1f26;border-top:1px solid #2d3748;padding:12px 2rem;z-index:50}.departed-header{color:var(--tg-theme-hint-color);font-size:.8em;font-weight:600;text-transform:uppercase;margin-bottom:10px}.departed-cards{display:flex;gap:16px;overflow-x:auto}.departed-card{display:flex;align-items:center;gap:16px;background-color:#2d3a4a;border-radius:8px;padding:10px 16px;filter:grayscale(50%);opacity:.85}.departed-card:hover{opacity:1;filter:grayscale(30%)}.departed-plate{transform:scale(.85);transform-origin:left center}.departed-info{display:flex;flex-direction:column;gap:2px}.departed-time{color:#9ca3af;font-size:.9em}.departed-company{color:#6b7280;font-size:.8em}.departed-card button{background-color:#4a5568;border:none;border-radius:4px;color:#fff;padding:4px 8px;cursor:pointer;font-size:.9em}.departed-card button:hover{background-color:#5a6578}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--tg-theme-bg-color, #1a1f26)}.login-form{background-color:var(--tg-theme-secondary-bg-color, #2d3748);padding:2rem;border-radius:12px;text-align:center;min-width:300px}.login-form h2{margin-bottom:1.5rem;color:var(--tg-theme-text-color, #fff)}.login-form input{width:100%;padding:12px;margin-bottom:1rem;border:1px solid #4a5568;border-radius:8px;background-color:#1a1f26;color:#fff;font-size:16px;box-sizing:border-box}.login-form button{width:100%;padding:12px;background-color:#4299e1;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.login-form button:hover{background-color:#3182ce}.auth-error{color:#fc8181;margin-top:1rem;margin-bottom:0}.skip-inspection-row{background-color:#4caf5040!important}.skip-inspection-row td{background-color:transparent!important}