*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f5f5}#root{min-height:100vh}.app-main{padding:1.5rem;max-width:1400px;margin:0 auto}.app-nav{background:#1a1a2e;color:#eee}.app-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.app-nav-brand{color:#eee;text-decoration:none;font-weight:600;font-size:1rem}.app-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:1px solid #555;border-radius:6px;cursor:pointer}.app-nav-toggle-bar{display:block;width:100%;height:2px;background:#eee;border-radius:1px;transition:transform .2s,opacity .2s}.app-nav--open .app-nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-nav--open .app-nav-toggle-bar:nth-child(2){opacity:0}.app-nav--open .app-nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-nav-menu{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:0 1.5rem .75rem}.app-nav-link{color:#aaa;text-decoration:none;font-size:.95rem}.app-nav-link:hover{color:#eee}.app-nav-user{margin-left:auto;font-size:13px;color:#888}.app-nav-logout{padding:6px 12px;background:#333;color:#eee;border:1px solid #555;border-radius:6px;cursor:pointer;font-size:13}@media (min-width: 769px){.app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1.5rem}.app-nav-bar{display:contents}.app-nav-menu{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:0}}@media (max-width: 768px){.app-main{padding:1rem}.app-nav-toggle{display:flex}.app-nav-menu{display:none;flex-direction:column;align-items:stretch;gap:0;padding:0 1rem 1rem;border-top:1px solid #333}.app-nav--open .app-nav-menu{display:flex}.app-nav-link{padding:.85rem .5rem;border-bottom:1px solid #2a2a3e;font-size:1rem}.app-nav-user{margin-left:0;padding:.85rem .5rem .25rem;border-bottom:none}.app-nav-logout{margin:.5rem .5rem 0;padding:10px 12px;width:calc(100% - 1rem)}}.ledgers-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ledgers-page-header h1{margin:0}.ledgers-upload-link{padding:8px 16px;background:#1a1a2e;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap}.ledgers-upload-link:hover{background:#2a2a4e}.ledgers-panel{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ledgers-table{width:100%;border-collapse:collapse}.ledgers-table thead tr{background:#1a1a2e;color:#fff}.ledgers-table th,.ledgers-table td{padding:12px;text-align:left}.ledgers-table tbody tr{border-bottom:1px solid #eee}.ledgers-table th:last-child{width:80px}.ledgers-link{color:#1a1a2e;text-decoration:none}.ledgers-link:hover{text-decoration:underline}.ledgers-status-badge{padding:2px 6px;border-radius:4px;font-size:11px}.ledgers-unmatched-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:13px;font-weight:600;color:#fff;background:#c62828;border:1px solid #b71c1c;text-decoration:none}.ledgers-unmatched-empty{color:#999}.ledgers-delete-btn{padding:6px;background:#8b2e2e;color:#fff;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ledgers-delete-btn:disabled{cursor:not-allowed;opacity:.7}.ledgers-delete-icon{display:inline-block;width:18px;height:18px}.ledgers-delete-icon svg{width:100%;height:100%}.ledgers-mobile-list{list-style:none;margin:0;padding:0;display:none}@media (max-width: 768px){.ledgers-table{display:none}.ledgers-mobile-list{display:block}.ledgers-mobile-card{padding:14px 16px;border-bottom:1px solid #eee}.ledgers-mobile-card:last-child{border-bottom:none}.ledgers-mobile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ledgers-mobile-card-main{min-width:0;flex:1}.ledgers-mobile-title{display:block;color:#1a1a2e;font-weight:600;font-size:1rem;line-height:1.35;text-decoration:none;word-break:break-word}.ledgers-mobile-title:hover{text-decoration:underline}.ledgers-mobile-date{margin-top:4px;font-size:.85rem;color:#666;line-height:1.3}.ledgers-mobile-meta{display:flex;align-items:center;gap:12px;margin-top:10px}.ledgers-mobile-meta .ledgers-status-badge{font-size:12px;padding:4px 8px}}.map-view-page{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.map-view-title{margin:0;width:100%}.map-view-controls{display:contents}.map-view-report-label{font-size:14px}.map-view-report-select{padding:6px 8px;min-width:200px;max-width:100%;border:1px solid #ccc;border-radius:6px;font-size:14px}.map-view-actions-primary,.map-view-actions-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.map-view-btn{padding:6px 12px;font-size:13px;border-radius:6px;cursor:pointer;border:none;white-space:nowrap}.map-view-btn:disabled{cursor:not-allowed;opacity:.7}.map-view-btn--geocode{background:#1a5fb4;color:#fff}.map-view-btn--optimize{background:#2d4a3e;color:#fff}.map-view-btn--point{background:#e8e8e8;border:1px solid #ccc;color:#333}.map-view-btn--point-active-start{background:#c8e6c9}.map-view-btn--point-active-end{background:#ffcdd2}.map-view-view-ledger{font-size:14px;color:#1a5fb4;text-decoration:none;white-space:nowrap}.map-view-view-ledger:hover{text-decoration:underline}.map-view-map-hint{color:#1a5fb4;font-weight:500;font-size:13px}@media (max-width: 768px){.map-view-page{display:grid;grid-template-columns:1fr minmax(110px,42%);align-items:center;gap:8px 10px;margin-bottom:12px}.map-view-title{width:auto;grid-column:1;grid-row:1;font-size:1.35rem}.map-view-report-label{display:none}.map-view-report-select{grid-column:2;grid-row:1;min-width:0;width:100%}.map-view-actions-primary{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.map-view-actions-primary .map-view-btn--geocode{flex:1;text-align:center}.map-view-actions-primary .map-view-view-ledger{flex:1;text-align:center;padding:8px 12px;background:#f0f4f8;border-radius:6px;border:1px solid #c5d4e8}.map-view-actions-secondary{grid-column:1 / -1;gap:8px}.map-view-map-hint{width:100%;font-size:12px}}.map-view-body{display:flex;gap:12px;align-items:flex-start;min-height:500px}.map-view-stops{width:320px;height:500px;flex-shrink:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.map-view-stops:empty{display:none}.map-view-stops-toggle{display:none}.map-view-stops-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.map-view-stops-header{padding:8px 12px;background:#f5f5f5;font-weight:600;font-size:13px}.map-view-stops-summary{padding:4px 12px 8px;background:#f5f5f5;font-size:12px;color:#333;border-bottom:1px solid #e0e0e0}.map-view-stops-hint{padding:6px 12px;background:#f0f4f8;font-size:11px;color:#555}.map-view-stops-list{margin:0;padding:0;list-style:none;flex:1;overflow-y:auto;min-height:0}.map-view-stops-footer{padding:6px 12px;border-top:1px solid #eee;font-size:12px}.map-view-show-full-route{background:transparent;border:none;color:#1a5fb4;cursor:pointer;text-decoration:underline;padding:0;font-size:12px}.map-view-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.map-view-expenses{flex:0 0 auto;max-width:720px;width:100%}.map-view-expenses-title{margin:0 0 12px;font-size:18px}.map-view-expenses-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.map-view-map-wrap{flex:0 0 500px;min-height:500px;border-radius:8px;overflow:hidden;border:1px solid #ccc}@media (max-width: 768px){.map-view-body{flex-direction:column;min-height:0;gap:10px}.map-view-column{display:contents}.map-view-map-wrap{order:1;width:100%;flex:none;height:52dvh;min-height:260px;max-height:420px}.map-view-stops{order:2;width:100%;height:auto;max-height:none;border-radius:8px;box-shadow:0 -2px 12px #00000014}.map-view-expenses{order:3;max-width:none}.map-view-stops-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:#f5f5f5;border:none;border-bottom:1px solid #e0e0e0;cursor:pointer;text-align:left}.map-view-stops-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.map-view-stops-toggle-text strong{font-size:14px;color:#1a1a2e}.map-view-stops-toggle-meta{font-size:12px;color:#666;font-weight:400}.map-view-stops-toggle-chevron{flex-shrink:0;font-size:11px;color:#666;transition:transform .2s}.map-view-stops--open .map-view-stops-toggle-chevron{transform:rotate(180deg)}.map-view-stops-header--desktop,.map-view-stops-summary--desktop,.map-view-stops--collapsed .map-view-stops-panel{display:none}.map-view-stops--open .map-view-stops-panel{max-height:min(42dvh,360px)}}.accounts-title{margin:0 0 1rem}.accounts-body{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start;min-height:560px}.accounts-list{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fafafa;display:flex;flex-direction:column}.accounts-list-toggle{display:none}.accounts-list-panel{display:flex;flex-direction:column;flex:1;min-height:0}.accounts-list-header{padding:10px 12px;background:#1a1a2e;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.accounts-list-geocode-mobile{display:none}.accounts-geocode-all-btn{padding:4px 10px;font-size:12px;background:#2d4a3e;color:#fff;border:none;border-radius:6px;cursor:pointer}.accounts-geocode-all-btn:disabled{cursor:not-allowed;opacity:.7}.accounts-geocode-all-btn--block{width:100%;padding:8px 12px}.accounts-list-scroll{max-height:520px;overflow-y:auto}.accounts-list-empty{padding:16px;margin:0;color:#666;font-size:13px}.accounts-list-item{display:block;width:100%;padding:10px 12px;text-align:left;border:none;border-bottom:1px solid #eee;background:#fff;cursor:pointer;font-size:13px}.accounts-list-item--selected{background:#e8f0fe}.accounts-list-item-main{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.accounts-list-item-name{color:#555}.accounts-list-item-badge{font-size:11px;padding:2px 6px;background:#fff3cd;color:#856404;border-radius:4px}.accounts-detail{display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width: 768px){.accounts-body{grid-template-columns:1fr;gap:10px;min-height:0}.accounts-list{order:1;box-shadow:0 2px 12px #00000014}.accounts-detail{order:2}.accounts-list-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:#1a1a2e;color:#fff;border:none;cursor:pointer;text-align:left}.accounts-list-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.accounts-list-toggle-text strong{font-size:14px;color:#fff}.accounts-list-toggle-meta{font-size:12px;color:#bbb;font-weight:400}.accounts-list-toggle-chevron{flex-shrink:0;font-size:11px;color:#bbb;transition:transform .2s}.accounts-list--open .accounts-list-toggle-chevron{transform:rotate(180deg)}.accounts-list-header--desktop{display:none}.accounts-list-geocode-mobile{display:block;padding:10px 12px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.accounts-list--collapsed .accounts-list-panel{display:none}.accounts-list--open .accounts-list-scroll{max-height:min(42dvh,360px)}}.customer-report-title{margin:0 0 1rem}.customer-report-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.customer-report-filter{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;min-width:0;flex:1 1 140px}.customer-report-export-btn{padding:8px 16px;background:#1a1a2e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap}.customer-report-panel{background:#fff;border-radius:8;overflow:hidden;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.customer-report-lines-panel{margin-bottom:0}.customer-report-table{width:100%;border-collapse:collapse}.customer-report-table thead tr{background:#1a1a2e;color:#fff}.customer-report-table th,.customer-report-table td{padding:10px;text-align:left}.customer-report-num{text-align:right}.customer-report-table tbody tr{border-bottom:1px solid #eee}.customer-report-link{color:#1a5fb4;text-decoration:none}.customer-report-link:hover{text-decoration:underline}.customer-report-lines-table{min-width:700px}.customer-report-lines-mobile{list-style:none;margin:0;padding:0;display:none}@media (max-width: 768px){.customer-report-lines-table{display:none}.customer-report-lines-mobile{display:block}.customer-report-line-card{padding:14px 16px;border-bottom:1px solid #eee}.customer-report-line-card:last-child{border-bottom:none}.customer-report-line-customer{font-weight:600;font-size:1rem;line-height:1.35;margin-bottom:4px;word-break:break-word}.customer-report-line-customer-link{color:#1a1a2e;text-decoration:none}.customer-report-line-customer-link:hover{text-decoration:underline}.customer-report-line-sub{font-size:.85rem;color:#555;line-height:1.4;margin-bottom:6px}.customer-report-line-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;color:#666}.customer-report-line-amount{margin-left:auto;font-weight:600;color:#1a1a2e}}.flowchart-page{max-width:960px}.flowchart-title{margin:0 0 .5rem}.flowchart-intro{color:#555;margin:0 0 24px}.flowchart-video-wrap{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.flowchart-video{display:block;width:100%;max-height:min(70vh,540px);background:#1a1a2e;vertical-align:top}.flowchart-section{margin-bottom:28px}.flowchart-section-title{margin:0 0 12px;font-size:18px}.flowchart-panel{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.flowchart-table{width:100%;border-collapse:collapse}.flowchart-table thead tr{background:#1a1a2e;color:#fff}.flowchart-table th,.flowchart-table td{padding:10px;text-align:left}.flowchart-table-page{font-weight:600;width:160px}.flowchart-table tbody tr{border-bottom:1px solid #eee}.flowchart-notes{color:#444;line-height:1.6;margin:0;padding-left:20px}.flowchart-diagrams{display:flex;flex-direction:column;gap:12px;margin-top:8px}.flowchart-expandable{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.flowchart-expandable-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;background:#f5f5f5;border:none;cursor:pointer;text-align:left}.flowchart-expandable-toggle-text{display:flex;flex-direction:column;gap:4px;min-width:0}.flowchart-expandable-toggle-text strong{font-size:16px;color:#1a1a2e}.flowchart-expandable-toggle-meta{font-size:13px;color:#666;font-weight:400}.flowchart-expandable-chevron{flex-shrink:0;font-size:11px;color:#666;transition:transform .2s}.flowchart-expandable--open .flowchart-expandable-chevron{transform:rotate(180deg)}.flowchart-expandable-body{padding:16px;border-top:1px solid #e0e0e0}.flowchart-diagram{overflow:auto;min-height:120px}.flowchart-expandable--open .flowchart-diagram{min-height:400px}.flowchart-diagram-error{color:#c62828;margin:8px 0 0;font-size:14px}