@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap";:root{--primary:#059669;--primary-dark:#047857;--primary-light:#ccfbf1;--primary-50:#f0fdfa;--accent:#06b6d4;--accent-dark:#0891b2;--accent-light:#cffafe;--primary-gradient:linear-gradient(135deg, #059669 0%, #0d9488 48%, #0891b2 100%);--primary-gradient-hover:linear-gradient(135deg, #047857 0%, #0f766e 48%, #0e7490 100%);--accent-gradient:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);--card-gradient:linear-gradient(135deg, #0596690a 0%, #06b6d412 100%);--auth-gradient:linear-gradient(145deg, #065f46 0%, #0d9488 45%, #0891b2 100%);--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--success:#10b981;--success-light:#d1fae5;--purple:#8b5cf6;--purple-light:#ede9fe;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--bg:#f8fafc;--bg-white:#fff;--border:#e2e8f0;--border-dark:#cbd5e1;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 14px #0d948814, 0 2px 4px #00000008;--shadow-lg:0 10px 25px #0d94881f, 0 4px 10px #0000000a;--transition:.2s ease;--sidebar-width:240px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans Devanagari,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.15rem;font-weight:600}h4{font-size:1rem;font-weight:600}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-white);border-right:1px solid var(--border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar-logo-icon{background:var(--primary-gradient);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #0d948859}.sidebar-logo-text{color:var(--text-primary);font-size:1.05rem;font-weight:700}.sidebar-logo-sub{color:var(--text-secondary);margin-top:1px;font-size:.7rem}.sidebar-nav{flex:1;padding:12px 0}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 20px 4px;font-size:.65rem;font-weight:600}.nav-item{color:var(--text-secondary);transition:background var(--transition), color var(--transition);border-radius:0;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--primary-50);color:var(--primary)}.nav-item.active{color:#0f766e;background:linear-gradient(90deg,#0d94881f 0%,#06b6d414 100%);font-weight:600}.nav-item.active:before{content:"";background:var(--primary-gradient);border-radius:0 3px 3px 0;width:3.5px;position:absolute;top:4px;bottom:4px;left:0}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:1rem}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.sidebar-user{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--primary), #4ade80);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.sidebar-user-role{color:var(--text-secondary);text-transform:capitalize;font-size:.68rem}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);background:var(--bg-white);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{font-size:1.1rem;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.page-content{flex:1;padding:24px}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-body{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);align-items:flex-start;gap:14px;padding:20px;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.stat-icon.green{background:var(--primary-light)}.stat-icon.blue{background:#dbeafe}.stat-icon.yellow{background:var(--warning-light)}.stat-icon.purple{background:var(--purple-light)}.stat-icon.red{background:var(--danger-light)}.stat-icon.teal{background:#ccfbf1}.stat-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.1}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.btn{border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:9px 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:0 4px 12px #0d948847}.btn-primary:hover{background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 18px #0d948866}.btn-secondary{background:var(--bg);color:var(--text-primary);border:1px solid var(--border-dark)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-sm{padding:5px 12px;font-size:.8rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 14px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948829}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.table-wrapper{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{background:var(--bg)}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.75rem;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--primary-50)}tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 16px}.badge{text-transform:capitalize;border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--warning-light);color:#92400e}.badge-accepted{color:#1e40af;background:#dbeafe}.badge-collected{background:var(--purple-light);color:#4c1d95}.badge-completed{background:var(--success-light);color:#15803d}.badge-cancelled{background:var(--danger-light);color:#b91c1c}.badge-available{background:var(--success-light);color:#15803d}.badge-assigned{color:#1e40af;background:#dbeafe}.badge-received{background:var(--purple-light);color:#4c1d95}.auth-page{align-items:stretch;min-height:100vh;display:flex}.auth-left{background:var(--auth-gradient);color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d447 0%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-20%;right:-20%}.auth-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9813d 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-15%;left:-15%}.auth-left-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:24px;font-size:2rem;display:flex;box-shadow:0 8px 24px #00000026}.auth-left h1{text-align:center;margin-bottom:12px;font-size:2.2rem;font-weight:800}.auth-left p{opacity:.9;text-align:center;max-width:360px;font-size:1rem;line-height:1.6}.auth-features{flex-direction:column;gap:14px;margin-top:40px;display:flex}.auth-feature{opacity:.95;align-items:center;gap:12px;font-size:.92rem;display:flex}.auth-feature-icon{background:#ffffff2e;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.auth-right{justify-content:center;align-items:center;width:500px;padding:40px 32px;display:flex;overflow-y:auto}.auth-card{width:100%;max-width:440px}.auth-card h2{margin-bottom:4px;font-size:1.55rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem}.auth-divider{text-align:center;color:var(--text-muted);margin:16px 0;font-size:.8rem;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.role-cards{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.role-card{border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:var(--bg-white);transition:all var(--transition);padding:12px 6px}.role-card:hover{background:#f0fdfa;border-color:#0d9488;transform:translateY(-2px)}.role-card.selected{background:linear-gradient(135deg,#05966914 0%,#06b6d41f 100%);border-color:#0d9488;box-shadow:0 0 0 2px #0d948840}.role-card-icon{margin-bottom:4px;font-size:1.5rem}.role-card-label{color:var(--text-secondary);font-size:.76rem;font-weight:700}.role-card.selected .role-card-label{color:#047857}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{font-size:1.3rem}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 20px}.empty-state-icon{margin-bottom:12px;font-size:2.5rem}.empty-state p{font-size:.9rem}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.875rem}.alert-success{background:var(--success-light);color:#15803d;border:1px solid #86efac}.alert-error{background:var(--danger-light);color:#b91c1c;border:1px solid #fca5a5}.alert-warning{background:var(--warning-light);color:#92400e;border:1px solid #fcd34d}.lang-toggle{background:var(--bg);border:1.5px solid var(--border-dark);border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.lang-btn{color:var(--text-secondary);transition:all var(--transition);border-radius:6px;padding:5px 12px;font-size:.8rem;font-weight:600}.lang-btn.active{background:var(--primary);color:#fff}.loading-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;display:flex}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.price-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.price-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:16px}.price-material{color:var(--text-primary);font-size:.9rem;font-weight:600}.price-amount{color:var(--primary);margin:4px 0;font-size:1.4rem;font-weight:700}.price-unit{color:var(--text-muted);font-size:.72rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.desktop-only{display:flex}.mobile-only{display:none!important}.mobile-app-header{background:var(--bg-white);border-bottom:1px solid var(--border);z-index:990;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000a}.mobile-header-left{align-items:center;gap:10px;display:flex}.mobile-brand-icon{background:linear-gradient(135deg, var(--primary), #4ade80);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.05rem;display:flex}.mobile-brand-title{color:var(--text-primary);letter-spacing:-.02em;font-size:.95rem;font-weight:800;line-height:1.1}.mobile-role-chip{text-transform:uppercase;background:var(--primary-light);color:var(--primary-dark);letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-block}.mobile-header-right{align-items:center;gap:10px;display:flex}.mobile-avatar-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 1px 4px #00000026}.mobile-menu-backdrop{z-index:998;background:0 0;position:fixed;inset:0}.mobile-user-dropdown{background:var(--bg-white);border:1px solid var(--border);z-index:999;border-radius:12px;width:210px;animation:.15s ease-out dropdownFade;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:11px 14px;font-size:.85rem;font-weight:500;display:flex}.mobile-dropdown-item:active{background:#f8fafc}.mobile-bottom-nav{height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:990;background:#fffffffa;justify-content:space-around;align-items:center;padding-left:4px;padding-right:4px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.mobile-nav-item{height:100%;color:var(--text-secondary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-nav-icon-container{border-radius:14px;justify-content:center;align-items:center;width:44px;height:28px;transition:all .2s;display:flex}.mobile-nav-icon{font-size:1.15rem;line-height:1}.mobile-nav-label{letter-spacing:-.01em;margin-top:2px;font-size:.68rem;font-weight:500;transition:color .15s}.mobile-nav-item.active .mobile-nav-icon-container{background:var(--primary-light);transform:scale(1.04)}.mobile-nav-item.active .mobile-nav-label{color:var(--primary-dark);font-weight:700}.mobile-fab-item{position:relative;top:-10px}.mobile-fab-circle{background:linear-gradient(135deg, var(--primary), #15803d);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex;box-shadow:0 4px 14px #16a34a73}.mobile-fab-icon{color:#fff;font-size:1.3rem}.mobile-fab-item:active .mobile-fab-circle{transform:scale(.92)}@media (width<=768px){html,body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.desktop-sidebar,.desktop-only{display:none!important}.mobile-only,.mobile-app-header,.mobile-bottom-nav{display:flex!important}.main-content{width:100%!important;max-width:100vw!important;margin-left:0!important;overflow-x:hidden!important}.page-content{max-width:100vw!important;padding:12px 14px 84px!important;overflow-x:hidden!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.page-header h2{font-size:1.25rem!important}.page-header .btn{text-align:center!important;justify-content:center!important;width:100%!important;padding:11px 16px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:16px!important}.stat-card{border-radius:12px!important;gap:10px!important;padding:12px!important}.stat-icon{border-radius:9px!important;width:36px!important;height:36px!important;font-size:1.1rem!important}.stat-value{font-size:1.15rem!important}.stat-label{font-size:.7rem!important}.filter-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:14px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.filter-bar::-webkit-scrollbar{display:none!important}.filter-bar .btn{border-radius:20px!important;flex-shrink:0!important;padding:6px 14px!important;font-size:.8rem!important}.modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0000008c!important;align-items:flex-end!important;padding:0!important}.modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:88vh!important;animation:.24s cubic-bezier(.16,1,.3,1) bottomSheetSlide!important;box-shadow:0 -10px 30px #0003!important}.modal:before{content:"";background:#cbd5e1;border-radius:2px;width:38px;height:4px;margin:10px auto 2px;display:block}.modal-header{padding:14px 18px 12px!important}.modal-body{padding:14px 18px!important;overflow-y:auto!important}.modal-footer{gap:8px!important;padding:12px 18px!important}.table-wrapper{-webkit-overflow-scrolling:touch!important;border-radius:12px!important;max-width:100%!important;overflow-x:auto!important}table{min-width:580px!important}.form-row{grid-template-columns:1fr!important;gap:12px!important}.form-input,.form-select,.form-textarea{border-radius:10px!important;min-height:46px!important;font-size:16px!important}.auth-left{display:none!important}.auth-right{width:100%!important;padding:24px 16px!important}.btn{touch-action:manipulation;white-space:normal!important;text-align:center!important;box-sizing:border-box!important;word-break:break-word!important;border-radius:12px!important;max-width:100%!important;min-height:44px!important;line-height:1.35!important}.btn:active{transform:scale(.97)}.btn-lg{box-sizing:border-box!important;text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:13px 16px!important;font-size:.95rem!important;display:flex!important}.role-explainer-grid{grid-template-columns:1fr!important;gap:8px!important}.impact-card{box-sizing:border-box!important;border-radius:12px!important;max-width:100%!important;padding:14px 12px!important}.impact-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-bottom:12px!important}.impact-header-title{font-size:.95rem!important;font-weight:800!important;line-height:1.3!important}.impact-header-sub{font-size:.75rem!important}.impact-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.impact-stat-box{border-radius:8px!important;padding:8px 4px!important}.impact-stat-val{font-size:1.05rem!important;font-weight:800!important}.impact-stat-lbl{font-size:.68rem!important;line-height:1.2!important}}@media (width<=420px){.impact-grid{grid-template-columns:1fr!important;gap:8px!important}.stats-grid{grid-template-columns:1fr!important}}@keyframes bottomSheetSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=769px){.desktop-sidebar{width:var(--sidebar-width);position:fixed;top:0;bottom:0;left:0;display:flex!important}.main-content{min-height:100vh;margin-left:var(--sidebar-width)!important}.topbar.desktop-only{display:flex!important}.mobile-app-header,.mobile-bottom-nav{display:none!important}}