@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#252525;background:#f7f5f1;font-family:Vazirmatn,Tahoma,sans-serif}.app{gap:18px;height:100vh;padding:18px;display:flex}.sidebar{background:#fff;border:1px solid #ece8df;border-radius:20px;flex-direction:column;width:235px;min-width:235px;height:calc(100vh - 36px);padding:18px 14px;display:flex;overflow-y:auto}.brand{border-bottom:1px solid #eeeae2;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:18px;display:flex}.brand-logo{color:#fff;background:#262626;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand-logo img{object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%}.brand h2{font-size:18px;font-weight:600}.brand p{color:#888;font-size:12px}.menu{flex-direction:column;gap:5px;display:flex}body.dark-mode{color:#f8fafc;background:#0f172a}body.dark-mode .app{background:#0f172a}body.dark-mode .main,body.dark-mode .sidebar,body.dark-mode .topbar,body.dark-mode .card,body.dark-mode .stat,body.dark-mode .table-card,body.dark-mode .dropdown{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p,body.dark-mode span,body.dark-mode td,body.dark-mode th,body.dark-mode a{color:#f8fafc!important}body.dark-mode .search-input,body.dark-mode .top-actions input,body.dark-mode .icon-btn,body.dark-mode .profile-btn{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}body.dark-mode .menu a:hover,body.dark-mode .menu .active{color:#fff!important;background:#334155!important}body.dark-mode .donut-circle:before{background:#1e293b}body.dark-mode thead,body.dark-mode th{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}body.dark-mode td{border-color:#334155!important}body.dark-mode tbody tr{background:#1e293b!important}.menu a{color:#666;cursor:pointer;border-radius:12px;align-items:center;height:40px;padding:0 14px;font-size:13px;text-decoration:none;display:flex}.menu a:hover,.menu .active{color:#222;background:#f1f0eb;font-weight:600}.logout{color:#dc2626;text-align:right;cursor:pointer;background:0 0;border:none;margin-top:auto;padding:12px;font-family:inherit;font-size:13px}.main{background:#fff;border:1px solid #ece8df;border-radius:20px;flex-direction:column;flex:1;min-width:0;height:calc(100vh - 36px);display:flex;overflow:hidden}.page-content{flex:1;min-height:0;overflow:hidden auto}.topbar{z-index:1000;background:#fff;border-bottom:1px solid #eeeae2;flex:none;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:20px 28px;display:flex}.header-search{color:#94a3b8;background:#faf9f6;border:1px solid #e4e0d7;border-radius:13px;align-items:center;gap:8px;width:185px;height:42px;margin-left:auto;padding:0 13px;transition:width .35s,border-color .25s,box-shadow .25s,background .25s;display:flex}.header-search:focus-within{color:#4f46e5;background:#fff;border-color:#6366f1;width:min(440px,45vw);box-shadow:0 12px 32px #4f46e51f}.header-search input{direction:rtl;outline:0;font-family:inherit;background:0 0!important;border:0!important;width:100%!important;height:100%!important;padding:0!important}.header-search svg{flex:none}.header-account-link{color:#252525;background:#fff;border:1px solid #e4e0d7;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.header-ai-link{color:#5b21b6;background:linear-gradient(135deg,#faf5ff,#eef2ff);border:1px solid #ddd6fe;border-radius:12px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 7px 18px #6366f114}.header-ai-link:hover{transform:translateY(-1px);box-shadow:0 10px 23px #6366f126}.dropdown-logout{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;margin-top:7px;font-family:inherit;display:flex;color:#b91c1c!important;background:#fee2e2!important}.topbar h1{font-size:25px;font-weight:650}.topbar p{color:#777;margin-top:4px;font-size:13px}.top-actions{gap:10px;display:flex}.top-actions button,.card-title button{color:#fff;cursor:pointer;background:#252525;border:none;border-radius:12px;height:40px;padding:0 16px;font-family:inherit}.stats{border-bottom:1px solid #eeeae2;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 28px;display:grid}.stat{background:#faf9f6;border:1px solid #eeeae2;border-radius:16px;padding:16px}.stat span{color:#777;font-size:12px}.stat h2{margin:8px 0 2px;font-size:28px}.stat p{color:#888;font-size:12px}.charts-grid{grid-template-columns:2fr 1.3fr 1.2fr;gap:16px;padding:20px 28px;display:grid}.card{background:#fff;border:1px solid #eeeae2;border-radius:18px;padding:16px}.card-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title h3{font-size:16px;font-weight:600}.card-title span{color:#777;font-size:12px}.donut{place-items:center;height:170px;display:grid}.donut-circle{background:conic-gradient(#22c55e 0 55%, #3b82f6 55% 82%, #f59e0b 82% 100%);border-radius:50%;place-items:center;width:135px;height:135px;display:grid;position:relative}.donut-circle:before{content:"";background:#fff;border-radius:50%;width:95px;height:95px;position:absolute}.donut-circle h2,.donut-circle p{z-index:2;position:relative}.donut-circle h2{font-size:32px}.donut-circle p{color:#777;margin-top:36px;font-size:12px;position:absolute}.legend{color:#666;flex-direction:column;gap:8px;font-size:13px;display:flex}.legend span{align-items:center;gap:8px;display:flex}.legend b{border-radius:50%;width:10px;height:10px}.green{background:#22c55e}.blue{background:#3b82f6}.yellow{background:#f59e0b}.bar-chart{justify-content:space-between;align-items:end;gap:10px;height:210px;padding-top:10px;display:flex}.bar-chart div{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-chart span{background:#54524c;border-radius:8px 8px 0 0;width:34px;margin-top:auto}.bar-chart p{color:#777;margin-top:8px;font-size:12px}.bottom-grid{grid-template-columns:2fr 1fr;gap:16px;padding:0 28px 28px;display:grid}.table-card{padding:0;overflow:hidden}.table-card .card-title{border-bottom:1px solid #eeeae2;margin:0;padding:16px}.table-card .card-title a{color:#fff;background:#252525;border-radius:10px;align-items:center;height:36px;padding:0 13px;font-size:11px;text-decoration:none;display:flex}.bar-chart small{color:#94a3b8;white-space:nowrap;margin-top:3px;font-size:8px}.dashboard-empty{color:#777;text-align:center!important;padding:24px!important}.dashboard-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:right;color:#666;background:#faf9f6;height:42px;padding:0 14px;font-size:12px}td{border-top:1px solid #eeeae2;height:52px;padding:0 14px;font-size:13px}.badge{border-radius:8px;align-items:center;height:24px;padding:0 9px;font-size:11px;display:inline-flex}.success{color:#15803d;background:#dcfce7}.warning{color:#b45309;background:#fef3c7}.info{color:#2563eb;background:#dbeafe}.summary{flex-direction:column;display:flex}.summary div{border-bottom:1px solid #eeeae2;justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.summary span{color:#666}.summary b{font-weight:600}.summary .profit b,.summary .profit span{color:#16a34a}@media (width<=1100px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:100%;min-width:100%;height:auto}.main{height:auto;overflow:visible}.page-content{overflow:visible}.stats,.charts-grid,.bottom-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch;gap:14px;height:auto;padding:18px}.top-actions{flex-direction:column}.top-actions input{width:100%}}.header-menu button,.mode-btn{transition:all .25s}.header-menu button:hover,.mode-btn:hover{color:#fff;background:#111827;transform:translateY(-2px)}.dropdown{z-index:9999;min-width:240px;top:52px;right:0}.animated{animation:.25s dropdownFade}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.icon-btn{position:relative}.alert-count{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-6px;left:-6px}.alert-dropdown ul{color:#475569;margin:8px 0 0;padding:0;font-size:12px;line-height:2;list-style:none}*{font-variant-numeric:lining-nums tabular-nums;font-family:Vazirmatn,Tahoma,sans-serif}button,input,select,textarea{font-family:Vazirmatn,Tahoma,sans-serif!important}.page-loading{color:#64748b;place-items:center;min-height:240px;font-weight:700;display:grid}.table-pagination{color:#64748b;border-top:1px solid #eeeae2;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 18px;font-size:12px;display:flex}.table-pagination div{align-items:center;gap:10px;display:flex}.table-pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;min-width:72px;height:34px;font-family:inherit}.table-pagination button:disabled{opacity:.45;cursor:not-allowed}body.dark-mode .table-pagination{border-color:#334155}body.dark-mode .table-pagination button{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .header-search{background:#0f172a;border-color:#334155}body.dark-mode .header-search:focus-within{border-color:#818cf8;box-shadow:0 12px 32px #6366f133}body.dark-mode .header-ai-link,body.dark-mode .header-account-link{background:#0f172a;border-color:#475569;color:#f8fafc!important}@media (width<=1100px){.header-search,.header-search:focus-within{width:100%}}.toast-host{z-index:200000;flex-direction:column;gap:10px;width:min(360px,100vw - 44px);display:flex;position:fixed;top:22px;left:22px}.app-toast{color:#1f2937;background:#fff;border:1px solid #d1fae5;border-right:5px solid #16a34a;border-radius:14px;align-items:center;gap:10px;padding:13px 15px;animation:.25s toastShow;display:flex;box-shadow:0 18px 45px #0f172a2e}.app-toast span{color:#15803d;background:#dcfce7;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.app-toast.error{border-color:#fecaca #dc2626 #fecaca #fecaca}.app-toast.error span{color:#dc2626;background:#fee2e2}@keyframes toastShow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.dark-mode .finance-stat-card,body.dark-mode .finance-table-card,body.dark-mode .finance-modal,body.dark-mode .report-filters,body.dark-mode .report-stats>div,body.dark-mode .record-stat,body.dark-mode .record-card,body.dark-mode .record-modal,body.dark-mode .report-link-card,body.dark-mode .travel-map-card,body.dark-mode .travel-report-table,body.dark-mode .customer-stat-card,body.dark-mode .customer-table-card,body.dark-mode .customer-details-card,body.dark-mode .customer-modal,body.dark-mode .destination-item,body.dark-mode .app-toast{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.dark-mode .finance-table-header,body.dark-mode .finance-modal-header,body.dark-mode .report-filter-summary,body.dark-mode .record-card-header,body.dark-mode .record-modal-header,body.dark-mode .travel-map-title,body.dark-mode .customer-table-header,body.dark-mode .customer-modal-header,body.dark-mode .destination-manager{border-color:#334155!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}body.dark-mode .map-background{fill:#0f172a;stroke:#334155}body.dark-mode .destination-node{fill:#1e3a5f}body.dark-mode .map-node-title,body.dark-mode .map-node-subtitle{fill:#f8fafc}body.dark-mode .customer-money-paid,body.dark-mode .record-income{background:#15803d26!important}body.dark-mode .customer-money-remaining,body.dark-mode .record-expense{background:#dc26261f!important}body.dark-mode .travel-badge.active,body.dark-mode .customer-type-badge.travel,body.dark-mode .customer-badge.pending,body.dark-mode .record-type.travel{color:#bfdbfe!important;background:#2563eb3d!important}body.dark-mode .travel-badge.done,body.dark-mode .customer-type-badge.payment,body.dark-mode .customer-badge.active,body.dark-mode .driver-badge.active,body.dark-mode .car-badge.active,body.dark-mode .finance-badge.income{color:#bbf7d0!important;background:#16a34a38!important}body.dark-mode .travel-badge.pending,body.dark-mode .car-badge.repair,body.dark-mode .record-type.repair{color:#fde68a!important;background:#d977063d!important}body.dark-mode .finance-badge.expense,body.dark-mode .record-type.expense{color:#fecaca!important;background:#dc262633!important}.app.dark{background:#111827}.app.dark .main,.app.dark .sidebar,.app.dark .card,.app.dark .stat,.app.dark .table-card,.app.dark .dropdown{color:#f9fafb;background:#1f2937;border-color:#374151}.app.dark body,.app.dark h1,.app.dark h2,.app.dark h3,.app.dark td,.app.dark th{color:#f9fafb}.app.dark p,.app.dark span,.app.dark .menu a,.app.dark .dropdown p{color:#cbd5e1}.app.dark .menu a:hover,.app.dark .menu .active{color:#fff;background:#374151}.app.dark .topbar,.app.dark .stats,.app.dark .brand,.app.dark .table-card .card-title,.app.dark td,.app.dark th{border-color:#374151}.app.dark .top-actions input{color:#fff;background:#111827;border-color:#374151}.app.dark .top-actions button,.app.dark .card-title button{color:#fff;background:#374151}.app.dark .top-actions button:hover{background:#5b3df5}.add-btn{color:#fff;cursor:pointer;background:#252525;border:none;border-radius:12px;align-items:center;gap:7px;height:40px;padding:0 14px;font-family:inherit;transition:all .25s;display:flex}.add-btn:hover{background:#5b3df5;transform:translateY(-2px)}.real-chart{width:100%;height:250px}.topbar{border-bottom:1px solid #eeeae2;justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex}.header-title{flex:1}.header-title h1{margin-bottom:8px;font-size:25px;font-weight:700}.header-title p{color:#777;font-size:13px;line-height:1.8}.search-input{direction:rtl;background:#faf9f6;border:1px solid #e4e0d7;border-radius:13px;outline:none;width:165px;height:40px;padding:0 14px;font-family:inherit;transition:all .35s}.search-input:focus{background:#fff;border-color:#252525;width:310px;box-shadow:0 10px 28px #0f172a14}.header-icons{direction:rtl;align-items:center;gap:8px;display:flex}.icon-btn,.profile-btn{color:#252525;cursor:pointer;background:#fff;border:1px solid #e8e4dc;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .25s;display:flex}.icon-btn svg,.profile-btn svg{display:block}.icon-btn:hover,.profile-btn:hover{color:#fff;background:#252525;border-color:#252525;transform:translateY(-2px)}.profile-btn{color:#fff;background:#252525;border-color:#252525}.dropdown{z-index:9999;direction:rtl;background:#fff;border:1px solid #eeeae2;border-radius:14px;width:230px;padding:12px;animation:.22s dropdownFade;position:absolute;top:50px;right:0;box-shadow:0 18px 45px #0f172a29}.profile-dropdown{left:0;right:auto}.app.dark .topbar{background:#1f2937;border-color:#374151}.app.dark .header-title h1{color:#f9fafb}.app.dark .header-title p{color:#cbd5e1}.app.dark .search-input,.app.dark .icon-btn,.app.dark .profile-btn{color:#f9fafb;background:#111827;border-color:#374151}.app.dark .icon-btn:hover,.app.dark .profile-btn:hover{background:#5b3df5;border-color:#5b3df5}.app.dark .dropdown{background:#111827;border-color:#374151}.app.dark .dropdown p,.app.dark .dropdown strong{color:#f9fafb}.top-actions{direction:ltr;align-items:center;gap:8px;display:flex}.search-box{direction:rtl;background:#faf9f6;border:1px solid #e4e0d7;border-radius:12px;outline:none;width:300px;height:40px;padding:0 14px;font-family:inherit}.dropdown{z-index:9999;direction:rtl;background:#fff;border:1px solid #eeeae2;border-radius:14px;width:230px;padding:12px;animation:.22s dropdownFade;position:absolute;top:48px;left:0;right:auto;box-shadow:0 18px 45px #0f172a24}.top-actions input{background:#faf9f6;border:1px solid #e4e0d7;border-radius:12px;outline:none;width:300px;height:40px;padding:0 14px;font-family:inherit}.header-menu{position:relative}.icon-btn{color:#fff;cursor:pointer;background:#252525;border:none;border-radius:12px;place-items:center;width:40px;height:40px;transition:all .25s;display:grid}.icon-btn:hover{background:#5b3df5;transform:translateY(-2px)}.dropdown{z-index:999;background:#fff;border:1px solid #eeeae2;border-radius:14px;width:220px;padding:12px;animation:.22s dropdownFade;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #0f172a24}.dropdown strong{margin-bottom:8px;font-size:14px;display:block}.dropdown p{color:#666;border-top:1px solid #f0eee8;padding:8px 0;font-size:13px}