@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";.header-container{background-color:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e5e5e5);z-index:1000;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.header-left{justify-content:space-between;align-items:center;display:flex}.brand-logo{color:var(--color-primary,#0056b3);letter-spacing:-.5px;align-items:center;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.header-nav{align-items:center;gap:8px;display:flex}.nav-link{color:var(--color-ink-muted,#6c757d);border-radius:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.nav-link:hover{color:#0f5c4d;background-color:#eaf6f1;box-shadow:inset 0 0 0 1px #cde9de}.active-link{color:#0c4a3e;background-color:#e3f2ec;font-weight:600}.active-link:hover{color:#083d33;background-color:#d8ede4}.header-right{align-items:center;gap:24px;display:flex}.user-info{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.user-name{color:var(--color-ink-muted,#6c757d);font-family:Inter,sans-serif;font-size:.8rem}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.role-badge.admin{background-color:var(--color-primary,#0056b3);color:#fff}.role-badge.personel,.role-badge.employee{background-color:var(--color-ink-muted,#6c757d);color:#fff}.role-badge.misafir{background-color:var(--color-border,#e5e5e5);color:var(--color-ink,#1a1a1a)}.logout-button{color:var(--color-danger,#dc3545);border:1px solid var(--color-danger,#dc3545);cursor:pointer;background-color:#0000;border-radius:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.logout-button:hover{background-color:var(--color-danger,#dc3545);color:#fff}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger-icon{background-color:var(--color-ink,#1a1a1a);width:24px;height:2px;transition:all .3s;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background-color:var(--color-ink,#1a1a1a);width:24px;height:2px;transition:all .3s;position:absolute;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{bottom:-6px}.hamburger-icon.open{background-color:#0000}.hamburger-icon.open:before{top:0;transform:rotate(45deg)}.hamburger-icon.open:after{bottom:0;transform:rotate(-45deg)}@media (width<=768px){.header-container{flex-direction:column;align-items:stretch;padding:16px}.header-left{width:100%}.mobile-menu-btn{display:block}.header-nav{flex-direction:column;gap:0;width:100%;margin-top:16px;display:none}.header-nav.nav-open{display:flex}.nav-link{border-bottom:1px solid var(--color-border,#e5e5e5);border-radius:0;width:100%;padding:12px}.header-right{border-top:1px solid var(--color-border,#e5e5e5);justify-content:space-between;width:100%;margin-top:16px;padding-top:16px;display:none}.header-nav.nav-open+.header-right{display:flex}}.brand-logo-image{object-fit:contain;width:auto;max-width:220px;height:45px;display:block}:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-ink:#1b1f23;--color-ink-muted:#5b6168;--color-primary:#0f5c4d;--color-primary-hover:#0c4a3e;--color-amber:#c98a2c;--color-danger:#b23b3b;--color-border:#e2e0da;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-ink);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-ink);margin-top:0;margin-bottom:.5rem;font-weight:600}p{margin-top:0;margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.text-data{font-family:var(--font-mono);font-size:.9em}.plate-badge{background-color:var(--color-surface);color:var(--color-ink);font-family:var(--font-mono);letter-spacing:.1em;border:2px solid var(--color-ink);text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.status-rail{border-left:4px solid #0000}.status-rail--draft{border-left-color:var(--color-ink-muted)}.status-rail--inprogress{border-left-color:var(--color-amber)}.status-rail--completed{border-left-color:var(--color-primary)}.status-rail--error{border-left-color:var(--color-danger)}.btn{font-family:var(--font-sans);cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--color-ink-muted)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#8e2f2f}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.filter-input{transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:var(--color-primary)!important}.date-range-wrapper{transition:border-color .2s;background-color:var(--color-bg)!important}.date-range-wrapper:focus-within{border-color:var(--color-primary)!important}.custom-date-input::-webkit-calendar-picker-indicator{background-color:var(--color-surface);cursor:pointer;filter:var(--theme-filter,invert(.5));border-radius:4px;padding:4px;transition:opacity .2s}.custom-date-input::-webkit-calendar-picker-indicator:hover{opacity:.8}.custom-date-input{color:var(--color-ink);background-color:#0000;padding:4px;font-family:Inter,sans-serif!important;font-size:.9rem!important}.tab-btn:hover{color:var(--color-ink)!important}@media (width<=768px){html,body,#root{width:100%;min-width:0;max-width:100%;overflow-x:hidden}body{background:#f4f7f6;font-size:15px}#root{text-align:left;border:0}.app-shell{min-height:100dvh!important;padding:0!important}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.btn,.nav-link{min-height:44px}.header-container{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:stretch;padding:0 14px;display:flex;position:sticky;top:0;box-shadow:0 5px 20px #0f172a12}.header-left{justify-content:space-between;align-items:center;width:100%;height:64px;display:flex}.brand-logo{align-items:center;min-width:0;display:inline-flex!important}.brand-logo-image{object-fit:contain;width:auto;height:39px;display:block}.mobile-menu-btn{background:#f7faf9;border:1px solid #dfe5e3;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid}.header-nav{gap:4px;width:100%;margin:0;padding:8px 0 4px;display:none}.header-nav.nav-open{flex-direction:column;display:flex}.nav-link{border:0;border-radius:10px;align-items:center;width:100%;padding:11px 14px;font-size:.96rem;display:flex}.nav-link.active-link{color:#0f5c4d;background:#eaf6f1}.header-right,.header-right[style]{display:none!important}.header-nav.nav-open+.header-right,.header-nav.nav-open+.header-right[style]{border-top:1px solid #edf0ef;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:4px 0 0;padding:12px 0 14px;display:flex!important}.header-right .user-profile-section{border:0;justify-content:flex-start;width:auto;min-width:0;padding:0}.header-right .user-info-text{align-items:flex-start}.header-right .action-buttons{justify-content:flex-end;gap:8px;width:auto}.header-right .icon-btn{background:#f8faf9;border:1px solid #e2e8e6;width:44px;height:44px}.homepage-wrapper,.settings-wrapper,.contract-page,.contract-photos-page{width:100%;min-width:0}.main-content,.main-content.narrow{width:100%;max-width:none;padding:20px 12px 40px}.section-title,.settings-title,.contract-photos-header h1{letter-spacing:-.025em;font-size:clamp(1.35rem,6vw,1.7rem);line-height:1.18}.page-subtitle,.settings-subtitle{font-size:.9rem;line-height:1.5}.page-header{align-items:flex-start!important;gap:12px!important}.form-card,.filter-card,.table-card,.settings-card,.professional-card{width:100%;min-width:0;border-radius:14px!important;padding:18px 14px!important;box-shadow:0 5px 18px #0f172a0e!important}.form-row,.filter-form{flex-direction:column;align-items:stretch;gap:14px;display:flex}.form-row .form-group,.filter-form .filter-group,.form-group,.filter-group,.filter-group[style]{width:100%;min-width:0;margin-bottom:0;flex:none!important}.filter-input,.form-input,.custom-input,select,textarea{max-width:100%;min-height:50px;font-size:16px!important}.filter-status-bar,.align-right,.pagination-wrapper{gap:10px;width:100%;align-items:stretch!important}.filter-status-bar{flex-wrap:wrap;justify-content:space-between}.btn-primary.submit-btn,.align-right>button,.back-link{justify-content:center;width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.summary-card{min-width:0;border-radius:13px!important;padding:15px 13px!important}.summary-label{line-height:1.35;font-size:.7rem!important}.summary-value{font-size:1.55rem!important}.contracts-grid,.vehicles-grid,.chooser-grid{grid-template-columns:1fr!important;gap:12px!important}.modern-contract-card,.vehicle-card,.chooser-card{width:100%;min-width:0;border-radius:14px!important;padding:16px!important}.card-header-flex,.card-footer-flex{align-items:flex-start!important;gap:12px!important}.customer-info-wrapper,.customer-details{min-width:0}.customer-name{text-overflow:ellipsis;overflow:hidden}.action-btn-modern{min-width:96px}.tabs-bar{scrollbar-width:none;width:100%;overflow-x:auto;justify-content:flex-start!important}.tabs-bar::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex:none}.table-card{overflow:hidden}.table-scroll{-webkit-overflow-scrolling:touch;width:calc(100% + 28px);margin-inline:-14px;padding:0 14px 8px;overflow-x:auto}.theme-table{min-width:760px}.pagination-wrapper{flex-direction:column}.pagination-controls{justify-content:space-between;width:100%}.date-range-wrapper,.date-range-trigger{width:100%!important;min-width:0!important}.date-calendar-popover{max-height:calc(100dvh - 94px);overflow-y:auto;z-index:12000!important;width:auto!important;position:fixed!important;top:82px!important;left:10px!important;right:10px!important}.settings-wrapper{padding:20px 12px 40px!important}.settings-header,.settings-row,.password-heading{align-items:flex-start!important}.settings-row{flex-direction:column!important;gap:14px!important}.settings-row-label{width:100%;min-width:0}.custom-select-wrapper,.custom-select,.password-submit{width:100%!important}.password-form{grid-template-columns:1fr!important}.contract-page{padding:18px 10px 44px!important}.contract-summary{border-radius:15px!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:18px 15px!important;display:flex!important}.contract-summary-badges{width:100%;justify-content:space-between!important;gap:8px!important;display:flex!important}.global-plate-box,.status-badge-modern{min-width:0;max-width:50%}.contract-flow{border-radius:15px!important;padding:18px 14px!important}.contract-camera-actions,.contract-pdf-actions{width:100%;flex-direction:column!important;gap:10px!important;display:flex!important}.contract-camera-actions>*,.contract-pdf-actions>*,.btn-gallery,.btn-primary-action,.btn-kiosk-pass,.btn-save-notes{justify-content:center;width:100%!important}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.premium-textarea{width:100%}.kiosk-container-premium{padding:18px 12px calc(92px + env(safe-area-inset-bottom))!important}.btn-kiosk-sign-floating{left:10px!important;right:10px!important;bottom:max(10px, env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important}.contract-photos-page{padding:16px 10px 42px!important}.contract-photos-header{gap:10px;margin-bottom:16px}.photos-filter{z-index:20;width:100%;position:sticky;top:74px;box-shadow:0 5px 14px #0f172a14}.photos-filter button{min-width:0;font-size:.82rem}.contract-photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toast-container{width:auto!important;left:10px!important;right:10px!important}.toast-item{width:100%;min-width:0;max-width:none}}@media (width<=390px){.summary-grid{grid-template-columns:1fr!important}.card-header-flex{flex-direction:column!important}.plain-plate{align-self:flex-start}}@media (width<=768px){.mobile-filter-toggle{color:#18352f;text-align:left;background:#fff;border:1px solid #d8e2de;border-radius:13px;align-items:center;width:100%;min-height:50px;margin:16px 0 10px;padding:0 14px;font:700 .92rem Inter,sans-serif;display:flex;box-shadow:0 3px 12px #0f172a0d}.mobile-filter-count{color:#0f5c4d;background:#e6f3ee;border-radius:999px;place-items:center;min-width:25px;height:25px;margin-left:9px;padding:0 7px;font-size:.74rem;display:inline-grid}.mobile-filter-chevron{margin-left:auto;font-size:1.3rem;line-height:1;transition:transform .2s}.mobile-filter-chevron.open{transform:rotate(180deg)}.mobile-collapsible{margin-top:0!important;display:none!important}.mobile-collapsible.mobile-open{animation:.18s ease-out mobilePanelIn;display:block!important}@keyframes mobilePanelIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.table-card{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;overflow:visible!important}.table-scroll,.table-responsive{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.theme-table,.premium-table{width:100%;display:block;background:0 0!important;min-width:0!important}.theme-table thead,.premium-table thead{display:none}.theme-table tbody,.premium-table tbody{gap:12px;display:grid}.theme-table tbody tr,.premium-table tbody tr{background:#fff;border:1px solid #e1e7e4;border-radius:16px;width:100%;padding:8px 14px;display:grid;box-shadow:0 4px 14px #0f172a0d}.theme-table tbody td,.premium-table tbody td{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:43px;display:flex;text-align:right!important;border:0!important;border-bottom:1px solid #edf1ef!important;padding:9px 0!important}.theme-table tbody td:last-child,.premium-table tbody td:last-child{border-bottom:0!important}.theme-table tbody td[data-label]:before,.premium-table tbody td[data-label]:before{content:attr(data-label);color:#768079;letter-spacing:.045em;text-align:left;text-transform:uppercase;flex:0 0 41%;font-size:.7rem;font-weight:800}.theme-table .empty-cell,.premium-table .table-message{justify-content:center;display:flex;text-align:center!important;border:0!important}.vehicle-delete-btn,.danger-action-btn{width:100%;min-height:44px}.contract-camera-actions,.contract-pdf-actions{bottom:max(8px, env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #d3ded9f2;border-radius:15px;padding:10px;position:sticky;box-shadow:0 10px 30px #0f172a24}.btn-camera,.btn-gallery,.btn-primary-action,.btn-kiosk-pass,.btn-save-notes,.btn-pdf{min-height:50px}.capture-review-actions,.camera-controls{padding-bottom:max(10px, env(safe-area-inset-bottom))!important}.customer-textarea,.internal-textarea{min-height:120px!important}.preview-overlay,.gallery-lightbox{touch-action:pinch-zoom}.contract-photos-grid .gallery-photo{box-shadow:0 3px 10px #0f172a14}}@media (width>=769px){.mobile-filter-toggle{display:none}}