@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary: #0b8f3a;--primary-dark: #086d2c;--primary-light: #eef8f1;--primary-glow: rgba(11, 143, 58, .15);--primary-glow-strong: rgba(11, 143, 58, .25);--bg-main: #f8fafc;--bg-subtle: #f1f5f9;--card-bg: #ffffff;--card-border: rgba(15, 23, 42, .07);--card-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .03);--card-hover-shadow: 0 8px 28px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--glass: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .6);--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--success: #10b981;--success-light: #ecfdf5;--success-border: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-light: #fffbeb;--warning-border: rgba(245, 158, 11, .2);--danger: #ef4444;--danger-light: #fef2f2;--danger-border: rgba(239, 68, 68, .2);--info: #3b82f6;--info-light: #eff6ff;--info-border: rgba(59, 130, 246, .2);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--section-padding-y: 80px;--section-padding-y-sm: 56px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .3s cubic-bezier(.34, 1.56, .64, 1);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body.dark-mode{--bg-main: #0f172a;--bg-subtle: #1a2540;--card-bg: #1e293b;--card-border: rgba(255, 255, 255, .07);--card-shadow: 0 2px 8px rgba(0, 0, 0, .15), 0 4px 20px rgba(0, 0, 0, .1);--card-hover-shadow: 0 12px 32px rgba(0, 0, 0, .25);--glass: rgba(30, 41, 59, .9);--glass-border: rgba(255, 255, 255, .08);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-light: #64748b;--primary-light: #163d23}html,body,#root{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden!important;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 769px){.show-on-mobile,.mobile-overlay-panel,.mobile-header-root,.mobile-drawer-root{display:none!important;visibility:hidden!important;pointer-events:none!important}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-main);line-height:1.6;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.section-padding{padding-block:var(--section-padding-y)}@media (max-width: 1024px){.section-padding{padding-block:var(--section-padding-y-sm)}}@media (max-width: 768px){.section-padding{padding-block:40px}}.grid-2,.grid-3,.grid-4{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:14px!important}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;color:var(--text-main);line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(26px,5vw,40px)}h2{font-size:clamp(22px,4vw,32px)}h3{font-size:clamp(17px,3vw,22px)}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}p{margin:0;line-height:1.65;color:var(--text-muted)}.btn-premium{background:var(--primary);color:#fff;border:1px solid transparent;padding:11px 22px;border-radius:var(--radius-md);font-weight:700;font-size:14px;letter-spacing:-.01em;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;box-shadow:0 2px 8px var(--primary-glow),0 1px 3px #0000001a;outline:none;white-space:nowrap;text-decoration:none;font-family:var(--font-main)}.btn-premium:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px var(--primary-glow-strong),0 2px 6px #0000001f}.btn-premium:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px var(--primary-glow)}.btn-premium:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.btn-premium:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary);padding:11px 22px;border-radius:var(--radius-md);font-weight:700;font-size:14px;letter-spacing:-.01em;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;outline:none;white-space:nowrap;text-decoration:none;font-family:var(--font-main)}.btn-secondary:hover{background:var(--primary-light);border-color:var(--primary-dark);color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-secondary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--card-border);padding:10px 18px;border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;outline:none;font-family:var(--font-main)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--text-muted);color:var(--text-main);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;border:1px solid transparent;padding:11px 22px;border-radius:var(--radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;outline:none;font-family:var(--font-main)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}label{display:block;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:6px;text-align:left!important;letter-spacing:-.01em}input,select,textarea{width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:14px;font-weight:500;font-family:var(--font-main);transition:var(--transition);outline:none;text-align:left!important}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-light);text-align:left!important}input::placeholder,textarea::placeholder{color:var(--text-light);text-align:left!important}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--card-bg)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-subtle)}.card-premium{background:var(--card-bg);padding:22px;border-radius:var(--radius-xl);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:var(--transition)}.card-premium:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.card-flat{background:var(--card-bg);padding:18px;border-radius:var(--radius-lg);border:1px solid var(--card-border)}.kpi-card{background:var(--card-bg);padding:18px 20px;border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:10px;transition:var(--transition)}.kpi-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px}.kpi-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:24px;font-weight:900;color:var(--text-main);letter-spacing:-.03em;line-height:1}.nav-link-glow{position:relative;transition:var(--transition)!important;text-decoration:none!important}.nav-link-glow:hover{color:var(--primary)!important;text-shadow:0 0 12px rgba(11,143,58,.45)}.social-glow{transition:all .25s ease!important}.social-glow:hover{color:var(--primary)!important;box-shadow:0 0 14px #0b8f3a8c!important;border-color:#0b8f3a66!important;transform:translateY(-2px)}.badge-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge-pending{background:#fff7ed!important;color:#c2410c!important;border:1.5px solid #ffedd5!important}.badge-confirmed,.badge-assigned,.badge-accepted{background:#eff6ff!important;color:#1d4ed8!important;border:1.5px solid #dbeafe!important}.badge-completed,.badge-active{background:#f0fdf4!important;color:#15803d!important;border:1.5px solid #dcfce7!important}.badge-cancelled,.badge-rejected{background:#fef2f2!important;color:#b91c1c!important;border:1.5px solid #fee2e2!important}.badge-inactive{background:var(--bg-subtle)!important;color:var(--text-muted)!important;border:1.5px solid var(--card-border)!important}body.dark-mode .badge-status.badge-pending,body.dark-mode .badge-pending,body.dark-mode [class*=badge-pending],[data-theme=dark] .badge-status.badge-pending,[data-theme=dark] .badge-pending,[data-theme=dark] [class*=badge-pending]{background:#f59e0b40!important;color:#fbbf24!important;border:1.5px solid #f59e0b!important}body.dark-mode .badge-status.badge-accepted,body.dark-mode .badge-status.badge-assigned,body.dark-mode .badge-status.badge-confirmed,body.dark-mode .badge-accepted,body.dark-mode .badge-assigned,body.dark-mode .badge-confirmed,body.dark-mode [class*=badge-accepted],body.dark-mode [class*=badge-assigned],[data-theme=dark] .badge-status.badge-accepted,[data-theme=dark] .badge-status.badge-assigned,[data-theme=dark] .badge-status.badge-confirmed,[data-theme=dark] .badge-accepted,[data-theme=dark] .badge-assigned,[data-theme=dark] .badge-confirmed,[data-theme=dark] [class*=badge-accepted],[data-theme=dark] [class*=badge-assigned]{background:#3b82f640!important;color:#60a5fa!important;border:1.5px solid #3b82f6!important}body.dark-mode .badge-status.badge-completed,body.dark-mode .badge-status.badge-active,body.dark-mode .badge-completed,body.dark-mode .badge-active,body.dark-mode [class*=badge-active],body.dark-mode [class*=badge-completed],[data-theme=dark] .badge-status.badge-completed,[data-theme=dark] .badge-status.badge-active,[data-theme=dark] .badge-completed,[data-theme=dark] .badge-active,[data-theme=dark] [class*=badge-active],[data-theme=dark] [class*=badge-completed]{background:#10b98140!important;color:#34d399!important;border:1.5px solid #10b981!important}body.dark-mode .badge-status.badge-cancelled,body.dark-mode .badge-status.badge-rejected,body.dark-mode .badge-cancelled,body.dark-mode .badge-rejected,body.dark-mode [class*=badge-cancelled],body.dark-mode [class*=badge-rejected],[data-theme=dark] .badge-status.badge-cancelled,[data-theme=dark] .badge-status.badge-rejected,[data-theme=dark] .badge-cancelled,[data-theme=dark] .badge-rejected,[data-theme=dark] [class*=badge-cancelled],[data-theme=dark] [class*=badge-rejected]{background:#ef444440!important;color:#f87171!important;border:1.5px solid #ef4444!important}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{font-size:clamp(24px,4vw,34px);font-weight:900;color:var(--text-main);letter-spacing:-.03em;margin-bottom:12px}.section-heading p{font-size:16px;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.65}.skeleton-loader{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf2,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}body.dark-mode .skeleton-loader{background:linear-gradient(90deg,#253047 25%,#2d3d57,#253047 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-up{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-right{animation:slideRight .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin .8s linear infinite}.stagger-children>*:nth-child(1){animation-delay:.04s}.stagger-children>*:nth-child(2){animation-delay:.08s}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.16s}.stagger-children>*:nth-child(5){animation-delay:.2s}.hide-on-mobile{display:block!important}.show-on-mobile{display:none!important}.full-width-mobile{width:auto}@media (max-width: 768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.full-width-mobile{width:100%!important}}.text-primary{color:var(--primary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-right{text-align:right}.text-center{text-align:center}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.data-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:10px 14px;text-align:left;border-bottom:2px solid var(--card-border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--card-border);color:var(--text-main);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-subtle)}.empty-state{text-align:center;padding:60px 24px;display:flex;flex-direction:column;align-items:center;gap:14px}.empty-state-icon{font-size:48px;opacity:.35}.empty-state h3{font-size:17px;font-weight:700;color:var(--text-main);margin:0}.empty-state p{font-size:14px;color:var(--text-muted);max-width:280px;margin:0}.divider{height:1px;background:var(--card-border);margin:20px 0;border:none}.modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);z-index:99998;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.modal-sheet{background:var(--card-bg);border-radius:var(--radius-2xl);padding:28px 24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0000002e;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:20px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--card-shadow);transition:var(--transition);position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.kpi-card .kpi-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px}.kpi-card .kpi-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-card .kpi-value{font-size:28px;font-weight:800;color:var(--text-main);letter-spacing:-.02em;line-height:1}.kpi-card .kpi-sub{font-size:12px;color:var(--text-muted)}.kpi-grad{color:#fff!important;border:none!important}.kpi-grad .kpi-label,.kpi-grad .kpi-value,.kpi-grad .kpi-sub{color:#ffffffe6!important}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}@media (max-width: 768px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card .kpi-value{font-size:22px}}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:700;font-size:14px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-spring);box-shadow:0 4px 12px var(--primary-glow-strong);white-space:nowrap}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow-strong)}.btn-premium:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--card-bg);color:var(--text-main);font-weight:600;font-size:14px;border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--primary);color:var(--primary)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--danger-light);color:var(--danger);font-weight:600;font-size:14px;border:1px solid var(--danger-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-danger:hover{background:var(--danger);color:#fff}.btn-ghost{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:var(--transition);display:inline-flex;align-items:center;gap:4px}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-main)}.btn-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.card-premium{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--card-shadow);transition:var(--transition)}.card-premium:hover{box-shadow:var(--card-hover-shadow)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{background:var(--bg-subtle);border-bottom:2px solid var(--card-border)}.data-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.data-table td{padding:12px 14px;color:var(--text-main);border-bottom:1px solid var(--card-border);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-subtle)}.data-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.data-table{display:none}}.list-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);border-bottom:1px solid var(--card-border);transition:var(--transition)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-subtle)}.dash-sidebar{width:260px;min-height:100vh;background:#0f172a;display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;z-index:100;border-right:1px solid rgba(255,255,255,.06)}.dash-sidebar .sidebar-logo{padding:24px 20px 20px;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.dash-sidebar nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;margin:2px 8px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:#ffffffa6;font-size:14px;font-weight:500;border:none;background:none;width:calc(100% - 16px);text-align:left}.sidebar-nav-item:hover{background:#ffffff12;color:#fff}.sidebar-nav-item.active{background:#0b8f3a2e;color:var(--primary);font-weight:700}.sidebar-nav-item .nav-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;padding:12px 20px 4px}.dash-main{margin-left:260px;min-height:100vh;background:var(--bg-main);display:flex;flex-direction:column}@media (max-width: 768px){.dash-sidebar{display:none}.dash-main{margin-left:0}}.dash-header{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000d}.dash-header h2{font-size:18px;font-weight:700;color:var(--text-main);margin:0;text-transform:capitalize}.dash-content{flex:1;padding:24px;max-width:1440px;width:100%}@media (max-width: 768px){.dash-content{padding:16px 16px 100px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--card-bg);border-top:1px solid var(--card-border);padding:8px 4px;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #0000000f}@media (max-width: 768px){.bottom-nav{display:flex}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;background:none;color:var(--text-muted);font-size:10px;font-weight:600;min-height:50px}.bottom-nav-item.active{color:var(--primary);background:var(--primary-light)}.bottom-nav-item svg,.bottom-nav-item .nav-icon{font-size:18px}.wallet-card{background:linear-gradient(135deg,#7c3aed,#6d28d9,#4f46e5);border-radius:var(--radius-xl);padding:28px 24px;color:#fff;position:relative;overflow:hidden}.wallet-card:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff12;border-radius:50%}.wallet-card .wallet-balance-label{font-size:13px;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.wallet-card .wallet-balance-value{font-size:38px;font-weight:900;letter-spacing:-.02em;margin:8px 0 20px}.dash-search{position:relative;margin-bottom:16px}.dash-search input{width:100%;padding:11px 16px 11px 42px;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:14px;outline:none;transition:var(--transition);box-shadow:var(--card-shadow)}.dash-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.dash-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.dash-search .search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);font-size:16px;line-height:1}.tab-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding:6px;background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--card-border)}.tab-pill{padding:8px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:var(--transition);white-space:nowrap}.tab-pill.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 8px #0000000f}.tab-pill:hover:not(.active){color:var(--text-main);background:#ffffff80}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-spring);text-align:center;font-size:13px;font-weight:600;color:var(--text-main);box-shadow:var(--card-shadow)}.quick-action-card:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.quick-action-card .qa-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:18px}.pickup-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--card-shadow);border-left:4px solid var(--card-border);transition:var(--transition)}.pickup-card.status-pending{border-left-color:var(--warning)}.pickup-card.status-confirmed{border-left-color:var(--info)}.pickup-card.status-completed{border-left-color:var(--success)}.pickup-card.status-cancelled{border-left-color:var(--danger)}.pickup-card.status-assigned{border-left-color:var(--info)}.pickup-card:hover{box-shadow:var(--card-hover-shadow)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block;flex-shrink:0}.section-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.section-title-bar h3{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.profile-field{background:var(--bg-subtle);border-radius:var(--radius-md);padding:12px 14px}.profile-field .pf-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.profile-field .pf-value{font-size:14px;font-weight:600;color:var(--text-main)}.mobile-menu-overlay{position:fixed;inset:0;background:#0f172a99;z-index:999;backdrop-filter:blur(4px)}.mobile-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:#0f172a;z-index:1000;overflow-y:auto;padding:0 0 20px;display:flex;flex-direction:column}.text-green{color:var(--primary)}.text-red{color:var(--danger)}.text-muted-sm{font-size:12px;color:var(--text-muted)}.fw-bold{font-weight:700}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-assigned{background:var(--info-light);color:var(--info);border:1px solid var(--info-border)}.badge-in-progress{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.badge-paid{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.badge-unpaid{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.badge-open{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.badge-resolved{background:var(--info-light);color:var(--info);border:1px solid var(--info-border)}.badge-closed{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--card-border)}@media (max-width: 768px){.dashboard-root{width:100vw!important;overflow-x:hidden!important}.dashboard-root>div:last-child{padding:10px 10px 90px!important;width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important}.dashboard-root div[style*="padding: 24px"],.dashboard-root div[style*="padding: 30px"],.dashboard-root div[style*="padding: 25px"],.dashboard-root div[style*="padding: 20px"],.dashboard-root .kpi-card,.dashboard-root .card-premium{padding:12px!important;border-radius:12px!important;margin-bottom:15px!important;max-width:100vw!important;box-sizing:border-box!important}.dashboard-root div[style*=gridTemplateColumns],.dashboard-root div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}.dashboard-root button{padding:12px 16px!important;font-size:13px!important;border-radius:10px!important}.dashboard-root input,.dashboard-root select,.dashboard-root textarea{padding:12px 14px!important;font-size:14px!important;border-radius:10px!important;height:auto!important}.dashboard-root table{font-size:12px!important;min-width:600px!important}.dashboard-root div[style*="overflowX: auto"],.dashboard-root div[style*="overflow-x: auto"],.dashboard-root table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important}.dashboard-root h2{font-size:18px!important}.dashboard-root h3{font-size:16px!important}.dashboard-root h4{font-size:14px!important}}[style*="background: var(--primary)"],[style*="background: #0b8f3a"],[style*="background: #10b981"],[style*="background-color: var(--primary)"],[style*="background-color: #0b8f3a"],[style*="background-color: #10b981"]{color:#fff!important}body.dark-mode,[data-theme=dark],html[data-theme=dark]{--bg-main: #090d16 !important;--bg-subtle: #121a2d !important;--card-bg: #152035 !important;--card-border: rgba(255, 255, 255, .12) !important;--card-shadow: 0 8px 32px rgba(0, 0, 0, .6) !important;--glass: rgba(18, 26, 45, .95) !important;--glass-border: rgba(255, 255, 255, .12) !important;--text-main: #ffffff !important;--text-muted: #94a3b8 !important;--text-light: #cbd5e1 !important;--primary-light: #164e28 !important;background-color:#090d16!important;color:#fff!important}body.dark-mode #root,body.dark-mode .app-shell,body.dark-mode .dashboard-root,body.dark-mode .dashboard-main,body.dark-mode .native-content,body.dark-mode .page-wrapper,body.dark-mode .main-layout,body.dark-mode main,[data-theme=dark] #root,[data-theme=dark] .app-shell,[data-theme=dark] .dashboard-root,[data-theme=dark] .dashboard-main,[data-theme=dark] .native-content,[data-theme=dark] .page-wrapper,[data-theme=dark] .main-layout,[data-theme=dark] main{background-color:#090d16!important;color:#fff!important}body.dark-mode [style*="background: #ffffff"],body.dark-mode [style*="background: #fff"],body.dark-mode [style*="background: white"],body.dark-mode [style*="background: #f8fafc"],body.dark-mode [style*="background: #f1f5f9"],body.dark-mode [style*="background: #f0f0f0"],body.dark-mode [style*="background: #e2e8f0"],body.dark-mode [style*="background:#ffffff"],body.dark-mode [style*="background:#fff"],body.dark-mode [style*="background:white"],body.dark-mode [style*="background:#f8fafc"],body.dark-mode [style*="background:#f1f5f9"],body.dark-mode [style*="background-color: #ffffff"],body.dark-mode [style*="background-color: #fff"],body.dark-mode [style*="background-color: white"],body.dark-mode [style*="background-color: #f8fafc"],body.dark-mode [style*="background-color: #f1f5f9"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background: #f1f5f9"],[data-theme=dark] [style*="background-color: #ffffff"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color: #f8fafc"]{background-color:#121a2d!important;color:#fff!important;border-color:#ffffff1f!important}body.dark-mode .bill-inner-box,[data-theme=dark] .bill-inner-box,body.dark-mode .bill-history-row,[data-theme=dark] .bill-history-row{background-color:#0b1329!important;background:#0b1329!important;border-color:#ffffff26!important;color:#fff!important}body.dark-mode .bill-inner-box *,[data-theme=dark] .bill-inner-box *,body.dark-mode .bill-history-row *,[data-theme=dark] .bill-history-row *{color:#fff!important}body.dark-mode .card,body.dark-mode .card-premium,body.dark-mode .premium-card,body.dark-mode .card-bg,body.dark-mode .kpi-card,body.dark-mode .modal-content,body.dark-mode .modal-body,body.dark-mode .auth-card,body.dark-mode .login-card,body.dark-mode .admin-login-card,body.dark-mode .franchise-login-card,body.dark-mode .collector-login-card,body.dark-mode .register-card,body.dark-mode [class*=login-card],body.dark-mode [class*=auth-card],body.dark-mode .rate-card,body.dark-mode .pickup-card,[data-theme=dark] .card,[data-theme=dark] .card-premium,[data-theme=dark] .premium-card,[data-theme=dark] .card-bg,[data-theme=dark] .kpi-card,[data-theme=dark] .modal-content,[data-theme=dark] .modal-body,[data-theme=dark] .auth-card,[data-theme=dark] .login-card,[data-theme=dark] .admin-login-card,[data-theme=dark] .franchise-login-card,[data-theme=dark] .collector-login-card,[data-theme=dark] .register-card,[data-theme=dark] [class*=login-card],[data-theme=dark] [class*=auth-card],[data-theme=dark] .rate-card,[data-theme=dark] .pickup-card{background-color:#152035!important;border-color:#ffffff26!important;color:#fff!important;box-shadow:0 8px 32px #0009!important}body.dark-mode [class*=input-row],body.dark-mode [class*=role-btn],[data-theme=dark] [class*=input-row],[data-theme=dark] [class*=role-btn]{background-color:#0e1626!important;border-color:#ffffff2e!important;color:#fff!important}body.dark-mode [style*="background: #f8fffe"],body.dark-mode [style*="background: #eef8f1"],body.dark-mode [style*="background: #f5f5f5"],body.dark-mode [style*="background: var(--bg-subtle)"],[data-theme=dark] [style*="background: #f8fffe"],[data-theme=dark] [style*="background: #eef8f1"],[data-theme=dark] [style*="background: #f5f5f5"],[data-theme=dark] [style*="background: var(--bg-subtle)"]{background-color:#1a253d!important;border-color:#ffffff26!important}body.dark-mode header,body.dark-mode .mobile-header,body.dark-mode .navbar,body.dark-mode .bottom-nav,body.dark-mode .app-shell-nav,[data-theme=dark] header,[data-theme=dark] .mobile-header,[data-theme=dark] .navbar,[data-theme=dark] .bottom-nav,[data-theme=dark] .app-shell-nav{background-color:#090d16!important;border-color:#ffffff1f!important;color:#fff!important}body.dark-mode p,body.dark-mode span,body.dark-mode div,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode label,body.dark-mode small,body.dark-mode strong,body.dark-mode b,body.dark-mode a,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] label,[data-theme=dark] small,[data-theme=dark] strong,[data-theme=dark] b,[data-theme=dark] a{color:inherit}body.dark-mode [class*=-card] div,body.dark-mode [class*=-card] span:not(.badge-status),body.dark-mode [class*=-card] p,body.dark-mode [class*=-card] h1,body.dark-mode [class*=-card] h2,body.dark-mode [class*=-card] h3,body.dark-mode [class*=-card] h4,body.dark-mode [class*=-card] strong,[data-theme=dark] [class*=-card] div,[data-theme=dark] [class*=-card] span:not(.badge-status),[data-theme=dark] [class*=-card] p,[data-theme=dark] [class*=-card] h1,[data-theme=dark] [class*=-card] h2,[data-theme=dark] [class*=-card] h3,[data-theme=dark] [class*=-card] h4,[data-theme=dark] [class*=-card] strong{color:#fff}.auth-logo-circle,.login-logo-circle,.register-logo-circle,.forgot-logo-circle,[class*=-logo-circle]{width:56px!important;height:56px!important;border-radius:16px!important;background-color:#0b8f3a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;margin:0 auto 12px!important;border:2px solid #08752f!important;box-shadow:0 4px 12px #0b8f3a40!important}.auth-logo-circle svg,.login-logo-circle svg,.register-logo-circle svg,.forgot-logo-circle svg,[class*=-logo-circle] svg{color:#fff!important;fill:#fff!important;font-size:24px!important}.mobile-drawer a,.mobile-drawer span,.mobile-drawer div,.drawer-link-item,[class*=drawer] a,[class*=drawer] span{color:var(--text-main, #0f172a)}body.dark-mode .mobile-drawer,body.dark-mode .drawerSheet,[data-theme=dark] .mobile-drawer,[data-theme=dark] .drawerSheet,[data-theme=dark] [style*=drawerSheet]{background-color:#111827!important}body.dark-mode .mobile-drawer a,body.dark-mode .mobile-drawer span,body.dark-mode .drawer-link-item,body.dark-mode [class*=drawer] a,body.dark-mode [class*=drawer] span,[data-theme=dark] .mobile-drawer a,[data-theme=dark] .mobile-drawer span,[data-theme=dark] .drawer-link-item,[data-theme=dark] [class*=drawer] a,[data-theme=dark] [class*=drawer] span{color:#fff!important;font-weight:800!important}body.dark-mode [style*="color: #2c3e50"],body.dark-mode [style*="color: #1e293b"],body.dark-mode [style*="color: #334155"],body.dark-mode [style*="color: #0f172a"],body.dark-mode [style*="color: #475569"],body.dark-mode [style*="color: #64748b"],body.dark-mode [style*="color: #94a3b8"],body.dark-mode [style*="color: #374151"],body.dark-mode [style*="color: #1f2937"],body.dark-mode [style*="color: #000000"],body.dark-mode [style*="color: #000"],body.dark-mode [style*="color: black"],body.dark-mode [style*="color:#2c3e50"],body.dark-mode [style*="color:#1e293b"],body.dark-mode [style*="color:#334155"],body.dark-mode [style*="color:#0f172a"],body.dark-mode [style*="color:#475569"],body.dark-mode [style*="color:#64748b"],body.dark-mode [style*="color:#94a3b8"],body.dark-mode [style*="color:#374151"],body.dark-mode [style*="color:#1f2937"],body.dark-mode [style*="color:#000000"],body.dark-mode [style*="color:#000"],body.dark-mode [style*="color:black"],[data-theme=dark] [style*="color: #2c3e50"],[data-theme=dark] [style*="color: #1e293b"],[data-theme=dark] [style*="color: #334155"],[data-theme=dark] [style*="color: #0f172a"],[data-theme=dark] [style*="color: #475569"],[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color: #94a3b8"],[data-theme=dark] [style*="color: #374151"],[data-theme=dark] [style*="color: #1f2937"],[data-theme=dark] [style*="color: #000000"],[data-theme=dark] [style*="color: #000"],[data-theme=dark] [style*="color:#2c3e50"],[data-theme=dark] [style*="color:#1e293b"],[data-theme=dark] [style*="color:#334155"],[data-theme=dark] [style*="color:#0f172a"],[data-theme=dark] [style*="color:#475569"],[data-theme=dark] [style*="color:#64748b"],[data-theme=dark] [style*="color:#94a3b8"],[data-theme=dark] [style*="color:#374151"],[data-theme=dark] [style*="color:#1f2937"]{color:#fff!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#0e1626!important;color:#fff!important;border-color:#fff3!important}body.dark-mode select option,[data-theme=dark] select option{background-color:#0e1626!important;color:#fff!important}body.dark-mode table,body.dark-mode tr,body.dark-mode td,body.dark-mode th,[data-theme=dark] table,[data-theme=dark] tr,[data-theme=dark] td,[data-theme=dark] th{color:#fff!important;border-color:#ffffff1a!important}body.dark-mode .btn-secondary,[data-theme=dark] .btn-secondary{background-color:#152035!important;color:#fff!important;border-color:#fff3!important}.btn-primary,.btn-premium,button[style*="background: #0b8f3a"],button[style*="background:#0b8f3a"],button[style*="background: var(--primary)"],a[style*="background: #0b8f3a"],a[style*="background: var(--primary)"]{color:#fff!important;font-weight:800!important}