body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .5);--bg-card-hover: rgba(51, 65, 85, .5);--bg-input: rgba(15, 23, 42, .6);--bg-overlay: rgba(0, 0, 0, .7);--border-primary: rgba(148, 163, 184, .1);--border-secondary: rgba(148, 163, 184, .2);--border-hover: rgba(148, 163, 184, .3);--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dimmed: #64748b;--sidebar-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--sidebar-border: rgba(148, 163, 184, .1);--accent-purple: #8b5cf6;--accent-purple-hover: #a78bfa;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-green-light: #34d399;--accent-yellow: #f59e0b;--accent-yellow-light: #fbbf24;--accent-red: #ef4444;--accent-red-light: #f87171;--accent-pink: #ec4899;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--login-bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);--login-card-bg: rgba(15, 23, 42, .8);--table-header-bg: rgba(51, 65, 85, .5);--table-row-hover: rgba(51, 65, 85, .3);--table-border: rgba(148, 163, 184, .08)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(241, 245, 249, .9);--bg-input: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--border-primary: rgba(148, 163, 184, .3);--border-secondary: rgba(148, 163, 184, .4);--border-hover: rgba(148, 163, 184, .5);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #64748b;--text-dimmed: #94a3b8;--sidebar-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--sidebar-border: rgba(148, 163, 184, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .15);--login-bg: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 50%, #e0e7ff 100%);--login-card-bg: rgba(255, 255, 255, .95);--table-header-bg: rgba(241, 245, 249, .9);--table-row-hover: rgba(241, 245, 249, .7);--table-border: rgba(148, 163, 184, .15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-secondary);min-height:100vh;transition:background .3s ease,color .3s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:20px}.login-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:16px;padding:40px;width:100%;max-width:420px;animation:fadeInUp .8s ease-out forwards;transition:transform .3s ease,box-shadow .3s ease}.login-card *{box-sizing:border-box}.login-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000080}.logo-container{text-align:center;margin-bottom:24px;animation:fadeIn .6s ease-out .2s both}.logo{height:45px;margin-bottom:12px;animation:float 3s ease-in-out infinite;transition:transform .3s ease}.logo:hover{transform:scale(1.1) rotate(5deg)}.app-name{color:#e2e8f0;font-size:11px;font-weight:600;margin-bottom:4px;letter-spacing:.5px}.app-tagline{color:#64748b;font-size:11px;font-weight:400}.sign-in-header{text-align:center;margin-bottom:24px;animation:fadeIn .6s ease-out .3s both}.sign-in-title{color:#f1f5f9;font-size:11px;font-weight:600;margin-bottom:8px}.sign-in-subtitle{color:#94a3b8;font-size:11px;line-height:1.5}.login-card form{width:100%}.form-group{margin-bottom:20px;animation:fadeIn .6s ease-out both;width:100%}.form-label{display:block;color:#cbd5e1;font-size:11px;font-weight:500;margin-bottom:6px;transition:color .3s ease}.form-label.focused{color:#3b82f6}.form-label .required{color:#3b82f6;margin-left:2px}.field-error{display:block;font-size:11px;color:#ef4444;margin-top:4px}.input-wrapper{position:relative;width:100%}.form-input{width:100%;padding:12px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#e2e8f0;font-size:11px;font-family:inherit;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;outline:none}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 3px #3b82f626}.form-input:hover:not(:focus){border-color:#475569cc}.password-input{padding-right:48px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#94a3b8;transform:translateY(-50%) scale(1.1)}.password-toggle svg{width:20px;height:20px}.sign-in-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;animation:fadeIn .6s ease-out .6s both;position:relative;overflow:hidden}.sign-in-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sign-in-btn:hover:before{left:100%}.sign-in-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f666}.sign-in-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 5px 15px -5px #3b82f666}.sign-in-btn:disabled{cursor:not-allowed;opacity:.8}.sign-in-btn svg{width:18px;height:18px;transition:transform .3s ease}.sign-in-btn:hover:not(:disabled) svg:last-of-type:not(.spin){transform:translate(4px)}.sign-in-btn svg.spin{animation:spin 1s linear infinite}.microsoft-sign-in-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;font-size:14px;font-weight:600;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.microsoft-sign-in-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);opacity:0;transition:opacity .3s ease}.microsoft-sign-in-btn:hover:not(:disabled):before{opacity:1}.microsoft-sign-in-btn:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.microsoft-sign-in-btn:active:not(:disabled){transform:translateY(0)}.microsoft-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.microsoft-sign-in-btn svg{position:relative;z-index:1;width:20px;height:20px;flex-shrink:0;transition:transform .3s ease}.microsoft-sign-in-btn span{position:relative;z-index:1}.microsoft-sign-in-btn svg.spin{animation:spin 1s linear infinite}.divider{display:flex;align-items:center;margin:20px 0;color:#64748b;font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#4755694d}.divider span{padding:0 16px;white-space:nowrap}.login-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;margin-bottom:20px;animation:shake .5s ease-in-out}.login-error svg{flex-shrink:0;color:#ef4444}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none;width:20px;height:20px;margin-left:-10px;margin-top:-10px}.login-note{text-align:center;margin-top:20px;animation:fadeIn .6s ease-out .6s both}.login-note p{color:#64748b;font-size:12px;margin:0}.login-card .footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(71,85,105,.3);animation:fadeIn .6s ease-out .7s both}.footer-text{color:#64748b;font-size:11px}.main-layout{display:flex;min-height:100vh;background:#0f172a}.main-layout.blurred>.sidebar,.main-layout.blurred>.main-wrapper{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.permission-loading-overlay{position:fixed;inset:0;background:#0f172a;display:flex;align-items:center;justify-content:center;z-index:10001}.permission-loading-spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}[data-theme=light] .permission-loading-overlay{background:#f8fafc}[data-theme=light] .permission-loading-spinner{border-color:#6366f133;border-top-color:#6366f1}.permission-denied-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.permission-denied-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:20px;padding:40px 48px;max-width:440px;width:90%;text-align:center;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.permission-icon{width:80px;height:80px;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fbbf24;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #fbbf244d}50%{box-shadow:0 0 0 15px #fbbf2400}}.permission-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 12px}.permission-message{font-size:14px;color:#94a3b8;line-height:1.6;margin:0 0 32px}.permission-countdown{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px}.countdown-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:12px}.countdown-timer{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:16px}.countdown-number{font-size:48px;font-weight:700;color:#f59e0b;line-height:1;font-variant-numeric:tabular-nums}.countdown-unit{font-size:14px;color:#94a3b8}.countdown-progress{height:4px;background:#4755694d;border-radius:2px;overflow:hidden}.countdown-progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;transition:width 1s linear}[data-theme=light] .permission-denied-overlay{background:#fffc}[data-theme=light] .permission-denied-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#e2e8f0;box-shadow:0 25px 80px #00000026,0 0 0 1px #0000000d}[data-theme=light] .permission-title{color:#0f172a}[data-theme=light] .permission-message{color:#64748b}[data-theme=light] .permission-countdown{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .countdown-label{color:#94a3b8}[data-theme=light] .countdown-unit{color:#64748b}.sidebar{width:220px;min-width:220px;background:#0f172a;border-right:1px solid rgba(71,85,105,.3);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;padding:14px 10px}.sidebar-header{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:24px}.sidebar-logo{height:34px}.sidebar-brand{display:flex;flex-direction:column}.brand-name{font-size:13px;font-weight:700;color:#f1f5f9}.brand-version{font-size:8px;color:#64748b;background:#4755694d;padding:2px 5px;border-radius:4px;width:fit-content}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;color:#94a3b8;text-decoration:none;border-radius:8px;font-size:11px;font-weight:500;transition:all .2s ease;position:relative;cursor:pointer}.nav-item:hover{background:#3b82f61a;color:#e2e8f0}.nav-item.active{background:#3b82f626;color:#fff}.nav-indicator{display:none}.nav-item.active .nav-indicator{display:block;position:absolute;right:8px;width:6px;height:6px;background:#3b82f6;border-radius:50%}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:#94a3b8}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-badge{font-size:9px;background:#47556980;padding:2px 5px;border-radius:4px;margin-left:auto}.nav-section-title{font-size:9px;font-weight:600;color:#64748b;padding:14px 12px 6px;letter-spacing:.5px}.sidebar-stats{background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:10px;padding:12px;margin-top:auto}.stats-title{font-size:10px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.stats-list{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:10px;color:#94a3b8}.stat-value{font-size:10px;font-weight:600}.stat-value.primary{color:#3b82f6}.stat-value.success{color:#10b981}.stat-value.warning{color:#f59e0b}.sidebar-footer{padding:12px 8px 6px;text-align:center;border-top:1px solid rgba(71,85,105,.3);margin-top:14px}.sidebar-footer p{font-size:9px;color:#64748b}.sidebar-footer .footer-sub{color:#475569;margin-top:2px}.main-wrapper{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100vh}.top-header{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;background:#0f172a;border-bottom:1px solid rgba(71,85,105,.3);position:sticky;top:0;z-index:50}.header-welcome{font-size:11px;color:#94a3b8}.welcome-name{color:#f1f5f9;font-weight:600}.header-actions{display:flex;align-items:center;gap:14px}.header-icon-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{background:#4755694d;color:#e2e8f0}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:5px 10px;border-radius:6px;transition:all .2s ease}.user-menu-trigger:hover{background:#4755694d}.user-menu-trigger .user-avatar{width:30px;height:30px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-info .user-name{font-size:11px;font-weight:600;color:#f1f5f9}.user-email{font-size:10px;color:#64748b}.user-menu-trigger svg{color:#64748b;transition:transform .2s ease}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#1e293b;border:1px solid rgba(71,85,105,.5);border-radius:10px;min-width:160px;padding:6px;box-shadow:0 10px 40px #0000004d;animation:scaleIn .15s ease-out}.dropdown-item{display:block;padding:8px 10px;color:#e2e8f0;text-decoration:none;font-size:11px;border-radius:6px;transition:all .2s ease}.dropdown-item:hover{background:#3b82f626}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef444426}.dropdown-divider{border:none;border-top:1px solid rgba(71,85,105,.5);margin:6px 0}.page-content{flex:1;padding:24px;overflow-x:hidden;overflow-y:auto;min-width:0}.page-content:has(.dropdown-active){overflow:visible}.dashboard-page{animation:fadeIn .5s ease-out;padding:0}.dashboard-page .page-header{margin-bottom:24px}.page-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}.page-header-content{flex:1;min-width:180px}.page-header-content.with-back-btn{display:flex;align-items:center;gap:16px}.page-header-content.with-back-btn .back-btn{margin:0}.page-title{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:3px}.page-subtitle{font-size:11px;color:#94a3b8}.page-filters{display:flex;gap:10px;flex-wrap:wrap}.filters-bar{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.filters-bar .search-input-container{display:flex;align-items:center;gap:10px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:10px;padding:10px 14px;flex:1;max-width:320px;transition:all .2s ease}.filters-bar .search-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters-bar .search-input-container svg{color:#64748b;flex-shrink:0}.filters-bar .search-input{background:transparent;border:none;color:#e2e8f0;font-size:13px;font-family:inherit;outline:none;width:100%}.filters-bar .search-input::placeholder{color:#64748b}.filters-bar .filter-group{min-width:120px}.filters-bar .filter-select{font-size:13px;padding-right:24px}[data-theme=light] .filters-bar .search-input-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .filters-bar .search-input{color:#1e293b}[data-theme=light] .filters-bar .search-input::placeholder{color:#94a3b8}.filter-group{display:flex;align-items:center;gap:6px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:8px;padding:6px 10px;transition:all .2s ease}.filter-group:hover{border-color:#3b82f666}.filter-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.filter-group svg{color:#64748b;flex-shrink:0;width:14px;height:14px}.filter-select{background:transparent;border:none;color:#e2e8f0;font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;outline:none;padding-right:20px;min-width:100px}.filter-select option{background:#1e293b;color:#e2e8f0;padding:6px}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats-cards.loading .stat-card{opacity:.6}.stat-card{background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:14px;transition:all .3s ease;animation:fadeInUp .5s ease-out both}.stat-card:hover{transform:translateY(-3px);border-color:#3b82f64d;box-shadow:0 8px 30px #0003}.stat-card-content{display:flex;justify-content:space-between;align-items:flex-start}.stat-card-info{display:flex;flex-direction:column;gap:2px}.stat-card-title{font-size:9px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.stat-card-value{font-size:20px;font-weight:700;color:#f1f5f9;line-height:1.2}.stat-card-status{font-size:9px;color:#64748b}.stat-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card-icon svg{width:18px;height:18px}.stat-card-icon.primary{background:linear-gradient(135deg,#2563eb,#3b82f6)}.stat-card-icon.dark{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(71,85,105,.5)}.stat-card-icon.success{background:linear-gradient(135deg,#059669,#10b981)}.stat-card-icon.warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.stat-card-icon.info{background:linear-gradient(135deg,#0891b2,#06b6d4)}.stat-card-icon.purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.stat-card-icon.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.stat-card-icon svg{width:20px;height:20px}.stat-card.large .stat-card-value{font-size:20px}.stat-card.large .stat-card-value.currency{color:#10b981}.stat-card.large:last-child .stat-card-value.currency{color:#f59e0b}.dashboard-error{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;margin-bottom:24px;color:#f87171;font-size:13px}.dashboard-error span{flex:1}.dashboard-error .retry-btn{padding:6px 14px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-error .retry-btn:hover{background:#ef44444d}.value-skeleton{display:inline-block;width:60px;height:28px;background:linear-gradient(90deg,#94a3b81a 25%,#94a3b833,#94a3b81a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.stat-card.large .value-skeleton{width:100px;height:32px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-access-page{animation:fadeIn .5s ease-out}.user-access-page .filter-dropdown{display:flex;align-items:center;gap:8px;background:#1e293bcc;border:1px solid rgba(71,85,105,.4);border-radius:8px;padding:0 12px;height:36px;transition:all .2s ease}.user-access-page .filter-dropdown:hover{border-color:#47556999}.user-access-page .filter-dropdown svg{color:#64748b;flex-shrink:0}.user-access-page .filter-dropdown select{background:transparent;border:none;color:#e2e8f0;font-size:12px;font-family:inherit;outline:none;cursor:pointer;padding-right:8px;min-width:120px}.user-access-page .filter-dropdown select option{background:#1e293b;color:#e2e8f0}.page-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:8px;padding:8px 12px;min-width:240px;transition:all .2s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.search-box svg{color:#64748b;flex-shrink:0;width:14px;height:14px}.search-input{background:transparent;border:none;color:#e2e8f0;font-size:11px;font-family:inherit;width:100%;outline:none}.search-input::placeholder{color:#64748b}.btn-primary{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;font-size:11px;font-weight:600;font-family:inherit;padding:8px 14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.btn-primary:active{transform:translateY(0)}.btn-primary svg{width:14px;height:14px}.btn-primary:disabled,.btn-primary.disabled{background:#47556980;cursor:not-allowed;opacity:.6;transform:none}.btn-primary:disabled:hover,.btn-primary.disabled:hover{background:#47556980;transform:none}.table-container{background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#47556980;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#475569b3}.data-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.data-table thead{background:#0f172a80}.data-table th{text-align:left;padding:10px 12px;font-size:9px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(71,85,105,.3);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid rgba(71,85,105,.2);vertical-align:middle}.data-table tbody tr{transition:all .2s ease;animation:fadeIn .4s ease-out both}.data-table tbody tr:hover{background:#3b82f60d}.data-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:8px;min-width:140px}.user-avatar{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.user-avatar.small{width:26px;height:26px;font-size:9px;border-radius:6px}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-size:12px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-emp-id{font-size:10px;color:#64748b;white-space:nowrap}.user-designation{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-text{font-size:10px;color:#94a3b8;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:500;border:1px solid}.role-badge svg{width:8px;height:8px}.role-admin{background:#8b5cf61a;border-color:#8b5cf64d;color:#c4b5fd}.role-admin svg{color:#8b5cf6;fill:#8b5cf6}.role-accountant{background:#10b9811a;border-color:#10b9814d;color:#6ee7b7}.role-accountant svg{color:#10b981;fill:#10b981}.role-user{background:#06b6d41a;border-color:#06b6d44d;color:#67e8f9}.role-user svg{color:#06b6d4;fill:#06b6d4}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.status-active{background:#10b98126;color:#34d399}.status-inactive{background:#ef444426;color:#f87171}.date-text{font-size:10px;color:#94a3b8}.action-buttons{display:flex;align-items:center;gap:5px;white-space:nowrap}.completed-badge-small{font-size:11px;font-weight:500;color:#10b981;background:#10b9811a;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}[data-theme=light] .completed-badge-small{color:#059669;background:#10b98126}.action-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.action-btn.edit{background:#3b82f626;color:#60a5fa}.action-btn.edit:hover{background:#3b82f640;transform:translateY(-2px)}.action-btn.delete{background:#ef444426;color:#f87171}.action-btn.delete:hover{background:#ef444440;transform:translateY(-2px)}.action-btn.clear-cache{background:#f59e0b26;color:#fbbf24}.action-btn.clear-cache:hover{background:#f59e0b40;transform:translateY(-2px)}.action-btn.clear-cache.loading{opacity:.6;cursor:not-allowed}.action-btn.clear-cache.loading svg{animation:spin 1s linear infinite}.action-btn.deactivate{background:#ef444426;color:#f87171}.action-btn.deactivate:hover{background:#ef444440;transform:translateY(-2px)}.action-btn.activate{background:#10b98126;color:#34d399}.action-btn.activate:hover{background:#10b98140;transform:translateY(-2px)}.inactive-row{opacity:.6}.inactive-row .user-avatar{filter:grayscale(50%)}.empty-state{text-align:center;padding:60px 20px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state p{font-size:11px}.empty-table-cell{padding:0!important;background:transparent!important}.empty-table-cell .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#1e293b4d,#0f172a4d);border-radius:12px;margin:16px}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:50%;margin-bottom:20px}.empty-state-icon svg{color:#818cf8;opacity:.8}.empty-state-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.empty-state-text{font-size:13px;color:#94a3b8;margin:0;max-width:320px;line-height:1.5}.empty-state-link{background:none;border:none;color:#60a5fa;font-size:13px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.empty-state-link:hover{color:#93c5fd}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid rgba(148,163,184,.1);background:#0f172a80;border-radius:0 0 12px 12px;flex-wrap:wrap;gap:12px}.pagination-info{font-size:12px;color:#94a3b8;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.pagination-btn{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:#33415580;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#e2e8f0;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.pagination-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff}.pagination-ellipsis{padding:0 4px;color:#64748b;font-size:12px;display:inline-flex;align-items:center;height:32px;flex-shrink:0}.projects-page{animation:fadeIn .5s ease-out}.client-text{font-size:10px;color:#94a3b8}.value-text{font-size:12px;font-weight:600;color:#10b981;white-space:nowrap}.duration-cell{display:flex;align-items:center;gap:8px}.date-separator{color:#475569}.progress-cell{display:flex;align-items:center;gap:10px;min-width:100px}.progress-bar{flex:1;height:5px;background:#4755694d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .3s ease}.progress-text{font-size:10px;font-weight:500;color:#94a3b8;min-width:32px}.status-ongoing{background:#f59e0b26;color:#fbbf24}.status-completed{background:#10b98126;color:#34d399}.status-upcoming{background:#3b82f626;color:#60a5fa}.action-btn.view{background:#8b5cf626;color:#a78bfa}.action-btn.view:hover{background:#8b5cf640;transform:translateY(-2px)}.expense-manager-page{animation:fadeIn .5s ease-out}.expense-summary{display:flex;gap:24px;margin-bottom:24px;padding:20px 24px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:12px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:11px;color:#64748b}.summary-value{font-size:11px;font-weight:700;color:#f1f5f9}.summary-item:first-child .summary-value{color:#10b981}.description-text{font-size:11px;color:#e2e8f0;font-weight:500}.project-text{font-size:11px;color:#94a3b8}.amount-text{font-size:11px;font-weight:600;color:#f59e0b}.user-cell.compact{gap:10px}.user-avatar.small{width:28px;height:28px;font-size:11px;border-radius:6px}.user-name-small{font-size:11px;color:#cbd5e1}.category-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500}.category-salary{background:#3b82f626;color:#60a5fa}.category-infrastructure{background:#8b5cf626;color:#a78bfa}.category-software{background:#06b6d426;color:#22d3ee}.category-travel{background:#ec489926;color:#f472b6}.category-marketing{background:#f59e0b26;color:#fbbf24}.category-misc{background:#94a3b826;color:#cbd5e1}.status-approved{background:#10b98126;color:#34d399}.status-pending{background:#f59e0b26;color:#fbbf24}.status-rejected{background:#ef444426;color:#f87171}.wallet-manager-page{animation:fadeIn .5s ease-out}.wallet-summary{display:flex;gap:20px;margin-bottom:24px}.wallet-summary-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:12px;flex:1;max-width:300px}.summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#10b98126;border-radius:12px;color:#34d399}.summary-icon.users{background:#3b82f626;color:#60a5fa}.summary-content{display:flex;flex-direction:column;gap:4px}.wallet-summary .summary-label{font-size:10px;color:#64748b}.wallet-summary .summary-value{font-size:16px;font-weight:700;color:#f1f5f9}.designation-text{font-size:10px;color:#94a3b8}.wallet-balance{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.wallet-balance.balance-zero{background:#ef444426;color:#f87171}.wallet-balance.balance-low{background:#f59e0b26;color:#fbbf24}.wallet-balance.balance-medium{background:#3b82f626;color:#60a5fa}.wallet-balance.balance-high{background:#10b98126;color:#34d399}.last-used-text{font-size:10px;color:#94a3b8;white-space:nowrap}.wallet-id-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-size:10px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border-radius:5px;letter-spacing:.3px;white-space:nowrap}.location-cell{display:flex;align-items:center;gap:6px}.location-cell svg{color:#64748b;flex-shrink:0}.location-text{font-size:10px;color:#94a3b8;white-space:nowrap}.contact-cell{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:6px}.contact-item svg{color:#64748b;flex-shrink:0}.contact-text{font-size:10px;color:#94a3b8;white-space:nowrap}.contact-text.email{color:#60a5fa}.team-cell{display:flex;align-items:center;gap:6px}.team-cell svg{color:#64748b;flex-shrink:0}.team-text{font-size:10px;color:#94a3b8;white-space:nowrap}.user-access-table{min-width:820px}.wallet-table{min-width:840px}.modal-wallet-id{font-size:10px;color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-top:2px}.action-btn.add-money{background:#10b98126;color:#34d399}.action-btn.add-money:hover{background:#10b98140;transform:translateY(-2px)}.action-btn.history{background:#8b5cf626;color:#a78bfa}.action-btn.history:hover{background:#8b5cf640;transform:translateY(-2px)}@media(max-width:768px){.wallet-summary{flex-direction:column}.wallet-summary-card{max-width:100%}}.add-money-page{padding:0}.add-money-page .page-header{margin-bottom:24px}.add-money-page .page-header-content{display:flex;align-items:flex-start}.add-money-page .page-header-content>div{flex:1}.add-money-content{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.recipient-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;overflow:hidden;position:sticky;top:24px}.recipient-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#3b82f61a;border-bottom:1px solid rgba(71,85,105,.3);color:#3b82f6;font-weight:600;font-size:14px}.recipient-info{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid rgba(71,85,105,.3)}.recipient-info .user-avatar.large{width:56px;height:56px;font-size:18px;border-radius:12px}.recipient-details{display:flex;flex-direction:column;gap:4px}.recipient-name{font-size:16px;font-weight:600;color:#f1f5f9}.recipient-designation{font-size:13px;color:#94a3b8}.recipient-meta{font-size:11px;color:#64748b}.balance-summary{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#0f172a66}.balance-summary .balance-item{display:flex;flex-direction:column;gap:4px;text-align:center}.balance-summary .balance-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.balance-summary .balance-value{font-size:18px;font-weight:700}.balance-summary .balance-value.current{color:#94a3b8}.balance-summary .balance-value.new{color:#10b981}.balance-summary .balance-arrow{color:#64748b;font-size:20px}.add-money-form{flex:1}.form-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;overflow:visible}.form-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#1e293b80;border-bottom:1px solid rgba(71,85,105,.3);border-radius:12px 12px 0 0;color:#e2e8f0;font-weight:600;font-size:14px}.form-card-header svg{color:#3b82f6}.form-body{padding:24px;display:flex;flex-direction:column;gap:20px;overflow:visible;position:relative}.form-body .form-group{position:relative;z-index:1}.form-body .form-group:has(.custom-dropdown.active){z-index:1000}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#0f172a66;border-top:1px solid rgba(71,85,105,.3);border-radius:0 0 12px 12px}.custom-dropdown{position:relative;width:100%}.custom-dropdown.active{z-index:1000}.custom-dropdown .dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0f172ae6;border:1px solid rgba(71,85,105,.5);border-radius:10px;color:#f1f5f9;font-size:13px;cursor:pointer;transition:all .2s ease;min-height:48px}.custom-dropdown .dropdown-trigger:hover{border-color:#3b82f6}.custom-dropdown .dropdown-trigger.open{border-color:#3b82f6;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;background:#1e293b}.custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid #3b82f6;border-top:1px solid rgba(71,85,105,.3);border-radius:0 0 10px 10px;z-index:9999;max-height:250px;overflow-y:auto;margin-top:-1px;box-shadow:0 10px 40px #0000004d}.custom-dropdown .dropdown-options{padding:0}.custom-dropdown .dropdown-option{padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(71,85,105,.3);transition:background .2s ease}.custom-dropdown .dropdown-option:last-child{border-bottom:none;border-radius:0 0 10px 10px}.custom-dropdown .dropdown-option:hover{background:#3b82f61a}.custom-dropdown .dropdown-option.selected{background:#3b82f633}.selected-bank{display:flex;align-items:center;gap:10px}.selected-bank svg{color:#3b82f6;flex-shrink:0}.bank-option{display:flex;align-items:center;gap:12px}.bank-option svg{color:#64748b;flex-shrink:0}.bank-details{display:flex;flex-direction:column;gap:2px}.bank-name{font-size:13px;color:#f1f5f9;font-weight:500}.bank-account{font-size:11px;color:#64748b}.dropdown-option:hover .bank-option svg,.dropdown-option.selected .bank-option svg{color:#3b82f6}[data-theme=light] .custom-dropdown .dropdown-trigger{background:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .custom-dropdown .dropdown-trigger:hover{border-color:#3b82f6}[data-theme=light] .custom-dropdown .dropdown-trigger.open{background:#fff;border-color:#3b82f6;border-bottom-color:transparent}[data-theme=light] .custom-dropdown .dropdown-menu{background:#fff;border-color:#3b82f6;border-top-color:#e2e8f0}[data-theme=light] .custom-dropdown .dropdown-option{border-bottom-color:#e2e8f0}[data-theme=light] .custom-dropdown .dropdown-option:hover{background:#3b82f614}[data-theme=light] .custom-dropdown .dropdown-option.selected{background:#3b82f61f}@media(max-width:900px){.add-money-content{grid-template-columns:1fr}.recipient-card{position:static}}[data-theme=light] .recipient-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .recipient-header{background:#3b82f614;border-color:#e2e8f0}[data-theme=light] .recipient-info{border-color:#e2e8f0}[data-theme=light] .recipient-designation{color:#64748b}[data-theme=light] .recipient-meta{color:#94a3b8}[data-theme=light] .balance-summary{background:#f8fafc}[data-theme=light] .balance-summary .balance-value.current{color:#64748b}[data-theme=light] .form-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .form-card-header{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .form-actions{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .bank-name{color:#0f172a}[data-theme=light] .bank-account{color:#64748b}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-container{background:#1e293b;border:1px solid rgba(71,85,105,.4);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(71,85,105,.3);gap:16px}.modal-title-group{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.modal-header h2,.modal-title{font-size:14px;font-weight:600;color:#f1f5f9;margin:0}.modal-subtitle{font-size:11px;color:#94a3b8;margin:0;line-height:1.4;word-break:break-word}.modal-subtitle:has(span){display:flex;flex-wrap:wrap;align-items:center;gap:6px}.modal-project-name{color:#cbd5e1;font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-project-id{color:#64748b;font-size:10px;padding:2px 6px;background:#4755694d;border-radius:4px;white-space:nowrap}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4755694d;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ef444433;color:#f87171}.modal-body{padding:20px 24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(71,85,105,.3)}.modal-user-info{display:flex;align-items:center;gap:14px;padding:14px;background:#0f172a80;border-radius:12px;margin-bottom:20px}.user-avatar.large{width:44px;height:44px;font-size:14px}.modal-user-details{display:flex;flex-direction:column;gap:2px}.modal-user-name{font-size:13px;font-weight:600;color:#f1f5f9}.modal-user-designation{font-size:11px;color:#64748b}.balance-display{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;background:#0f172a80;border-radius:12px;margin-bottom:16px}.balance-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.balance-item .balance-label{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.balance-item .balance-value{font-size:16px;font-weight:700}.balance-item.current .balance-value{color:#94a3b8}.balance-item.new .balance-value{color:#34d399}.balance-arrow{font-size:14px;color:#64748b}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:#0f172a66;border:2px dashed rgba(71,85,105,.4);border-radius:12px;cursor:pointer;transition:all .2s ease}.file-upload-area.drag-over{border-color:#3b82f6cc;background:#3b82f61a;transform:scale(1.01);box-shadow:0 0 20px #3b82f633}.file-upload-area.drag-over svg{color:#3b82f6;transform:translateY(-4px)}.file-upload-area svg{color:#64748b;margin-bottom:12px;transition:all .2s ease}.upload-text{font-size:11px;color:#e2e8f0;margin:0 0 4px}.upload-hint{font-size:11px;color:#64748b;margin:0}.uploaded-files-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.uploaded-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0f172a80;border:1px solid rgba(71,85,105,.3);border-radius:10px}.file-info{display:flex;align-items:center;gap:12px;min-width:0}.file-info svg{color:#64748b;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:#64748b}.file-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:6px;color:#f87171;cursor:pointer;transition:all .2s ease;flex-shrink:0}.file-remove-btn:hover{background:#ef444433}.file-upload-area.validating{border-color:#3b82f680;background:#3b82f60d;cursor:wait}.file-upload-area.has-file{border-color:#10b98166;background:#10b9810d;cursor:default}.file-upload-area.has-file svg{color:#34d399}.upload-text.uploaded-text{color:#34d399;font-weight:500}.validation-loader{margin-bottom:12px}.validation-loader .loader-spinner{width:32px;height:32px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.upload-text.validating-text{color:#60a5fa;font-weight:500}.validation-status{margin-top:12px;padding:12px 16px;border-radius:10px;border:1px solid}.validation-status.success{background:#10b9811a;border-color:#10b9814d}.validation-status.warning{background:#f59e0b1a;border-color:#f59e0b4d}.validation-success{display:flex;align-items:flex-start;gap:12px;color:#34d399;font-size:13px;font-weight:500}.validation-success svg{flex-shrink:0;margin-top:2px}.validation-success .ref-number{margin-left:auto;font-size:11px;color:#64748b;font-weight:400}.validation-details{display:flex;flex-direction:column;gap:4px;flex:1}.validation-title{font-size:13px;font-weight:600;color:#34d399}.validation-meta{display:flex;flex-wrap:wrap;gap:8px}.validation-meta .meta-item{font-size:11px;color:#64748b;font-weight:400;padding:2px 8px;background:#64748b1a;border-radius:4px}.validation-warning{display:flex;align-items:flex-start;gap:12px}.validation-warning>svg{color:#fbbf24;flex-shrink:0;margin-top:2px}.warning-content{display:flex;flex-direction:column;gap:4px;flex:1}.warning-title{font-size:13px;font-weight:600;color:#fbbf24}.warning-detail{font-size:12px;color:#94a3b8}.warning-remark{font-size:11px;color:#64748b;font-style:italic;margin-top:4px}.btn-resolve{padding:6px 14px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#fbbf24;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-resolve:hover{background:#f59e0b40;border-color:#f59e0b80}.mismatch-modal{background:#1e293b;border:1px solid rgba(71,85,105,.4);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0009;animation:modalSlideIn .3s ease-out}.mismatch-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(71,85,105,.3);gap:16px}.mismatch-modal .modal-body{padding:24px}.modal-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.modal-icon.warning{background:#f59e0b26;color:#fbbf24}.modal-icon.error{background:#ef444426;color:#f87171}.invalid-doc-modal .modal-icon.error svg{width:24px;height:24px}.invalid-doc-message{padding:16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-bottom:20px}.invalid-doc-message p{font-size:13px;color:#e2e8f0;margin:0 0 12px}.invalid-doc-message ul{margin:0;padding-left:20px}.invalid-doc-message li{font-size:12px;color:#94a3b8;margin-bottom:6px}.invalid-doc-message li:last-child{margin-bottom:0}.amount-comparison{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#0f172a66;border-radius:12px;margin-bottom:16px}.amount-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;border-radius:10px;flex:1}.amount-box.entered{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.amount-box.document{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.amount-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.amount-box.entered .amount-value{font-size:20px;font-weight:700;color:#f87171}.amount-box.document .amount-value{font-size:20px;font-weight:700;color:#34d399}.amount-arrow{color:#64748b}.reference-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#3b82f61a;border-radius:8px;margin-bottom:20px}.ref-label{font-size:12px;color:#64748b}.ref-value{font-size:12px;font-weight:600;color:#60a5fa;font-family:Monaco,Menlo,monospace}.mismatch-options{display:flex;flex-direction:column;gap:12px}.option-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.option-card:not(.remark-option):hover{border-color:#10b98180;background:#10b9810d}.option-card.remark-option{cursor:default}.option-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.option-icon.update{background:#10b98126;color:#34d399}.option-icon.remark{background:#3b82f626;color:#60a5fa}.option-content{flex:1}.option-content h4{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.option-content p{font-size:12px;color:#64748b;margin:0}.option-divider{display:flex;align-items:center;gap:12px;color:#64748b;font-size:11px;text-transform:uppercase}.option-divider:before,.option-divider:after{content:"";flex:1;height:1px;background:#4755694d}.remark-input-group{margin-top:12px;display:flex;flex-direction:column;gap:10px}.remark-input{width:100%;padding:10px 12px;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:8px;color:#e2e8f0;font-size:12px;resize:none;font-family:inherit}.remark-input:focus{outline:none;border-color:#3b82f680}.remark-input::placeholder{color:#64748b}.btn-continue-remark{align-self:flex-end;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-continue-remark:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-continue-remark:disabled{opacity:.5;cursor:not-allowed}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0}.status-modal{max-width:440px}.modal-project-info{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a80;border-radius:10px;margin-bottom:20px}.modal-project-details{display:flex;flex-direction:column;gap:2px}.form-select{width:100%;padding:10px 12px;background:#0f172a99;border:1px solid rgba(71,85,105,.4);border-radius:8px;color:#e2e8f0;font-size:12px;font-family:inherit;cursor:pointer;outline:none;transition:all .2s ease}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.form-select option{background:#1e293b;color:#e2e8f0;padding:8px}.form-textarea{width:100%;padding:10px 12px;background:#0f172a99;border:1px solid rgba(71,85,105,.4);border-radius:8px;color:#e2e8f0;font-size:12px;font-family:inherit;outline:none;resize:vertical;min-height:70px;transition:all .2s ease}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.quick-remarks{margin-top:16px}.quick-remarks-label{font-size:11px;color:#64748b;display:block;margin-bottom:8px}.quick-remarks-list{display:flex;flex-wrap:wrap;gap:6px}.quick-remark-btn{padding:5px 10px;background:#47556933;border:1px solid rgba(71,85,105,.3);border-radius:6px;color:#94a3b8;font-size:10px;font-family:inherit;cursor:pointer;transition:all .2s ease}.quick-remark-btn:hover{background:#4755694d;color:#e2e8f0}.quick-remark-btn.active{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.status-info-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e293b80;border-radius:8px;margin-bottom:24px}.status-info-label{font-size:12px;color:#94a3b8}.status-arrow{font-size:14px;color:#64748b}.deactivate-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.25);border-radius:10px;margin-top:20px;border-left:3px solid #ef4444}.deactivate-warning svg{flex-shrink:0;color:#ef4444;margin-top:2px;width:18px;height:18px}.deactivate-warning span{font-size:12px;color:#fca5a5;line-height:1.6}.activate-info{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.25);border-radius:10px;margin-top:20px;border-left:3px solid #10b981}.activate-info svg{flex-shrink:0;color:#10b981;margin-top:2px;width:18px;height:18px}.activate-info span{font-size:12px;color:#6ee7b7;line-height:1.6}.clear-cache-warning{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.25);border-radius:10px;margin-top:20px;border-left:3px solid #f59e0b}.clear-cache-warning svg{flex-shrink:0;color:#f59e0b;margin-top:2px;width:20px;height:20px}.clear-cache-warning .warning-content{flex:1}.clear-cache-warning .warning-content h4{font-size:13px;font-weight:600;color:#fbbf24;margin:0 0 10px}.clear-cache-warning .warning-content ul{margin:0;padding:0 0 0 18px;list-style:disc}.clear-cache-warning .warning-content li{font-size:12px;color:#fcd34d;line-height:1.8}.confirmation-text{font-size:13px;color:#94a3b8;margin-top:20px;text-align:center}.confirmation-text strong{color:#e2e8f0}.btn-warning{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-warning:disabled{background:#47556980;cursor:not-allowed;opacity:.6;transform:none}.btn-danger{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-danger:disabled{background:#47556980;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{display:flex;align-items:center;gap:6px;background:#4755694d;border:1px solid rgba(71,85,105,.4);border-radius:8px;color:#94a3b8;font-size:11px;font-weight:500;font-family:inherit;padding:8px 14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#47556966;color:#e2e8f0}@media(max-width:540px){.modal-container{margin:16px;max-height:calc(100vh - 32px)}.balance-display{flex-direction:column;gap:12px}.balance-arrow{transform:rotate(90deg)}}.wallet-history-page{animation:fadeIn .5s ease-out}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.history-summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#1e293b99,#1e293b4d);border:1px solid rgba(71,85,105,.3);border-radius:16px;position:relative;overflow:hidden;transition:all .3s ease}.history-summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:16px 0 0 16px}.history-summary-card.received:before{background:linear-gradient(180deg,#10b981,#059669)}.history-summary-card.spent:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.history-summary-card.transferred:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.history-summary-card.balance:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.history-summary-card:hover{border-color:#47556980;transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.summary-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.history-summary-card.spent .summary-card-icon{background:linear-gradient(135deg,#ef444433,#dc26261a);color:#f87171;box-shadow:0 4px 12px #ef444426}.history-summary-card.received .summary-card-icon{background:linear-gradient(135deg,#10b98133,#0596691a);color:#34d399;box-shadow:0 4px 12px #10b98126}.history-summary-card.transferred .summary-card-icon{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:#60a5fa;box-shadow:0 4px 12px #3b82f626}.history-summary-card.balance .summary-card-icon{background:linear-gradient(135deg,#8b5cf633,#7c3aed1a);color:#a78bfa;box-shadow:0 4px 12px #8b5cf626}.summary-card-content{display:flex;flex-direction:column;gap:6px;min-width:0}.summary-card-label{font-size:12px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-card-value{font-size:22px;font-weight:700;color:#f1f5f9;line-height:1.2}.summary-card-value.credit{color:#34d399}.history-summary-card.spent .summary-card-value{color:#f87171}.history-summary-card.received .summary-card-value{color:#34d399}.history-summary-card.transferred .summary-card-value{color:#60a5fa}.history-summary-card.balance .summary-card-value{color:#a78bfa}.transaction-details{display:flex;flex-direction:column;gap:4px}.expense-description{font-size:10px;color:#e2e8f0;font-weight:500}.transaction-number{font-size:9px;color:#64748b;font-family:Monaco,Consolas,monospace}.transaction-narration{font-size:9px;color:#94a3b8;font-style:italic}.transaction-party{font-size:9px;color:#60a5fa}.expense-category-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:9px;font-weight:500}.expense-category-infrastructure{background:#8b5cf626;color:#a78bfa}.expense-category-software{background:#06b6d426;color:#22d3ee}.expense-category-hardware{background:#ec489926;color:#f472b6}.expense-category-operation{background:#14b8a626;color:#2dd4bf}.expense-category-travel{background:#f59e0b26;color:#fbbf24}.expense-category-hotel,.expense-category-marketing{background:#3b82f626;color:#60a5fa}.expense-category-asset{background:#10b98126;color:#34d399}.expense-category-repair{background:#ef444426;color:#f87171}.expense-category-stationary{background:#6366f126;color:#818cf8}.expense-category-food{background:#f9731626;color:#fb923c}.expense-category-misc{background:#94a3b826;color:#94a3b8}.expense-category-default{background:#47556926;color:#64748b}.no-category{font-size:10px;color:#64748b}.expense-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:5px;font-size:10px;font-weight:600}.expense-type-infrastructure{background:#8b5cf626;color:#a78bfa}.expense-type-software{background:#06b6d426;color:#22d3ee}.expense-type-travel{background:#ec489926;color:#f472b6}.expense-type-marketing{background:#f59e0b26;color:#fbbf24}.expense-type-misc{background:#94a3b826;color:#94a3b8}.expense-type-received{background:#10b98126;color:#10b981}.expense-type-paid{background:#ef444426;color:#ef4444}.expense-type-transferred{background:#3b82f626;color:#3b82f6}.type-method-cell{display:flex;flex-direction:column;gap:4px}.payment-method-text{font-size:10px;color:#64748b;font-style:italic}.download-statement-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;white-space:nowrap}.download-statement-btn:disabled{opacity:.5;cursor:not-allowed}.page-header-actions{display:flex;align-items:center;gap:12px}.project-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.project-avatar.small{width:26px;height:26px;font-size:9px;border-radius:6px}.project-name-text{font-size:10px;color:#cbd5e1}.project-details .project-name-text{font-size:10px;font-weight:500;color:#e2e8f0}.project-id-text{font-size:9px;color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.3px}.wallet-history-table{min-width:820px}.expense-amount{font-size:10px;font-weight:600;color:#f87171}.attachment-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:10px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.attachment-btn svg{width:14px;height:14px;flex-shrink:0}.attachment-btn:hover{background:#3b82f633;border-color:#3b82f680}.attachment-btn svg:first-child{color:#60a5fa}.attachment-btn svg:last-child{color:#94a3b8;margin-left:2px}.attachment-text{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-attachment{font-size:10px;color:#64748b;font-style:italic}@media(max-width:1100px){.history-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.history-summary{grid-template-columns:1fr;gap:12px}.history-summary-card{padding:16px}.summary-card-value{font-size:18px}.summary-card-icon{width:40px;height:40px}.wallet-history-page .filters-row{padding:12px 16px}.wallet-history-page .filter-controls{gap:8px}.attachment-btn{padding:6px 10px}.attachment-text{display:none}}.client-management-page{animation:fadeIn .5s ease-out}.contact-info{display:flex;flex-direction:column;gap:6px}.contact-row{display:flex;align-items:center;gap:8px}.contact-row svg{color:#64748b;flex-shrink:0}.phone-text{font-size:11px;color:#94a3b8}.projects-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 10px;background:#3b82f626;color:#60a5fa;font-size:11px;font-weight:600;border-radius:6px}.industry-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500}.industry-ecommerce{background:#f59e0b26;color:#fbbf24}.industry-banking{background:#10b98126;color:#34d399}.industry-healthcare{background:#ef444426;color:#f87171}.industry-logistics{background:#3b82f626;color:#60a5fa}.industry-technology{background:#8b5cf626;color:#a78bfa}.industry-education{background:#06b6d426;color:#22d3ee}.industry-other{background:#94a3b826;color:#cbd5e1}.status-prospect{background:#8b5cf626;color:#a78bfa}.address-text{font-size:11px;color:#64748b;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-cell{display:flex;align-items:flex-start;gap:10px}.location-cell svg{color:#64748b;margin-top:2px;flex-shrink:0}.location-details{display:flex;flex-direction:column;gap:2px}.city-text{font-size:11px;font-weight:500;color:#e2e8f0}.state-text{font-size:10px;color:#64748b}.bd-cell{display:flex;align-items:center;gap:8px;min-width:120px;white-space:nowrap}.bd-cell .bd-details{display:flex;flex-direction:column;gap:2px}.bd-cell .bd-name{font-size:12px;font-weight:500;color:#e2e8f0;white-space:nowrap}.bd-cell .bd-employee-id{font-size:10px;color:#64748b;white-space:nowrap}.bd-pm-cell{display:flex;flex-direction:column;gap:2px}.bd-pm-cell .bd-info{display:flex;align-items:center;gap:8px}.bd-pm-cell .bd-pm-details{display:flex;flex-direction:column;gap:2px}.bd-pm-cell .bd-name{font-size:12px;font-weight:500;color:#e2e8f0;white-space:nowrap}.bd-pm-cell .pm-name{font-size:9px;color:#94a3b8;white-space:nowrap}.bd-name{font-size:11px;color:#cbd5e1;white-space:nowrap}.type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap;width:fit-content}.user-profile-info .type-badge{margin-top:4px}.type-agency{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.type-brand{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.filters-row .search-box{flex:1;min-width:240px;max-width:360px}.filter-controls{display:flex;align-items:center;gap:10px}.type-permanent{background:#10b98126;color:#34d399}.type-event{background:#f59e0b26;color:#fbbf24}.projects-table{min-width:955px}.teams-cell{display:flex;flex-wrap:wrap;gap:6px}.team-tag{display:inline-flex;align-items:center;padding:3px 8px;background:#3b82f61f;color:#93c5fd;font-size:10px;font-weight:500;border-radius:4px}.team-tag.more{background:#94a3b826;color:#94a3b8}.project-id-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-size:10px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border-radius:5px;letter-spacing:.3px;white-space:nowrap}.employee-id-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:10px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border-radius:5px;letter-spacing:.3px;white-space:nowrap}.status-cell{display:flex;flex-direction:column;gap:3px;min-width:100px}.payment-remark{font-size:9px;color:#94a3b8;font-style:italic;padding-left:2px;white-space:nowrap}.timeline-cell{display:flex;flex-direction:column;gap:2px;min-width:160px}.timeline-dates{display:flex;align-items:center;gap:5px;white-space:nowrap}.date-label{font-size:9px;color:#64748b;min-width:45px;flex-shrink:0}.timeline-dates .date-text{font-size:10px;white-space:nowrap}.form-row.three-col{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.form-row.three-col{grid-template-columns:1fr 1fr}}@media(max-width:640px){.form-row.three-col{grid-template-columns:1fr}}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:16px;color:#64748b;font-size:11px;font-weight:500;z-index:1}.form-input.has-prefix{padding-left:36px}.input-with-icon{position:relative}.input-with-icon .form-input{padding-right:44px}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.team-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.team-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.team-toggle-card:hover{border-color:#3b82f666;background:#3b82f60d}.team-toggle-card.active{border-color:#3b82f680;background:#3b82f61a}.team-name{font-size:11px;font-weight:500;color:#e2e8f0}.team-toggle-card.active .team-name{color:#60a5fa}.toggle-switch.small{width:44px;height:24px}.toggle-switch.small .toggle-slider:before{height:18px;width:18px}.toggle-switch.small .toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.assign-team-page{animation:fadeIn .5s ease-out}.assignment-summary{display:flex;gap:24px;margin-bottom:24px;padding:20px 24px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:12px}.assignment-summary .summary-item{display:flex;flex-direction:column;gap:4px}.assignment-summary .summary-label{font-size:11px;color:#64748b}.assignment-summary .summary-value{font-size:11px;font-weight:700;color:#3b82f6}.team-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:24px}.team-card{position:relative;background:#1e293b66;border:1px solid;border-radius:16px;overflow:visible;transition:all .2s ease}.team-card.dropdown-active{z-index:100!important}.team-card:hover{box-shadow:0 8px 24px #0003}.team-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(71,85,105,.2);border-radius:16px 16px 0 0}.team-header-content{display:flex;align-items:center;gap:12px}.team-header-content svg{color:var(--team-color)}.team-header-content h3{font-size:11px;font-weight:600;margin:0}.member-count{font-size:11px;font-weight:500}.team-card-body{padding:20px;overflow:visible}.add-member-row{display:flex;gap:12px;margin-bottom:20px;align-items:stretch}.add-member-row .searchable-dropdown{flex:1;min-width:0}.btn-add-member{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid;border-radius:10px;font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-add-member:hover:not(:disabled){transform:translateY(-1px)}.btn-add-member:disabled{cursor:not-allowed;opacity:.6}.assigned-members-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.no-members{text-align:center;padding:30px 20px;color:#64748b}.no-members p{font-size:11px;margin:0}.assigned-member-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0f172a66;border:1px solid rgba(71,85,105,.2);border-radius:10px;transition:all .2s ease}.assigned-member-item:hover{border-color:#47556966}.member-info{display:flex;align-items:center;gap:12px}.member-name{font-size:11px;font-weight:500;color:#e2e8f0}.member-role{font-size:11px;color:#64748b}.btn-remove-member{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:6px;color:#f87171;cursor:pointer;transition:all .2s ease}.btn-remove-member:hover{background:#ef444433}.sticky-actions{position:sticky;bottom:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 24px;margin:0 -24px -24px;border-top:1px solid rgba(71,85,105,.3)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#94a3b8}.loading-state p,.error-state p{font-size:11px;margin-bottom:20px}.action-btn.assign{background:#06b6d426;color:#22d3ee}.action-btn.assign:hover{background:#06b6d440;transform:translateY(-2px)}.action-btn.status-update{background:#a855f726;color:#c084fc}.action-btn.status-update:hover{background:#a855f740;transform:translateY(-2px)}.status-onhold{background:#f9731626;color:#fb923c}.status-cancelled{background:#ef444426;color:#f87171}.searchable-dropdown{position:relative;flex:1;min-width:0;width:100%;z-index:100}.form-group:has(.searchable-dropdown){position:relative;z-index:100;overflow:visible!important}.form-group.dropdown-active{position:relative;z-index:1000;overflow:visible!important}.form-row:has(.dropdown-active),.user-form:has(.dropdown-active),.form-container:has(.dropdown-active){overflow:visible!important}.dropdown-trigger{display:flex;align-items:center;gap:10px;background:#0f172ae6;border:1px solid rgba(71,85,105,.4);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box;min-width:0;overflow:hidden;min-height:48px}.dropdown-trigger:hover{border-color:#47556999}.dropdown-trigger.open{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.dropdown-trigger.open .dropdown-placeholder{color:#e2e8f0}.dropdown-trigger.disabled-look{opacity:.5;cursor:not-allowed}.dropdown-trigger.disabled-look:hover{border-color:#47556966}.dropdown-trigger svg{color:#64748b;flex-shrink:0}.dropdown-trigger>svg:last-child{margin-left:auto;transition:transform .2s ease}.dropdown-trigger.open>svg:last-child{transform:rotate(180deg)}.dropdown-search-input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:11px;font-family:inherit;outline:none;min-width:0}.dropdown-search-input::placeholder{color:#64748b}.dropdown-menu{position:absolute;top:calc(100% - 1px);left:-1px;right:-1px;background:#1e293b;border:1px solid #3b82f6;border-top:1px solid rgba(71,85,105,.3);border-radius:0 0 10px 10px;box-shadow:0 10px 40px #00000080;z-index:9999;display:flex;flex-direction:column}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-empty{padding:24px 20px;text-align:center;color:#94a3b8;font-size:12px;background:#1e293b}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(71,85,105,.2)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#3b82f61a}.dropdown-item-details{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-item-name{font-size:11px;font-weight:500;color:#e2e8f0}.dropdown-item-meta{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:#47556980;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#475569b3}.dropdown-placeholder{color:#94a3b8;font-size:12px;flex:1}.dropdown-trigger.has-value{padding:8px 12px}.selected-user-preview{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.selected-user-preview .selected-name{font-size:13px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar.tiny{width:24px;height:24px;min-width:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.selected-pm{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.pm-avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.pm-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;overflow:hidden}.pm-name{font-size:12px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pm-designation,.pm-meta{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clear-pm-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#4755694d;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s ease;flex-shrink:0}.clear-pm-btn:hover{background:#ef444433;color:#f87171}.dropdown-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(71,85,105,.4);background:#1e293b;flex-shrink:0}.dropdown-search svg{color:#64748b;flex-shrink:0}.dropdown-search input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:12px;font-family:inherit;outline:none}.dropdown-search input::placeholder{color:#94a3b8}.dropdown-options{flex:1;overflow-y:auto;background:#1e293b;min-height:100px;max-height:250px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#1e293b}.dropdown-options::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.dropdown-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid rgba(71,85,105,.3);background:#1e293b}.dropdown-option:last-child{border-bottom:none;border-radius:0 0 10px 10px}.dropdown-option:hover{background:#3b82f61a}.dropdown-option.selected{background:#3b82f633}.dropdown-option .pm-avatar{width:32px;height:32px;font-size:11px}.dropdown-option .pm-name{font-size:12px;font-weight:500;color:#f1f5f9}@media(max-width:900px){.team-cards-grid{grid-template-columns:1fr}}@media(max-width:640px){.add-member-row{flex-direction:column}.btn-add-member{justify-content:center;width:100%}.sticky-actions{padding:16px;margin:0 -16px -16px}}@media(max-width:480px){.team-cards-grid{grid-template-columns:1fr}.team-card-body{padding:16px}}.add-user-page,.add-project-page,.add-client-page,.add-expense-page,.edit-user-page{animation:fadeIn .5s ease-out}.edit-user-page .page-header{margin-bottom:24px}.edit-user-page .page-header-content{display:flex;align-items:center;gap:16px}.edit-user-content{display:flex;flex-direction:column;gap:24px;max-width:900px}.user-profile-card{display:flex;align-items:center;gap:20px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;padding:24px}.user-avatar.large{width:72px;height:72px;font-size:24px;font-weight:700;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.user-profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.user-profile-name{font-size:18px;font-weight:600;color:#f1f5f9;margin:0}.user-profile-email{font-size:12px;color:#94a3b8;margin:0}.user-profile-id{display:inline-flex;align-items:center;padding:4px 10px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:10px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border-radius:5px;width:fit-content;margin-top:8px}.edit-user-form{display:flex;flex-direction:column;gap:24px}.edit-user-form .form-section{background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;padding:24px}.edit-user-form .form-section-title{font-size:14px;font-weight:600;color:#f1f5f9;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(71,85,105,.3);display:flex;align-items:center;gap:10px}.edit-user-form .form-section-title:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:2px}.edit-user-form .form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px}.toggle-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:12px;margin-top:20px}.toggle-card-content{flex:1}.toggle-card-title{font-size:14px;font-weight:600;color:#f1f5f9;margin:0 0 6px}.toggle-card-description{font-size:12px;color:#94a3b8;margin:0;line-height:1.5}.toggle-card .toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;cursor:pointer}.toggle-card .toggle-switch input{opacity:0;width:0;height:0}.toggle-card .toggle-slider{position:absolute;cursor:pointer;inset:0;background:#47556980;border-radius:28px;transition:all .3s ease}.toggle-card .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-card .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#2563eb,#3b82f6)}.toggle-card .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-card .toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-card .toggle-switch.disabled .toggle-slider{cursor:not-allowed}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;margin-top:24px}.loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-spinner{display:flex;align-items:center;justify-content:center}.loader-spinner .spinner-icon{width:40px;height:40px;color:#8b5cf6;animation:spin 1s linear infinite}.loader-spinner.large .spinner-icon{width:48px;height:48px}.loader-text{font-size:14px;color:#94a3b8;margin:0}.spinner-icon{animation:spin 1s linear infinite}.btn-primary .spinner-icon{width:16px;height:16px}.saving-overlay{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.saving-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:#1e293be6;border:1px solid rgba(71,85,105,.3);border-radius:20px;box-shadow:0 20px 60px #0006}.saving-text{font-size:16px;font-weight:500;color:#f1f5f9;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:13px;font-weight:500;animation:slideIn .3s ease-out}.alert svg{flex-shrink:0}.alert.alert-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.alert.alert-danger svg{color:#ef4444}.alert.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.alert.alert-success svg{color:#10b981}.alert.alert-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.alert.alert-warning svg{color:#f59e0b}.alert.alert-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.alert.alert-info svg{color:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-secondary{display:flex;align-items:center;gap:8px;background:#4755694d;border:1px solid rgba(71,85,105,.5);border-radius:10px;color:#e2e8f0;font-size:11px;font-weight:500;font-family:inherit;padding:10px 16px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover{background:#47556980;border-color:#475569b3}.form-container{background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;padding:32px;max-width:800px;overflow:visible}.guidelines-card{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px 24px;margin-bottom:32px}.guidelines-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.guidelines-header svg{color:#3b82f6}.guidelines-header h3{font-size:11px;font-weight:600;color:#60a5fa;margin:0}.guidelines-list{list-style:none;padding:0;margin:0}.guidelines-list li{position:relative;padding-left:16px;font-size:11px;color:#94a3b8;margin-bottom:8px;line-height:1.5}.guidelines-list li:last-child{margin-bottom:0}.guidelines-list li:before{content:"•";position:absolute;left:0;color:#60a5fa}.user-form{display:flex;flex-direction:column;gap:24px;overflow:visible}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:visible}.form-row>.form-group{min-width:0;overflow:visible}.form-row>.form-group.dropdown-active{overflow:visible}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group .form-label{margin-bottom:0}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.form-select option{background:#1e293b;color:#e2e8f0;padding:12px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid rgba(71,85,105,.6);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.checkbox-input:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-text{font-size:11px;color:#e2e8f0}.toggle-container{background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-text{font-size:11px;font-weight:500;color:#e2e8f0}.toggle-switch{position:relative;width:52px;height:28px;flex-shrink:0}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#47556980;border-radius:28px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#2563eb,#3b82f6)}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-description{font-size:11px;color:#64748b;margin-top:10px;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:24px;border-top:1px solid rgba(71,85,105,.3)}.btn-cancel{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid rgba(71,85,105,.5);border-radius:10px;color:#e2e8f0;font-size:11px;font-weight:500;font-family:inherit;padding:10px 20px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#47556933;border-color:#475569b3}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-container{padding:20px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.toggle-label{flex-direction:column;align-items:flex-start;gap:12px}}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.radio-group{display:flex;flex-direction:row;gap:24px;padding-top:8px}.radio-group .radio-label,.radio-label{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-group .radio-input,.radio-input{display:none!important}.radio-group .radio-custom,.radio-custom{width:20px;height:20px;border:2px solid rgba(71,85,105,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.radio-input:checked+.radio-custom{border-color:#3b82f6}.radio-input:checked+.radio-custom:after{content:"";width:10px;height:10px;background:#3b82f6;border-radius:50%}.radio-group .radio-text,.radio-text{font-size:13px;color:#e2e8f0;display:inline}.radio-label:hover .radio-custom{border-color:#3b82f680}@media(max-width:1280px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.sidebar{width:70px;min-width:70px;padding:16px 8px}.sidebar-header{justify-content:center}.sidebar-brand,.nav-item span,.nav-badge,.nav-section-title,.stats-title,.stat-label,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:12px}.sidebar-stats{padding:12px 8px}.stat-row{justify-content:center}.main-wrapper{margin-left:70px}.page-content{padding:24px}}@media(max-width:768px){.top-header{padding:12px 16px}.user-info{display:none}.stats-cards{grid-template-columns:repeat(2,1fr)}.page-content{padding:16px}.page-title{font-size:11px}.page-header{flex-direction:column;align-items:stretch}.page-filters{width:100%}.filter-group{flex:1}.filter-select{width:100%}.page-actions{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.btn-primary{justify-content:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:1000px}.projects-table{min-width:1100px}}@media(max-width:600px){.stats-cards{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1280px){.page-content{padding:20px}.data-table th,.data-table td{padding:10px}.projects-table{min-width:1000px}.user-avatar{width:32px;height:32px;font-size:10px}.user-avatar.small{width:24px;height:24px;font-size:9px}.user-name{font-size:11px}.user-designation,.bd-name,.timeline-dates .date-text{font-size:10px}.date-label{font-size:9px;min-width:45px}.value-text{font-size:11px}.status-badge{padding:4px 10px;font-size:10px}.payment-remark{font-size:9px}.project-id-badge{padding:4px 8px;font-size:10px}.type-badge{padding:4px 10px;font-size:10px}.action-btn{width:28px;height:28px}}@media(max-width:480px){.login-card{padding:24px}.sign-in-title{font-size:11px}.form-input{padding:12px 14px}.sign-in-btn{padding:12px 20px}}.settings-page{padding:0}.settings-categories{display:flex;flex-direction:column;gap:16px;margin-top:24px}.settings-category-card{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#1e293bcc,#0f172a99);border:1px solid rgba(71,85,105,.3);border-radius:16px;cursor:pointer;transition:all .3s ease}.settings-category-card:hover{border-color:var(--category-color, #8b5cf6);transform:translate(4px);box-shadow:0 8px 24px #0003}.settings-category-card .category-icon{width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);display:flex;align-items:center;justify-content:center;color:var(--category-color, #8b5cf6);flex-shrink:0;transition:all .3s ease}.settings-category-card:hover .category-icon{background:linear-gradient(135deg,#8b5cf640,#8b5cf61a);transform:scale(1.05)}.settings-category-card .category-content{flex:1}.settings-category-card .category-title{font-size:18px;font-weight:600;color:#f1f5f9;margin:0 0 6px}.settings-category-card .category-description{font-size:13px;color:#94a3b8;margin:0;line-height:1.5}.settings-category-card .category-arrow{color:#64748b;transition:all .3s ease}.settings-category-card:hover .category-arrow{color:var(--category-color, #8b5cf6);transform:translate(4px)}.settings-category-card.coming-soon{opacity:.7;cursor:not-allowed}.settings-category-card.coming-soon:hover{transform:none;border-color:#4755694d}.settings-category-card.coming-soon:hover .category-icon{transform:none}.settings-category-card.coming-soon:hover .category-arrow{transform:none;color:#64748b}.category-title-row{display:flex;align-items:center;gap:10px}.coming-soon-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#fbbf24;border:1px solid rgba(245,158,11,.3);border-radius:4px}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.coming-soon-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#10b98126,#10b9810d);display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:24px}.coming-soon-title{font-size:24px;font-weight:600;color:#f1f5f9;margin:0 0 12px}.coming-soon-description{font-size:14px;color:#94a3b8;margin:0;line-height:1.7}.holiday-icon{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;color:#34d399!important}.fy-activation-section{margin-bottom:24px;padding:0!important;background:transparent!important;border:none!important}.fy-activation-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:linear-gradient(135deg,#1e293bcc,#0f172a99);border:1px solid rgba(59,130,246,.2);border-radius:14px}.fy-activation-left{display:flex;align-items:center;gap:16px}.fy-activation-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f633,#3b82f61a);display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.fy-activation-info{display:flex;flex-direction:column;gap:4px}.fy-activation-title{font-size:15px;font-weight:600;color:#f1f5f9;margin:0}.fy-activation-desc{font-size:12px;color:#94a3b8;margin:0}.fy-activation-right{display:flex;align-items:center;gap:16px}.fy-current-badge{display:flex;align-items:center}.fy-badge{font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px}.fy-badge.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.fy-badge.none{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.fy-activation-controls{display:flex;align-items:center;gap:10px}.fy-dropdown{padding:8px 32px 8px 12px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .2s ease}.fy-dropdown:hover{border-color:#3b82f680}.fy-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-activate-fy,.btn-rollout{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-activate-fy:hover:not(:disabled),.btn-rollout:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-activate-fy:disabled,.btn-rollout:disabled{opacity:.6;cursor:not-allowed}.rollout-card{border-color:#10b98133!important}.rollout-icon{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;color:#34d399!important}.holiday-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.holiday-filters .search-box{flex:1;min-width:200px;max-width:300px}.holiday-table-container{margin-top:0}.holiday-table{table-layout:fixed;width:100%}.holiday-table .col-holiday-name{width:25%}.holiday-table .col-date{width:12%}.holiday-table .col-fy,.holiday-table .col-type{width:10%}.holiday-table .col-locations{width:18%}.holiday-table .col-status{width:10%}.holiday-table .col-actions{width:15%}.holiday-name-cell{display:flex;align-items:center;gap:10px}.holiday-name-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.holiday-icon-small{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#10b98126,#10b98114);display:flex;align-items:center;justify-content:center;color:#34d399;flex-shrink:0}.holiday-name{font-weight:600;font-size:13px;color:#f1f5f9;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-description{font-size:11px;color:#64748b;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-date{font-size:13px;color:#e2e8f0;font-weight:500;display:block;white-space:nowrap}.holiday-fy{font-size:12px;color:#a78bfa;font-weight:500}.location-text{font-size:12px;color:#94a3b8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge.type-national{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.type-badge.type-regional{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.multi-select-dropdown{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#e2e8f0;font-size:13px;cursor:pointer;transition:all .2s ease}.multi-select-trigger:hover{border-color:#8b5cf680}.multi-select-trigger.open{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.multi-select-trigger svg{transition:transform .2s ease}.multi-select-trigger.open svg{transform:rotate(180deg)}.multi-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e293b;border:1px solid rgba(71,85,105,.5);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:100;max-height:200px;overflow-y:auto}.multi-select-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease}.multi-select-option:hover{background:#8b5cf61a}.multi-select-option.selected{background:#8b5cf626}.multi-select-option .option-checkbox{width:18px;height:18px;border:2px solid rgba(71,85,105,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.multi-select-option.selected .option-checkbox{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.multi-select-option .option-label{font-size:13px;color:#e2e8f0}.multi-select-empty{padding:20px;text-align:center;color:#64748b;font-size:13px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.selected-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:12px;color:#a78bfa}.selected-tag .tag-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#a78bfa;cursor:pointer;padding:0;opacity:.7;transition:opacity .15s ease}.selected-tag .tag-remove:hover{opacity:1}.toggle-wrapper{padding-top:8px}.toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-container input{display:none}.toggle-slider-input{width:44px;height:24px;background:#47556980;border-radius:12px;position:relative;transition:background .2s ease}.toggle-slider-input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#94a3b8;border-radius:50%;transition:all .2s ease}.toggle-container input:checked+.toggle-slider-input{background:#8b5cf6}.toggle-container input:checked+.toggle-slider-input:after{left:23px;background:#fff}.toggle-label-text{font-size:13px;color:#e2e8f0;font-weight:500}.status-toggle-box{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;cursor:pointer;transition:all .2s ease;height:44px}.status-toggle-box:hover{border-color:#8b5cf680}.status-toggle-box.active{border-color:#10b98166;background:#10b9810d}.status-toggle-box.inactive{border-color:#ef44444d;background:#ef44440d}.status-toggle-switch{width:40px;height:22px;background:#47556980;border-radius:11px;position:relative;transition:background .2s ease;flex-shrink:0}.status-toggle-box.active .status-toggle-switch{background:#10b981}.status-toggle-box.inactive .status-toggle-switch{background:#64748b}.status-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .2s ease}.status-toggle-box.active .status-toggle-knob{left:21px}.status-toggle-label{font-size:13px;font-weight:500;color:#e2e8f0}.status-toggle-box.active .status-toggle-label{color:#34d399}.status-toggle-box.inactive .status-toggle-label{color:#94a3b8}.settings-section{background:#1e293b80;border:1px solid rgba(139,92,246,.1);border-radius:16px;padding:24px;margin-top:24px}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(139,92,246,.1)}.section-title-group{display:flex;align-items:flex-start;gap:14px}.section-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.section-title{font-size:18px;font-weight:600;color:#f1f5f9;margin:0 0 4px}.section-subtitle{font-size:13px;color:#94a3b8;margin:0}.geofence-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.geofence-card{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border:1px solid rgba(139,92,246,.15);border-radius:14px;padding:20px;transition:all .3s ease;overflow:hidden}.geofence-card:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.geofence-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.geofence-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0}.geofence-title-group{flex:1;min-width:0;overflow:hidden}.geofence-name{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geofence-address{font-size:12px;color:#94a3b8;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.geofence-card-body{display:flex;flex-direction:column;gap:14px}.geofence-detail-row{display:flex;gap:12px}.geofence-detail{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#0f172a80;border-radius:8px;border:1px solid rgba(71,85,105,.3);min-width:0;overflow:hidden}.geofence-detail.coordinates{flex:2}.geofence-detail.radius{flex:1;min-width:90px}.geofence-detail svg{color:#8b5cf6;flex-shrink:0;width:14px;height:14px}.geofence-detail .detail-header{display:flex;align-items:center;gap:6px}.geofence-detail .detail-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.geofence-detail .detail-value{font-size:12px;color:#e2e8f0;font-weight:500;font-family:Monaco,Menlo,monospace;word-break:break-all;line-height:1.4}.geofence-toggles{display:flex;gap:12px;flex-wrap:wrap}.toggle-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:500}.toggle-status.enabled{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.toggle-status.disabled{background:#ef44441a;color:#94a3b8;border:1px solid rgba(71,85,105,.3)}.toggle-status svg{width:12px;height:12px}.settings-toggles{display:flex;flex-direction:column;gap:12px}.settings-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.settings-toggle-card:hover{border-color:#8b5cf64d;background:#1e293bb3}.settings-toggle-card.active{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}.toggle-card-content{display:flex;flex-direction:column;gap:4px}.toggle-card-title{font-size:14px;font-weight:500;color:#f1f5f9}.toggle-card-desc{font-size:12px;color:#94a3b8}.field-hint{display:block;font-size:11px;color:#64748b;margin-top:6px}.reports-page{animation:fadeIn .5s ease-out}.reports-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.quick-stat-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.quick-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick-stat-icon.blue{background:#3b82f626;color:#60a5fa}.quick-stat-icon.green{background:#10b98126;color:#34d399}.quick-stat-icon.purple{background:#8b5cf626;color:#a78bfa}.quick-stat-icon.orange{background:#f9731626;color:#fb923c}.quick-stat-content{display:flex;flex-direction:column;gap:2px}.quick-stat-value{font-size:20px;font-weight:700;color:#f1f5f9}.quick-stat-label{font-size:11px;color:#94a3b8}.reports-filters{margin-bottom:24px}.category-tabs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:8px;color:#94a3b8;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-tab:hover{background:#1e293bcc;border-color:#47556980}.category-tab.active{background:#3b82f626;border-color:#3b82f680;color:#60a5fa}.category-tab svg{width:14px;height:14px}.category-count{background:#4755694d;padding:2px 6px;border-radius:4px;font-size:10px}.category-tab.active .category-count{background:#3b82f64d}.reports-section{margin-bottom:32px}.reports-section .section-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:20px}.reports-section .section-title svg{color:#60a5fa}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.report-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.report-card:hover{background:#1e293bcc;border-color:#47556980;transform:translateY(-2px)}.report-card.popular{border-color:#f59e0b4d}.report-card.popular:hover{border-color:#f59e0b80}.report-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.report-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.popular-badge{font-size:9px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:#f59e0b26;color:#fbbf24;letter-spacing:.5px}.category-badge{font-size:9px;font-weight:500;padding:3px 8px;border-radius:4px}.report-title{font-size:13px;font-weight:600;color:#e2e8f0;margin-bottom:6px}.report-description{font-size:11px;color:#94a3b8;line-height:1.5;margin-bottom:12px}.report-card-footer{display:flex;justify-content:flex-end}.view-report{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#60a5fa}.view-report svg{transition:transform .2s ease}.report-card:hover .view-report svg{transform:translate(4px)}.report-view-page{animation:fadeIn .5s ease-out}.report-view-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#4755694d;border:1px solid rgba(71,85,105,.3);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease;margin-right:16px;flex-shrink:0}.back-btn:hover{background:#47556980;color:#e2e8f0}.report-view-page .page-header-content{display:flex;align-items:center}.report-actions{display:flex;gap:10px}.report-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.report-filters .filter-group{display:flex;align-items:center;gap:8px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:8px;padding:8px 12px;min-width:140px;height:38px;box-sizing:border-box}.report-filters .filter-group svg{color:#64748b;flex-shrink:0;width:14px;height:14px}.report-filters .filter-select{background:transparent;border:none;color:#e2e8f0;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;outline:none;flex:1;min-width:0}.report-filters .filter-select option{background:#1e293b;color:#e2e8f0}[data-theme=light] .report-filters .filter-group{background:#fff;border-color:#e2e8f0}[data-theme=light] .report-filters .filter-select{color:#1e293b}[data-theme=light] .report-filters .filter-select option{background:#fff;color:#1e293b}.report-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.report-summary-cards.four-cols{grid-template-columns:repeat(4,1fr)}.report-summary-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}.report-summary-card.alert{border-color:#ef44444d}.summary-card-label{font-size:11px;color:#94a3b8}.summary-card-value{font-size:20px;font-weight:700;color:#f1f5f9}.summary-card-value.success{color:#34d399}.summary-card-value.warning{color:#fbbf24}.summary-card-value.danger{color:#f87171}.summary-card-value.highlight,.summary-card-value.revenue{color:#60a5fa}.summary-card-value.profit{color:#34d399}.summary-card-value.loss{color:#f87171}.profit-stats-row{display:flex;gap:16px;margin-bottom:24px}.profit-stat-card{display:flex;align-items:center;gap:12px;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px 24px;flex:1}.profit-stat-card svg{width:24px;height:24px}.profit-stat-card.profitable{border-color:#22c55e4d;background:#22c55e14}.profit-stat-card.profitable svg{color:#22c55e}.profit-stat-card.loss{border-color:#ef44444d;background:#ef444414}.profit-stat-card.loss svg{color:#ef4444}.profit-stat-content{display:flex;flex-direction:column;gap:2px}.profit-stat-value{font-size:20px;font-weight:700;color:#e2e8f0}.profit-stat-label{font-size:12px;color:#94a3b8}.profit-table .revenue-amount{color:#60a5fa;font-weight:500}.profit-table .expense-amount{color:#f87171;font-weight:500}.profit-table .profit-amount{color:#34d399;font-weight:600}.profit-table .loss-amount{color:#f87171;font-weight:600}.profit-table .loss-row{background:#ef44440d}.profit-table .loss-row:hover{background:#ef44441a}.margin-cell{display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px}.margin-cell svg{width:14px;height:14px}.margin-cell.profit{color:#22c55e}.margin-cell.loss{color:#ef4444}.report-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.report-card-section{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px;display:flex;flex-direction:column}.report-card-section.full-width{grid-column:1 / -1}.section-heading{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:20px}.category-breakdown{display:flex;flex-direction:column;gap:20px}.category-breakdown .breakdown-item{display:flex;flex-direction:column;gap:6px;width:100%}.category-breakdown .breakdown-header{display:flex;justify-content:space-between;align-items:center;width:100%}.category-breakdown .breakdown-label{display:flex;align-items:center;gap:10px}.category-breakdown .color-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.category-breakdown .breakdown-name{font-size:13px;font-weight:500;color:#e2e8f0}.category-breakdown .breakdown-amount{font-size:13px;font-weight:600;color:#f1f5f9;margin-left:auto}.category-breakdown .breakdown-bar-container{height:6px;background:#4755694d;border-radius:3px;overflow:hidden;width:100%}.category-breakdown .breakdown-bar{height:100%;border-radius:3px;transition:width .5s ease;min-width:4px}.category-breakdown .breakdown-meta{display:flex;justify-content:space-between;align-items:center;width:100%}.category-breakdown .breakdown-percentage{font-size:11px;font-weight:500;color:#94a3b8}.category-breakdown .breakdown-count{font-size:11px;color:#64748b;margin-left:auto}[data-theme=light] .category-breakdown .breakdown-name{color:#1e293b}[data-theme=light] .category-breakdown .breakdown-amount{color:#0f172a}[data-theme=light] .category-breakdown .breakdown-bar-container{background:#00000014}[data-theme=light] .category-breakdown .breakdown-percentage{color:#475569}[data-theme=light] .category-breakdown .breakdown-count{color:#64748b}.trend-chart{display:flex;align-items:flex-end;justify-content:space-between;height:220px;gap:12px;padding:30px 0 0;position:relative}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid rgba(71,85,105,.4)}.trend-bar{width:100%;max-width:50px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;position:relative;min-height:2px}.trend-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap}.trend-label{font-size:11px;color:#64748b;font-weight:500;padding-top:10px;text-align:center}[data-theme=light] .trend-bar-wrapper{border-bottom-color:#00000026}[data-theme=light] .trend-value{color:#475569}[data-theme=light] .trend-label{color:#64748b}.project-name-cell{display:flex;align-items:center;gap:10px;font-size:11px;color:#e2e8f0}.project-info-cell{display:flex;flex-direction:column;gap:6px}.project-name-text{font-size:14px;font-weight:600;color:#f1f5f9}.project-id-text{font-size:12px;color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;background:#4755694d;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}.bd-info-cell{display:flex;align-items:center;gap:10px}.bd-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.bd-name-text,.client-name-text{font-size:13px;font-weight:500;color:#e2e8f0}.no-data{color:#475569;font-size:13px}[data-theme=light] .project-name-text,[data-theme=light] .client-name-text{color:#1e293b}[data-theme=light] .project-id-text{color:#475569;background:#0000000f}[data-theme=light] .bd-name-text{color:#1e293b}[data-theme=light] .bd-avatar{box-shadow:0 2px 8px #6366f133}[data-theme=light] .no-data{color:#94a3b8}.project-avatar-mini{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff;flex-shrink:0}.no-id{color:#64748b;font-size:11px}.amount-cell{font-size:14px;font-weight:700;color:#f1f5f9}.amount-cell.success{color:#34d399}.amount-cell.warning{color:#fbbf24}.percentage-cell{font-size:14px;font-weight:600;color:#94a3b8}.distribution-bar-container{height:10px;background:#4755694d;border-radius:5px;overflow:hidden;min-width:140px}.distribution-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:5px;min-width:4px;transition:width .5s ease}.report-table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:-8px}.report-table thead th{background:transparent;padding:12px 16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;text-align:left;border:none}.report-table tbody tr{background:#1e293b66;border-radius:10px;transition:all .2s ease}.report-table tbody tr:hover{background:#1e293bb3;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.report-table tbody td{padding:16px;border:none;vertical-align:middle;background:transparent}.report-table tbody td:first-child{border-radius:10px 0 0 10px}.report-table tbody td:last-child{border-radius:0 10px 10px 0}.report-table tfoot tr{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:10px}.report-table tfoot td{padding:16px;font-size:13px;font-weight:600;border:none;color:#e2e8f0}.report-table tfoot td:first-child{border-radius:10px 0 0 10px}.report-table tfoot td:last-child{border-radius:0 10px 10px 0}.report-table .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.report-table .status-badge.completed{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.report-table .status-badge.upcoming{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.report-table .status-badge.ongoing{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.report-table .status-badge.on-hold{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.report-table .status-badge.cancelled{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.report-table .status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.report-table .transaction-count{font-size:16px;font-weight:700;color:#f1f5f9}[data-theme=light] .report-table thead th{color:#64748b}[data-theme=light] .report-table tbody tr{background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .report-table tbody tr:hover{background:#fff;box-shadow:0 4px 12px #0000001a}[data-theme=light] .report-table tfoot tr{background:linear-gradient(135deg,#3b82f614,#8b5cf614)}[data-theme=light] .report-table tfoot td,[data-theme=light] .report-table .transaction-count,[data-theme=light] .amount-cell{color:#1e293b}[data-theme=light] .percentage-cell{color:#64748b}[data-theme=light] .distribution-bar-container{background:#00000014}.status-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.status-summary-card{background:#0f172a99;border:2px solid rgba(71,85,105,.3);border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease}.status-summary-card:hover{background:#1e293bcc}.status-card-header{margin-bottom:12px}.status-indicator{font-size:10px;font-weight:600;padding:4px 10px;border-radius:5px}.status-card-body{display:flex;justify-content:space-between;margin-bottom:12px}.status-count,.status-value{display:flex;flex-direction:column;gap:2px}.count-value{font-size:22px;font-weight:700;color:#f1f5f9}.count-label,.value-label{font-size:10px;color:#64748b}.value-amount{font-size:13px;font-weight:600}.status-card-footer{display:flex;align-items:center;gap:8px}.status-bar{flex:1;height:4px;border-radius:2px;overflow:hidden}.status-bar-fill{height:100%;border-radius:2px}.status-percentage{font-size:10px;color:#64748b;font-weight:500}.totals-row{display:flex;gap:24px;padding:16px 20px;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:10px;margin-bottom:20px}.total-item{display:flex;flex-direction:column;gap:4px}.total-label{font-size:11px;color:#94a3b8}.total-value{font-size:18px;font-weight:700;color:#f1f5f9}.total-value.success{color:#34d399}.progress-cell{display:flex;align-items:center;gap:8px}.progress-bar-mini{flex:1;height:6px;background:#4755694d;border-radius:3px;overflow:hidden;min-width:60px}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px}.progress-text{font-size:10px;color:#94a3b8;font-weight:500;min-width:30px}.client-name{font-size:11px;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:120px;line-height:1.4}.profit-table .client-name{font-size:12px;color:#e2e8f0;max-width:130px}.bd-name{font-size:11px;color:#94a3b8}.alert-badge{font-size:9px;font-weight:600;padding:4px 8px;border-radius:4px}.alert-badge.alert-critical{background:#ef444426;color:#f87171}.alert-badge.alert-warning{background:#f59e0b26;color:#fbbf24}.alert-badge.alert-info{background:#3b82f626;color:#60a5fa}.alert-badge.alert-success{background:#10b98126;color:#34d399}.alert-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-bottom:20px;font-size:12px;color:#fbbf24}.alert-banner.danger{background:#ef44441a;border-color:#ef44444d;color:#f87171}.balance-distribution-section{margin-bottom:20px}.distribution-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.distribution-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a99;border:2px solid rgba(71,85,105,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.distribution-card:hover,.distribution-card.active{background:#1e293bcc}.distribution-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.distribution-label{flex:1;font-size:11px;color:#e2e8f0;font-weight:500}.distribution-percent{font-size:12px;font-weight:600;color:#94a3b8}.payment-status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.payment-status-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0f172a99;border:2px solid rgba(71,85,105,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.payment-status-card:hover,.payment-status-card.active{background:#1e293bcc}.status-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.status-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.status-card-count{font-size:10px;color:#94a3b8}.status-card-status{font-size:12px;font-weight:600}.status-card-amount{font-size:13px;font-weight:700;color:#f1f5f9}.payment-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;padding:4px 8px;border-radius:4px}.payment-badge.payment-paid{background:#10b98126;color:#34d399}.payment-badge.payment-partial{background:#3b82f626;color:#60a5fa}.payment-badge.payment-pending{background:#f59e0b26;color:#fbbf24}.payment-badge.payment-overdue{background:#ef444426;color:#f87171}.row-alert{background:#ef44440d}.remark-text{font-size:10px;color:#94a3b8;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-performer-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:20px}.trophy-icon{width:50px;height:50px;border-radius:12px;background:#f59e0b33;color:#fbbf24;display:flex;align-items:center;justify-content:center}.trophy-icon svg{width:24px;height:24px}.performer-info{flex:1}.performer-label{font-size:10px;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px;display:block}.performer-details{display:flex;align-items:center;gap:12px}.performer-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.performer-name-info{display:flex;flex-direction:column;gap:2px}.performer-name{font-size:14px;font-weight:600;color:#f1f5f9}.performer-designation{font-size:11px;color:#94a3b8}.performer-stats{display:flex;gap:24px}.performer-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.performer-stat .stat-value{font-size:16px;font-weight:700;color:#f1f5f9}.performer-stat .stat-label{font-size:10px;color:#94a3b8}.rank-badge{font-size:11px;font-weight:600;color:#94a3b8}.rank-badge.rank-1{color:#fbbf24}.rank-badge.rank-2{color:#94a3b8}.rank-badge.rank-3{color:#cd7f32}.projects-cell{display:flex;flex-direction:column;gap:2px}.projects-total{font-size:13px;font-weight:600;color:#f1f5f9}.projects-breakdown{font-size:9px;color:#64748b}.clients-count{font-size:12px;font-weight:600;color:#e2e8f0}.conversion-cell{display:flex;align-items:center;gap:8px}.conversion-bar-bg{flex:1;height:6px;background:#4755694d;border-radius:3px;overflow:hidden;min-width:50px}.conversion-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px}.conversion-value{font-size:10px;font-weight:600;color:#94a3b8;min-width:30px}.rating-cell{display:flex;align-items:center;gap:6px}.stars{display:flex;gap:1px}.stars svg{width:12px;height:12px;color:#fbbf24}.rating-value{font-size:10px;font-weight:600;color:#94a3b8}@media(max-width:1200px){.reports-quick-stats,.report-summary-cards{grid-template-columns:repeat(2,1fr)}.status-summary-grid{grid-template-columns:repeat(3,1fr)}.distribution-cards,.payment-status-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.report-content-grid,.reports-quick-stats,.report-summary-cards,.status-summary-grid,.distribution-cards,.payment-status-cards{grid-template-columns:1fr}.top-performer-card{flex-direction:column;text-align:center}.performer-stats,.performer-details{justify-content:center}}.team-summary-section{margin-bottom:20px}.team-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-summary-card{background:#0f172a99;border:2px solid rgba(71,85,105,.3);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s ease}.team-summary-card:hover,.team-summary-card.active{background:#1e293bcc;border-color:#3b82f680}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-name{font-size:13px;font-weight:600;color:#e2e8f0}.team-count{font-size:10px;color:#64748b}.team-stats{display:flex;justify-content:space-between;margin-bottom:12px}.team-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.team-stat-value{font-size:14px;font-weight:700;color:#f1f5f9}.team-stat-value.warning{color:#fbbf24}.team-stat-value.success{color:#34d399}.team-stat-label{font-size:9px;color:#64748b}.team-load-bar{height:4px;background:#4755694d;border-radius:2px;overflow:hidden}.team-load-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px}.allocation-table .row-warning{background:#f59e0b0d}.team-badge{font-size:9px;font-weight:600;padding:4px 8px;border-radius:4px;background:#3b82f626;color:#60a5fa}.projects-list{display:flex;flex-wrap:wrap;gap:4px}.project-tag{font-size:9px;padding:3px 6px;border-radius:4px;background:#4755694d;color:#94a3b8}.no-projects{font-size:10px;color:#64748b;font-style:italic}.allocation-cell{display:flex;align-items:center;gap:8px}.allocation-bar-bg{flex:1;height:6px;background:#4755694d;border-radius:3px;overflow:hidden;min-width:60px}.allocation-bar-fill{height:100%;border-radius:3px}.allocation-bar-fill.allocation-full{background:linear-gradient(90deg,#ef4444,#f87171)}.allocation-bar-fill.allocation-high{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.allocation-bar-fill.allocation-medium{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.allocation-bar-fill.allocation-low{background:linear-gradient(90deg,#10b981,#34d399)}.allocation-value{font-size:10px;font-weight:600;min-width:32px}.allocation-value.allocation-full{color:#f87171}.allocation-value.allocation-high{color:#fbbf24}.allocation-value.allocation-medium{color:#60a5fa}.allocation-value.allocation-low{color:#34d399}.availability-badge{font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px}.availability-badge.available{background:#10b98126;color:#34d399}.availability-badge.limited{background:#f59e0b26;color:#fbbf24}.availability-badge.none{background:#ef444426;color:#f87171}.top-clients-chart{display:flex;flex-direction:column;gap:14px}.top-client-bar{display:flex;flex-direction:column;gap:6px}.client-bar-label{display:flex;align-items:center;gap:8px}.client-rank{font-size:10px;font-weight:600;color:#fbbf24;min-width:20px}.client-name-short{font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-bar-container{height:24px;background:#47556933;border-radius:4px;overflow:hidden}.client-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:80px}.client-bar-value{font-size:10px;font-weight:600;color:#fff}.revenue-distribution{display:flex;justify-content:center;gap:40px;margin-bottom:24px;padding:20px 0}.distribution-stat{display:flex;flex-direction:column;align-items:center;gap:12px}.distribution-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.distribution-circle.received{background:#10b98126;border:3px solid #10b981}.distribution-circle.pending{background:#f59e0b26;border:3px solid #f59e0b}.distribution-percent{font-size:18px;font-weight:700;color:#f1f5f9}.distribution-info{display:flex;flex-direction:column;align-items:center;gap:2px}.distribution-label{font-size:11px;color:#94a3b8}.distribution-value{font-size:13px;font-weight:600;color:#e2e8f0}.collection-rate{display:flex;align-items:center;gap:12px;padding:12px;background:#47556933;border-radius:8px}.rate-label{font-size:11px;color:#94a3b8;min-width:100px}.rate-bar{flex:1;height:8px;background:#4755694d;border-radius:4px;overflow:hidden}.rate-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px}.rate-value{font-size:12px;font-weight:600;color:#34d399;min-width:40px;text-align:right}.client-cell{display:flex;align-items:center;gap:10px}.client-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.client-info{display:flex;flex-direction:column;gap:2px}.client-info .client-name{font-size:11px;font-weight:500;color:#e2e8f0}.active-indicator{font-size:9px;color:#34d399}.state-text,.bd-text{font-size:10px;color:#94a3b8}.projects-count{font-size:12px;font-weight:600;color:#e2e8f0}.growth-cell{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.growth-cell.positive{color:#34d399}.growth-cell.negative{color:#f87171}.growth-cell.neutral{color:#94a3b8}.user-details{display:flex;flex-direction:column;gap:1px}.user-details .user-name{font-size:11px;font-weight:500;color:#e2e8f0}.user-details .user-designation{font-size:9px;color:#64748b}@media(max-width:1200px){.team-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.team-summary-grid{grid-template-columns:1fr}.revenue-distribution{flex-direction:column;align-items:center;gap:24px}}.profit-status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.profit-status-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:10px}.profit-status-card.profitable{border-color:#10b9814d}.profit-status-card.loss{border-color:#ef44444d}.profit-status-card.neutral{border-color:#94a3b84d}.profit-status-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.profit-status-card.profitable .profit-status-icon{background:#10b98126;color:#34d399}.profit-status-card.loss .profit-status-icon{background:#ef444426;color:#f87171}.profit-status-card.neutral .profit-status-icon{background:#94a3b826;color:#94a3b8}.profit-status-info{display:flex;flex-direction:column;gap:2px}.profit-status-count{font-size:22px;font-weight:700;color:#f1f5f9}.profit-status-label{font-size:11px;color:#94a3b8}.profit-chart{display:flex;flex-direction:column;gap:14px}.profit-bar-item{display:flex;align-items:center;gap:12px}.profit-bar-label{display:flex;align-items:center;gap:8px;min-width:140px}.profit-rank{font-size:10px;font-weight:600;color:#fbbf24;min-width:20px}.profit-project-name{font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profit-bar-container{flex:1;height:24px;background:#47556933;border-radius:4px;overflow:hidden}.profit-bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:70px}.profit-bar-fill.positive{background:linear-gradient(90deg,#10b981,#34d399)}.profit-bar-fill.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.profit-bar-value{font-size:10px;font-weight:600;color:#fff}.profit-margin-badge{font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;min-width:45px;text-align:center}.profit-margin-badge.high{background:#10b98126;color:#34d399}.profit-margin-badge.medium{background:#3b82f626;color:#60a5fa}.profit-margin-badge.low{background:#f59e0b26;color:#fbbf24}.expense-breakdown-chart{display:flex;flex-direction:column;gap:14px}.expense-category-item{display:flex;flex-direction:column;gap:6px}.expense-cat-header{display:flex;justify-content:space-between;align-items:center}.expense-cat-label{display:flex;align-items:center;gap:8px}.expense-cat-dot{width:10px;height:10px;border-radius:3px}.expense-cat-name{font-size:11px;color:#e2e8f0}.expense-cat-amount{font-size:11px;font-weight:600;color:#f1f5f9}.expense-cat-bar-bg{height:6px;background:#4755694d;border-radius:3px;overflow:hidden}.expense-cat-bar-fill{height:100%;border-radius:3px}.expense-cat-percent{font-size:10px;color:#64748b;text-align:right}.profit-table .row-loss{background:#ef44440d}.project-info{display:flex;flex-direction:column;gap:1px}.project-info .project-name{font-size:11px;color:#e2e8f0}.project-info .project-bd{font-size:9px;color:#64748b}.amount-cell.expense{color:#f87171}.amount-cell.profit-positive,.profit-positive{color:#34d399}.amount-cell.profit-negative,.profit-negative{color:#f87171}.amount-cell.profit-neutral,.profit-neutral{color:#94a3b8}.margin-cell{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.margin-cell svg{width:12px;height:12px}.margin-na{color:#64748b;font-style:italic;font-weight:400}.summary-card-value.expense{color:#f87171}@media(max-width:1200px){.profit-status-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.profit-status-cards{grid-template-columns:1fr}.profit-bar-item{flex-direction:column;align-items:flex-start}.profit-bar-label{min-width:auto}.profit-bar-container{width:100%}}.project-expense-page{animation:fadeIn .5s ease-out}.expense-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.expense-summary-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px}.expense-summary-card .summary-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.expense-summary-card.total .summary-icon{background:#3b82f626;color:#60a5fa}.expense-summary-card.approved .summary-icon{background:#10b98126;color:#34d399}.expense-summary-card.pending .summary-icon{background:#f59e0b26;color:#fbbf24}.expense-summary-card.count .summary-icon{background:#8b5cf626;color:#a78bfa}.expense-summary-card .summary-content{display:flex;flex-direction:column;gap:4px}.expense-summary-card .summary-label{font-size:11px;color:#94a3b8}.expense-summary-card .summary-value{font-size:20px;font-weight:700;color:#f1f5f9}.project-expense-table{min-width:1000px}.expense-id-cell{display:flex;flex-direction:column;gap:3px}.expense-id-badge{font-family:SF Mono,Monaco,monospace;font-size:10px;font-weight:600;padding:3px 6px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8;border-radius:4px;display:inline-block}.expense-date{font-size:9px;color:#64748b}.description-cell{display:flex;flex-direction:column;gap:3px}.expense-description{font-size:11px;color:#e2e8f0;font-weight:500}.expense-invoice{font-size:9px;color:#64748b}.category-badge{font-size:9px;font-weight:600;padding:4px 8px;border-radius:4px}.category-badge.category-infrastructure{background:#8b5cf626;color:#a78bfa}.category-badge.category-software{background:#06b6d426;color:#22d3ee}.category-badge.category-hardware{background:#ec489926;color:#f472b6}.category-badge.category-travel{background:#f59e0b26;color:#fbbf24}.category-badge.category-marketing{background:#3b82f626;color:#60a5fa}.category-badge.category-misc{background:#94a3b826;color:#94a3b8}.category-badge.category-logistics{background:#0ea5e926;color:#38bdf8}.category-badge.category-consumable{background:#a855f726;color:#c084fc}.category-badge.category-production{background:#22c55e26;color:#4ade80}.category-badge.category-inventory-purchase{background:#f43f5e26;color:#fb7185}.category-badge.category-asset{background:#10b98126;color:#34d399}.category-badge.category-inventory{background:#05966926;color:#10b981}.category-badge.category-hotel{background:#3b82f626;color:#60a5fa}.category-badge.category-repair{background:#ef444426;color:#f87171}.category-badge.category-stationary{background:#6366f126;color:#818cf8}.category-badge.category-food{background:#f9731626;color:#fb923c}.category-badge.category-operation{background:#14b8a626;color:#2dd4bf}.vendor-name{font-size:10px;color:#94a3b8}.expense-amount{font-size:11px;font-weight:600;color:#f87171}.expense-amount.credit{color:#10b981}.expense-amount.debit{color:#f87171}.payment-badge{font-size:9px;font-weight:500;padding:4px 8px;border-radius:4px}.payment-badge.payment-bank{background:#3b82f626;color:#60a5fa}.payment-badge.payment-card{background:#8b5cf626;color:#a78bfa}.payment-badge.payment-upi{background:#10b98126;color:#34d399}.payment-badge.payment-cash{background:#f59e0b26;color:#fbbf24}.payment-badge.payment-cheque{background:#ec489926;color:#f472b6}.status-badge.status-approved{background:#10b98126;color:#34d399}.status-badge.status-pending{background:#f59e0b26;color:#fbbf24}.status-badge.status-rejected{background:#ef444426;color:#f87171}.add-expense-page{animation:fadeIn .5s ease-out}.expense-form{display:flex;flex-direction:column;gap:24px}.file-upload-area{position:relative;border:2px dashed rgba(71,85,105,.5);border-radius:12px;padding:32px;text-align:center;transition:all .2s ease;cursor:pointer}.file-upload-area:hover{border-color:#3b82f680;background:#3b82f60d}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8}.file-upload-label svg{color:#60a5fa}.upload-text{font-size:12px;font-weight:500;color:#e2e8f0}.upload-hint{font-size:10px;color:#64748b}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#1e293b99;border:1px solid rgba(71,85,105,.3);border-radius:8px}.file-info{display:flex;align-items:center;gap:12px}.file-info svg{color:#60a5fa}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-size:11px;font-weight:500;color:#e2e8f0}.file-size{font-size:10px;color:#64748b}.remove-file-btn{width:28px;height:28px;border-radius:6px;background:#ef444426;border:none;color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file-btn:hover{background:#ef444440}.file-preview.existing{border:1px solid rgba(59,130,246,.3);background:#3b82f614}.file-actions{display:flex;align-items:center;gap:8px}.view-file-btn{padding:6px 12px;border-radius:6px;background:#3b82f626;border:none;color:#60a5fa;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-file-btn:hover{background:#3b82f640}.existing-label{color:#60a5fa!important;font-style:italic}.replace-attachment-hint{margin-top:12px;font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px}.replace-link{color:#60a5fa;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.replace-link:hover{color:#93c5fd}.form-textarea{width:100%;padding:12px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;font-size:12px;color:#f1f5f9;resize:vertical;min-height:80px;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#3b82f680;background:#1e293b99}.form-textarea::placeholder{color:#64748b}@media(max-width:1200px){.expense-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.expense-summary-cards{grid-template-columns:1fr}}.project-cell{display:flex;align-items:center;gap:10px}.project-avatar.small{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.project-avatar.large{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.project-details{display:flex;flex-direction:column;gap:2px}.project-name-text{font-size:11px;font-weight:500;color:#e2e8f0}.project-bd-text,.project-id-text{font-size:9px;color:#64748b}.client-name-text{font-size:10px;color:#e2e8f0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:140px;line-height:1.4;text-align:left}.amount-value{font-size:11px;font-weight:600;color:#e2e8f0}.expense-value{font-size:11px;font-weight:500}.expense-value.direct{color:#f87171}.expense-value.wallet{color:#fbbf24}.summary-value.expense-red{color:#f87171}.utilization-cell{display:flex;flex-direction:column;gap:4px}.utilization-bar{height:6px;background:#4755694d;border-radius:3px;overflow:hidden}.utilization-fill{height:100%;border-radius:3px;transition:width .3s ease}.utilization-fill.low{background:linear-gradient(90deg,#10b981,#34d399)}.utilization-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.utilization-fill.high{background:linear-gradient(90deg,#ef4444,#f87171)}.utilization-text{font-size:10px;font-weight:500;color:#94a3b8}.action-btn.add-expense,.action-btn.view-summary{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;width:auto;height:auto}.action-btn.add-expense svg,.action-btn.view-summary svg{width:12px;height:12px;flex-shrink:0}.action-btn.add-expense{background:#3b82f626;color:#60a5fa}.action-btn.add-expense:hover{background:#3b82f640}.action-btn.view-summary{background:#8b5cf626;color:#a78bfa}.action-btn.view-summary:hover{background:#8b5cf640}.expense-summary-page{animation:fadeIn .5s ease-out}.expense-summary-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.expense-summary-page .page-header-content{display:flex;align-items:center}.project-info-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px;margin-bottom:20px}.project-info-header{display:flex;align-items:center;gap:16px}.project-info-details{flex:1}.project-info-name{font-size:18px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.project-info-meta{display:flex;gap:24px;font-size:12px;color:#94a3b8}.project-info-meta strong{color:#e2e8f0}.financial-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.financial-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.financial-label{font-size:11px;color:#94a3b8}.financial-value{font-size:18px;font-weight:700;color:#f1f5f9}.financial-value.expense{color:#f87171}.financial-value.positive{color:#34d399}.financial-value.negative{color:#f87171}.financial-card.project-value{border-color:#3b82f64d}.financial-card.direct-exp{border-color:#ef44444d}.financial-card.wallet-exp{border-color:#f59e0b4d}.financial-card.total-exp{border-color:#ef44444d}.financial-card.profit{border-color:#10b9814d;position:relative}.profit-badge{font-size:10px;font-weight:500;padding:3px 8px;border-radius:4px;display:inline-block;width:fit-content}.profit-badge.positive{background:#10b98126;color:#34d399}.profit-badge.negative{background:#ef444426;color:#f87171}.summary-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.summary-card-section{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px}.summary-card-section.full-width{grid-column:1 / -1}.category-breakdown-list{display:flex;flex-direction:column;gap:14px}.category-breakdown-item{display:flex;flex-direction:column;gap:6px}.category-header{display:flex;justify-content:space-between;align-items:center}.category-label{display:flex;align-items:center;gap:8px}.category-dot{width:10px;height:10px;border-radius:3px}.category-name{font-size:11px;color:#e2e8f0}.category-amount{font-size:11px;font-weight:600;color:#f1f5f9}.category-bar-bg{height:6px;background:#4755694d;border-radius:3px;overflow:hidden}.category-bar-fill{height:100%;border-radius:3px}.category-percent{font-size:10px;color:#64748b;text-align:right}.source-distribution{display:flex;justify-content:center;gap:40px;padding:20px 0}.source-item{display:flex;flex-direction:column;align-items:center;gap:12px}.source-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.source-circle.direct{background:#ef444426;border:3px solid #ef4444}.source-circle.wallet{background:#f59e0b26;border:3px solid #f59e0b}.source-percent{font-size:18px;font-weight:700;color:#f1f5f9}.source-info{display:flex;flex-direction:column;align-items:center;gap:4px}.source-label{font-size:11px;color:#94a3b8}.source-value{font-size:14px;font-weight:600;color:#e2e8f0}.source-count{font-size:10px;color:#64748b}.table-filters{display:flex;gap:12px;margin-bottom:16px}.expense-detail-table{min-width:900px}.date-cell{display:flex;flex-direction:column;gap:2px}.expense-date-text{font-size:11px;font-weight:500;color:#e2e8f0}.expense-id-small{font-size:9px;color:#64748b;font-family:SF Mono,Monaco,monospace}.expense-desc{font-size:11px;color:#e2e8f0}.expense-vendor{font-size:9px;color:#64748b}.source-badge{font-size:9px;font-weight:600;padding:4px 8px;border-radius:4px}.source-badge.source-direct{background:#ef444426;color:#f87171}.source-badge.source-wallet{background:#f59e0b26;color:#fbbf24}.payment-text,.added-by-text{font-size:10px;color:#94a3b8}.expense-summary-page .attachment-btn{width:28px;height:28px;border-radius:6px;background:#3b82f626;border:none;color:#60a5fa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.expense-summary-page .attachment-btn svg{width:14px;height:14px}.expense-summary-page .attachment-btn:hover{background:#3b82f640}@media(max-width:1200px){.financial-summary-cards{grid-template-columns:repeat(3,1fr)}.summary-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.financial-summary-cards{grid-template-columns:1fr 1fr}.source-distribution{flex-direction:column;align-items:center;gap:24px}.project-info-meta{flex-direction:column;gap:8px}}.margin-cell{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:6px}.margin-cell.margin-high{background:#10b9811a}.margin-cell.margin-medium{background:#3b82f61a}.margin-cell.margin-low{background:#f59e0b1a}.margin-cell.margin-negative{background:#ef44441a}.margin-value-row{display:flex;align-items:center;gap:4px}.margin-cell.margin-high .margin-value-row,.margin-cell.margin-medium .margin-value-row{color:#34d399}.margin-cell.margin-high .margin-value-row svg,.margin-cell.margin-medium .margin-value-row svg{color:#34d399}.margin-cell.margin-low .margin-value-row{color:#fbbf24}.margin-cell.margin-low .margin-value-row svg{color:#fbbf24}.margin-cell.margin-negative .margin-value-row{color:#f87171}.margin-cell.margin-negative .margin-value-row svg{color:#f87171}.margin-amount{font-size:11px;font-weight:600}.margin-percent{font-size:10px;font-weight:500}.margin-cell.margin-high .margin-percent{color:#10b981}.margin-cell.margin-medium .margin-percent{color:#3b82f6}.margin-cell.margin-low .margin-percent{color:#f59e0b}.margin-cell.margin-negative .margin-percent{color:#ef4444}.summary-value.margin-positive{color:#34d399}.summary-value.margin-negative-value{color:#f87171}.summary-value.margin-warning{color:#fbbf24}.expense-value.total{font-size:11px;font-weight:500;color:#f87171}.expenses-cell{display:flex;flex-direction:column;gap:3px}.expense-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.expense-label{font-size:9px;color:#64748b;min-width:38px}.expense-amt{font-size:10px;font-weight:600}.expense-amt.direct{color:#f87171}.expense-amt.wallet{color:#fbbf24}.no-expense{font-size:11px;color:#64748b}.expense-summary-card.expenses-stacked .summary-content{gap:6px}.summary-expenses-breakdown{display:flex;flex-direction:column;gap:4px}.summary-expense-row{display:flex;align-items:center;gap:8px}.summary-expense-label{font-size:10px;color:#94a3b8;min-width:42px}.summary-expense-value{font-size:14px;font-weight:700}.summary-expense-value.direct{color:#f87171}.summary-expense-value.wallet{color:#fbbf24}.projects-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.projects-summary-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.projects-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.projects-summary-card .summary-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.projects-summary-card.total .summary-icon{background:#3b82f626;color:#60a5fa}.projects-summary-card.value .summary-icon{background:#10b98126;color:#34d399}.projects-summary-card.ongoing .summary-icon{background:#f59e0b26;color:#fbbf24}.projects-summary-card.completed .summary-icon{background:#8b5cf626;color:#a78bfa}.projects-summary-card.upcoming .summary-icon{background:#06b6d426;color:#22d3ee}.projects-summary-card .summary-content{display:flex;flex-direction:column;gap:4px}.projects-summary-card .summary-label{font-size:11px;color:#94a3b8;font-weight:500}.projects-summary-card .summary-value{font-size:18px;font-weight:700;color:#f1f5f9}.projects-summary-card.value .summary-value{color:#34d399}@media(max-width:1200px){.projects-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.projects-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.projects-summary{grid-template-columns:1fr}}.add-project-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-project-page .page-header-content{display:flex;align-items:center}.page-title-group{display:flex;flex-direction:column}.add-client-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-client-page .page-header-content{display:flex;align-items:center}.wallet-history-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(71,85,105,.2)}.wallet-history-page .page-header-content{display:flex;align-items:center}.wallet-history-page .page-header-actions{display:flex;align-items:center;gap:12px}.wallet-history-page .download-statement-btn{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid rgba(139,92,246,.3);color:#a78bfa;padding:10px 18px;border-radius:10px;font-weight:500;transition:all .2s ease}.wallet-history-page .download-statement-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf640,#8b5cf61a);border-color:#8b5cf680;transform:translateY(-1px)}.wallet-history-page .download-statement-btn:disabled{opacity:.4;cursor:not-allowed}.wallet-history-page .filters-row{background:#1e293b4d;border:1px solid rgba(71,85,105,.2);border-radius:12px;padding:16px 20px;margin-bottom:20px}.wallet-history-page .filter-controls{display:flex;gap:12px;flex-wrap:wrap}.wallet-history-page .filter-group{background:#0f172a80;border:1px solid rgba(71,85,105,.3);border-radius:8px;padding:8px 12px;transition:all .2s ease}.wallet-history-page .filter-group:hover{border-color:#8b5cf64d}.wallet-history-page .filter-select{background:transparent;border:none;color:#e2e8f0;font-size:12px;min-width:120px}.wallet-history-page .empty-cell{text-align:center;padding:80px 20px!important;background:#1e293b33}.wallet-history-page .empty-cell .empty-state-content{display:flex;flex-direction:column;align-items:center;gap:12px}.wallet-history-page .empty-cell .empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#64748b1a;border-radius:50%;color:#64748b;margin-bottom:8px}.wallet-history-page .empty-cell .empty-state-title{font-size:16px;font-weight:600;color:#94a3b8;margin:0}.wallet-history-page .empty-cell .empty-state-text{color:#64748b;font-size:13px;margin:0;max-width:360px;line-height:1.5}.wallet-history-page .loading-cell{text-align:center;padding:80px 20px!important;background:#1e293b33}.wallet-history-page .loading-cell .loading-spinner{margin:0 auto 16px}.wallet-history-page .loading-cell span{color:#64748b;font-size:13px}.wallet-history-table{border-radius:12px;overflow:hidden}.wallet-history-table thead th{background:#1e293b99;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;padding:14px 16px}.wallet-history-table tbody tr{transition:background .2s ease}.wallet-history-table tbody tr:hover{background:#8b5cf60d}.wallet-history-table tbody td{padding:14px 16px;border-bottom:1px solid rgba(71,85,105,.15)}.wallet-history-table .attachment-btn svg{width:14px;height:14px;flex-shrink:0}.add-expense-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-expense-page .page-header-content{display:flex;align-items:center}.add-user-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-user-page .page-header-content{display:flex;align-items:center}.assign-team-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assign-team-page .page-header-content{display:flex;align-items:center}.notification-container{position:relative}.header-icon-btn{position:relative;width:40px;height:40px;border-radius:10px;background:#4755694d;border:1px solid rgba(71,85,105,.3);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header-icon-btn:hover,.header-icon-btn.active{background:#6366f126;border-color:#6366f14d;color:#818cf8}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466}.notification-panel{position:absolute;top:calc(100% + 12px);right:0;width:380px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:16px;box-shadow:0 20px 50px #0006,0 0 0 1px #ffffff0d inset;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(71,85,105,.3);background:#1e293b80}.notification-header h3{font-size:14px;font-weight:600;color:#f1f5f9;margin:0}.mark-all-read-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#818cf8;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background:#6366f133;border-color:#6366f166}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#47556980;border-radius:3px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(71,85,105,.15);position:relative}.notification-item:hover{background:#47556926}.notification-item.unread{background:#6366f10d}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#818cf8,#6366f1)}.notif-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon svg{width:18px;height:18px}.notif-icon.project{background:#3b82f626;color:#60a5fa}.notif-icon.wallet{background:#10b98126;color:#34d399}.notif-icon.expense{background:#f59e0b26;color:#fbbf24}.notif-icon.system{background:#8b5cf626;color:#a78bfa}.notification-content{flex:1;min-width:0}.notification-title{font-size:12px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.notification-message{font-size:11px;color:#94a3b8;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:10px;color:#64748b}.mark-read-btn{width:28px;height:28px;border-radius:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;flex-shrink:0}.notification-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:#10b98133;border-color:#10b98166}.notification-empty{padding:40px 20px;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center}.notification-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.4;color:#64748b}.notification-empty p{font-size:14px;font-weight:500;color:#94a3b8;margin:0 0 6px}.notification-empty-sub{font-size:12px;color:#64748b}.notification-footer{padding:12px 20px;border-top:1px solid rgba(71,85,105,.3);background:#1e293b80}.view-all-btn{width:100%;padding:10px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.2);border-radius:10px;color:#818cf8;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f166}.user-menu-trigger.active{background:#6366f11a;border-color:#6366f14d}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:16px;box-shadow:0 20px 50px #0006,0 0 0 1px #ffffff0d inset;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.dropdown-user-header{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#6366f11a,#8b5cf60d)}.dropdown-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;box-shadow:0 4px 12px #6366f14d}.dropdown-user-info{display:flex;flex-direction:column;gap:2px}.dropdown-user-name{font-size:14px;font-weight:600;color:#f1f5f9}.dropdown-user-role{font-size:11px;color:#818cf8;font-weight:500;padding:2px 8px;background:#6366f126;border-radius:4px;display:inline-block;width:fit-content}.dropdown-divider{height:1px;background:#4755694d;margin:0;border:none}.dropdown-menu-items{padding:8px}.dropdown-menu-items .dropdown-item,a.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#cbd5e1;font-size:13px;font-weight:500;text-decoration:none;border-radius:10px;transition:all .2s ease;cursor:pointer}.dropdown-menu-items .dropdown-item:hover,a.dropdown-item:hover{background:#4755694d;color:#f1f5f9}.dropdown-menu-items .dropdown-item svg,a.dropdown-item svg{width:18px;height:18px;color:#64748b;transition:color .2s ease}.dropdown-menu-items .dropdown-item:hover svg,a.dropdown-item:hover svg{color:#818cf8}a.dropdown-item.logout,button.dropdown-item.logout{margin:8px;color:#f87171;background:#ef44441a;border-radius:10px;border:none;width:calc(100% - 16px);cursor:pointer;font-family:inherit}a.dropdown-item.logout:hover,button.dropdown-item.logout:hover{background:#ef444433;color:#fca5a5}a.dropdown-item.logout svg,button.dropdown-item.logout svg{color:#f87171}a.dropdown-item.logout:hover svg,button.dropdown-item.logout:hover svg{color:#fca5a5}@media(max-width:480px){.notification-panel{width:calc(100vw - 32px);right:-60px}.user-dropdown{width:calc(100vw - 32px);right:0}}.alert-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:12px}.alert-banner.warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.alert-banner.warning svg{flex-shrink:0;color:#f59e0b}.alert-banner.success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.wallet-closure-section{background:linear-gradient(145deg,#1e293b80,#0f172a80);border:1px solid rgba(148,163,184,.1);border-radius:14px;padding:20px;margin-bottom:24px}.wallet-closure-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wallet-closure-title{display:flex;align-items:center;gap:10px}.wallet-closure-title svg{color:#8b5cf6}.wallet-closure-title h3{font-size:14px;font-weight:600;color:#f1f5f9;margin:0}.closure-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.closure-status-badge.all-closed{background:#10b98126;color:#34d399}.closure-status-badge.pending{background:#f59e0b26;color:#fbbf24}.closure-progress-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.closure-progress-track{flex:1;height:8px;background:#33415580;border-radius:4px;overflow:hidden}.closure-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease}.closure-progress-text{font-size:11px;color:#94a3b8;white-space:nowrap}.wallet-closure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.wallet-closure-card{background:#0f172a99;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:14px;transition:all .2s ease}.wallet-closure-card:hover{border-color:#94a3b833;transform:translateY(-2px)}.wallet-closure-card.closed{border-left:3px solid #10b981}.wallet-closure-card.pending{border-left:3px solid #f59e0b}.closure-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.closure-member-info{display:flex;align-items:center;gap:10px}.user-avatar.small{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.closure-member-details{display:flex;flex-direction:column;gap:2px}.closure-member-name{font-size:12px;font-weight:600;color:#f1f5f9}.closure-member-role{font-size:10px;color:#94a3b8}.closure-status-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.closure-status-icon.closed{background:#10b98126;color:#34d399}.closure-status-icon.pending{background:#f59e0b26;color:#fbbf24}.closure-card-body{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0;border-top:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}.closure-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.closure-stat-label{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.closure-stat-value{font-size:12px;font-weight:600;color:#e2e8f0}.closure-stat-value.expense{color:#f87171}.closure-stat-value.balance{color:#60a5fa}.closure-card-footer{padding-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.closure-date,.closure-pending{display:flex;align-items:center;gap:6px;font-size:10px}.closure-date{color:#34d399}.closure-date svg{width:12px;height:12px}.closure-pending{color:#fbbf24}.closure-pending svg{width:12px;height:12px}@media(max-width:768px){.wallet-closure-header{flex-direction:column;align-items:flex-start;gap:12px}.wallet-closure-grid{grid-template-columns:1fr}.closure-card-body{grid-template-columns:repeat(3,1fr)}}.wallet-closure-actions{display:flex;align-items:center;gap:12px}.btn-notify-all{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-notify-all:hover{background:#f59e0b40;border-color:#f59e0b80}.closure-status-row{margin-bottom:10px}.closure-action-buttons{display:flex;align-items:center;gap:8px;justify-content:center}.btn-view-details,.btn-notify{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-view-details{background:#3b82f626;color:#60a5fa}.btn-view-details:hover{background:#3b82f640}.btn-notify{background:#f59e0b26;color:#fbbf24}.btn-notify:hover{background:#f59e0b40}.btn-close-wallet{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:#ef444426;color:#f87171}.btn-close-wallet:hover{background:#ef444440}.edit-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;font-size:10px;cursor:pointer;transition:all .2s ease;border:none;background:#3b82f626;color:#60a5fa}.edit-btn:hover{background:#3b82f640}.delete-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;font-size:10px;cursor:pointer;transition:all .2s ease;border:none;background:#ef444426;color:#f87171}.delete-btn:hover{background:#ef444440}.action-buttons{display:flex;align-items:center;gap:6px}.close-wallet-modal{max-width:500px;width:95%}.edit-transaction-modal{max-width:600px;width:95%}.edit-transaction-modal .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.edit-transaction-modal .form-group.full-width{grid-column:1 / -1}.edit-transaction-modal .form-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:20px;color:#f87171;font-size:13px}.edit-transaction-modal .form-error-banner svg{flex-shrink:0;color:#ef4444}.delete-transaction-modal{max-width:480px;width:95%}.delete-confirmation-content{text-align:center;padding:10px 0}.delete-warning-icon{width:60px;height:60px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#ef444426;border-radius:50%}.delete-warning-icon svg{width:32px;height:32px;color:#ef4444}.delete-confirmation-title{font-size:16px;font-weight:600;color:#e2e8f0;margin-bottom:20px}.delete-transaction-details{background:#1e293b80;border-radius:10px;padding:16px;margin-bottom:16px;text-align:left}.delete-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.1)}.delete-detail-row:last-child{border-bottom:none}.delete-detail-label{font-size:13px;color:#94a3b8}.delete-detail-value{font-size:13px;font-weight:500;color:#e2e8f0}.delete-detail-value.credit{color:#4ade80}.delete-warning-text{font-size:13px;color:#94a3b8;line-height:1.5;margin:0}.close-wallet-member-info{display:flex;align-items:center;gap:12px;padding:16px;background:#1e293b80;border-radius:10px;margin-bottom:16px}.close-wallet-member-info .member-details{display:flex;flex-direction:column;gap:2px}.close-wallet-member-info .member-name{font-size:14px;font-weight:600;color:#e2e8f0}.close-wallet-member-info .member-designation{font-size:11px;color:#94a3b8}.close-wallet-summary{display:flex;gap:16px;margin-bottom:16px}.close-wallet-summary .summary-item{flex:1;padding:12px;background:#1e293b4d;border-radius:8px;display:flex;flex-direction:column;gap:4px}.close-wallet-summary .label{font-size:10px;color:#94a3b8}.close-wallet-summary .value{font-size:16px;font-weight:600;color:#e2e8f0}.close-wallet-summary .value.expense{color:#f87171}.close-wallet-summary .value.balance{color:#4ade80}.close-wallet-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-top:16px}.close-wallet-warning svg{color:#fbbf24;flex-shrink:0;margin-top:2px}.close-wallet-warning span{font-size:11px;color:#fbbf24;line-height:1.5}.complete-project-modal{max-width:500px}.complete-project-summary{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:10px;padding:16px;margin-bottom:20px}.complete-project-summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(71,85,105,.2)}.complete-project-summary .summary-row:last-child{border-bottom:none}.complete-project-summary .summary-row.highlight{background:#10b9811a;margin:8px -16px -16px;padding:12px 16px;border-radius:0 0 10px 10px;border-bottom:none}.complete-project-summary .label{font-size:12px;color:#94a3b8}.complete-project-summary .value{font-size:14px;font-weight:600;color:#e2e8f0}.complete-project-summary .value.expense{color:#f87171}.complete-project-summary .value.positive{color:#34d399}.complete-project-summary .value.negative{color:#f87171}.complete-checklist{margin-bottom:20px}.complete-checklist h4{font-size:12px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.checklist-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0f172a66;border-radius:6px;margin-bottom:8px;font-size:12px;color:#94a3b8}.checklist-item.completed{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.checklist-item.completed svg{color:#34d399}.checklist-item.completed span{color:#34d399}.complete-project-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-top:16px}.complete-project-warning svg{color:#fbbf24;flex-shrink:0;margin-top:2px}.complete-project-warning span{font-size:11px;color:#fbbf24;line-height:1.5}.btn-danger{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-success{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-complete{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-complete:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-complete.disabled,.btn-complete:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#64748b,#475569)}.closure-info-content{display:flex;flex-direction:column;gap:4px}.closure-remark{font-size:11px;color:#94a3b8;font-style:italic}.empty-expenses{text-align:center;padding:24px;color:#64748b;font-size:12px}.wallet-details-modal{max-width:600px;width:95%}.wallet-member-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1e293b80;border-radius:10px;margin-bottom:16px}.member-info-row{display:flex;align-items:center;gap:14px}.user-avatar.medium{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.member-details{display:flex;flex-direction:column;gap:2px}.member-details h3{margin:0;font-size:14px;font-weight:600;color:#f1f5f9}.member-designation{font-size:11px;color:#94a3b8}.member-contact{font-size:10px;color:#64748b}.member-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.member-status-badge.closed{background:#10b98126;color:#34d399}.member-status-badge.pending{background:#f59e0b26;color:#fbbf24}.wallet-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.wallet-summary-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#1e293b4d;border-radius:8px;text-align:center}.summary-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:14px;font-weight:600;color:#e2e8f0}.summary-value.expense{color:#f87171}.summary-value.balance{color:#60a5fa}.summary-value.wallet{color:#fbbf24}.summary-value.direct{color:#34d399}.wallet-summary-item.wallet-type{border-left:2px solid #f59e0b}.wallet-summary-item.direct-type{border-left:2px solid #10b981}.expense-list-section{margin-bottom:16px}.expense-list-title{font-size:12px;font-weight:600;color:#f1f5f9;margin:0 0 12px}.expense-list{display:flex;flex-direction:column;gap:10px}.expense-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#94a3b8;font-size:12px}.loading-spinner.small{width:24px;height:24px;border-width:2px}.attachment-indicator.clickable{cursor:pointer;padding:4px 8px;border-radius:4px;background:#3b82f61a;border:none;color:#60a5fa;font-size:10px;display:flex;align-items:center;gap:4px;transition:all .2s ease}.attachment-indicator.clickable:hover{background:#3b82f633}.expense-list-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.1);border-radius:8px}.expense-list-item.compact{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px}.expense-list-left{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.expense-list-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.expense-list-header{display:flex;align-items:center;justify-content:space-between}.expense-list-item.compact .expense-list-header{flex-direction:column;align-items:flex-start;gap:2px}.expense-list-id{font-size:10px;color:#64748b;font-family:monospace}.expense-list-date{font-size:10px;color:#94a3b8}.expense-list-item.compact .expense-list-date{font-size:11px}.expense-list-body{display:flex;flex-direction:column;gap:6px}.expense-list-desc{font-size:12px;color:#e2e8f0;font-weight:500}.expense-list-item.compact .expense-list-desc{font-size:13px}.expense-list-meta{display:flex;align-items:center;gap:10px}.attachment-indicator{display:flex;align-items:center;gap:4px;font-size:10px;color:#60a5fa}.expense-list-amount{font-size:14px;font-weight:700;color:#f87171;text-align:right}.expense-list-item.compact .expense-list-amount{font-size:15px}.expense-list-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-top:12px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:8px}.expense-list-total .total-label{font-size:12px;font-weight:600;color:#a5b4fc}.expense-list-total .total-amount{font-size:16px;font-weight:700;color:#f87171}.expense-list-totals{margin-top:12px;display:flex;flex-direction:column;gap:8px}.expense-list-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#1e293b80;border-radius:6px;border-left:3px solid transparent}.expense-list-total-row.wallet{border-left-color:#f59e0b;background:#f59e0b14}.expense-list-total-row.direct{border-left-color:#3b82f6;background:#3b82f614}.expense-list-total-row .total-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#94a3b8}.expense-list-total-row .total-amount{font-size:14px;font-weight:600;color:#e2e8f0}.expense-list-totals .expense-list-total{margin-top:4px}.closure-info-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#34d399;font-size:12px}.notify-modal{max-width:500px;width:95%}.notify-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;text-align:center}.notify-success .success-icon{width:60px;height:60px;border-radius:50%;background:#10b98126;display:flex;align-items:center;justify-content:center;color:#34d399}.notify-success .success-icon svg{width:30px;height:30px}.notify-success h3{margin:0;font-size:18px;font-weight:600;color:#34d399}.notify-success p{margin:0;font-size:13px;color:#94a3b8}.notify-error{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:16px;color:#ef4444;font-size:13px}.notify-error svg{flex-shrink:0}.notify-recipient{display:flex;align-items:center;gap:12px;padding:14px;background:#1e293b80;border-radius:10px;margin-bottom:16px}.recipient-details{display:flex;flex-direction:column;gap:2px}.recipient-name{font-size:13px;font-weight:600;color:#f1f5f9}.recipient-email{font-size:11px;color:#94a3b8}.notify-channels{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.notify-channel{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1e293b4d;border-radius:8px;cursor:pointer;font-size:12px;color:#e2e8f0;transition:background .2s ease}.notify-channel:hover{background:#1e293b80}.notify-channel input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.notify-message-section{margin-bottom:16px}.notify-message-input{width:100%;padding:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-size:12px;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .2s ease}.notify-message-input:focus{outline:none;border-color:#8b5cf6}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--accent-yellow)}[data-theme=light] .theme-toggle{background:#6366f11a;border-color:#6366f133;color:#6366f1}[data-theme=light] .theme-toggle:hover{background:#6366f133}[data-theme=light] .main-layout,[data-theme=light] .main-wrapper,[data-theme=light] .main-content,[data-theme=light] .page-content{background:#f1f5f9}[data-theme=light] .top-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .header-welcome{color:#64748b}[data-theme=light] .welcome-name{color:#0f172a}[data-theme=light] .header-icon-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}[data-theme=light] .header-icon-btn:hover,[data-theme=light] .header-icon-btn.active{background:#e2e8f0;color:#0f172a}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .page-subtitle{color:#64748b}[data-theme=light] .stats-card,[data-theme=light] .report-stats-card,[data-theme=light] .summary-stat-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .stats-card:hover,[data-theme=light] .report-stats-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}[data-theme=light] .stat-value,[data-theme=light] .stats-number{color:#0f172a}[data-theme=light] .stat-label,[data-theme=light] .stats-label{color:#64748b}[data-theme=light] .settings-category-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .settings-category-card:hover{border-color:var(--category-color, #8b5cf6);box-shadow:0 4px 12px #00000014}[data-theme=light] .settings-category-card .category-icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}[data-theme=light] .settings-category-card:hover .category-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf614)}[data-theme=light] .settings-category-card .category-title{color:#1e293b}[data-theme=light] .settings-category-card .category-description{color:#64748b}[data-theme=light] .settings-category-card .category-arrow{color:#94a3b8}[data-theme=light] .settings-category-card.coming-soon{opacity:.6}[data-theme=light] .settings-category-card.coming-soon:hover{border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .coming-soon-badge{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);color:#d97706;border-color:#f59e0b40}.leave-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}.leave-module-card{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#1e293bcc,#0f172a99);border:1px solid rgba(71,85,105,.3);border-radius:14px;cursor:pointer;transition:all .3s ease}.leave-module-card:hover{transform:translateY(-2px);border-color:var(--module-color, #8b5cf6);box-shadow:0 8px 24px #0003}.module-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--module-color, #a78bfa);flex-shrink:0;transition:all .3s ease}.leave-module-card:hover .module-icon{transform:scale(1.05);background:linear-gradient(135deg,#8b5cf64d,#8b5cf626)}.module-content{flex:1}.module-title{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 6px}.module-description{font-size:13px;color:#94a3b8;margin:0 0 8px;line-height:1.5}.module-stats{font-size:11px;color:var(--module-color, #a78bfa);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.module-arrow{color:#64748b;transition:all .3s ease}.leave-module-card:hover .module-arrow{color:var(--module-color, #8b5cf6);transform:translate(4px)}.leave-info-section{margin-top:20px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px}.info-icon{width:40px;height:40px;border-radius:10px;background:#3b82f626;display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.info-content h4{font-size:14px;font-weight:600;color:#f1f5f9;margin:0 0 6px}.info-content p{font-size:13px;color:#94a3b8;margin:0;line-height:1.6}.info-content strong{color:#60a5fa}.leave-type-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.leave-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:4px}.leave-type-card{background:linear-gradient(135deg,#1e293b99,#0f172a66);border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.leave-type-card:hover{border-color:var(--type-color, #8b5cf6);box-shadow:0 4px 16px #00000026}.leave-type-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.leave-type-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.leave-type-code{font-size:12px;font-weight:600;color:#94a3b8;background:#4755694d;padding:2px 8px;border-radius:4px}.leave-type-name{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 8px}.leave-type-content{flex:1;display:flex;flex-direction:column}.leave-type-description{font-size:13px;color:#94a3b8;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.leave-type-meta{margin-top:12px;margin-bottom:16px}.paid-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.paid-badge.paid{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.paid-badge.unpaid{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.leave-type-actions{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(71,85,105,.2);margin-top:auto}.btn-icon-action{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-icon-action:hover{background:#8b5cf633;border-color:#8b5cf6}.leave-type-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a)!important;color:#a78bfa!important}.policy-icon{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;color:#34d399!important}.color-picker-grid{display:flex;gap:10px;flex-wrap:wrap}.color-option{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #8b5cf680}.leave-radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#8b5cf680}.radio-option input[type=radio]{margin-top:2px;accent-color:#8b5cf6}.radio-option .radio-label-text{font-size:13px;font-weight:500;color:#e2e8f0;display:block}.radio-hint{font-size:11px;color:#64748b;display:block;margin-top:2px}.leave-category-options{display:flex;gap:12px;padding-top:8px}.leave-category-options.three-col{display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.leave-category-options.three-col{grid-template-columns:1fr}}.leave-category-option{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:10px;cursor:pointer;transition:all .2s ease;min-width:160px}.leave-category-options.three-col .leave-category-option{min-width:unset}.leave-category-option:hover{border-color:#8b5cf666;background:#0f172a99}.leave-category-option.selected{border-color:#8b5cf699;background:#8b5cf61a}.leave-category-option input[type=radio]{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer;flex-shrink:0}.leave-category-content{display:flex;flex-direction:column;gap:2px}.leave-category-title{font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap}.leave-category-hint{font-size:11px;color:#64748b;white-space:nowrap}.leave-category-option.selected .leave-category-title{color:#a78bfa}.form-group.status-group{flex:0 0 auto;min-width:140px}.form-group.status-group .status-toggle-box{padding:16px 18px;height:auto;border-radius:10px}.form-group>.status-toggle-box{width:fit-content}.leave-type-preview{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:10px}.preview-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.preview-code{font-size:12px;font-weight:600;color:#94a3b8;background:#47556966;padding:3px 8px;border-radius:4px}.preview-name{font-size:14px;font-weight:500;color:#f1f5f9;flex:1}.preview-badge{font-size:10px;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase}.preview-badge.paid{background:#10b98126;color:#34d399}.preview-badge.unpaid{background:#ef444426;color:#f87171}.preview-badge.gender-male{background:#3b82f626;color:#60a5fa}.preview-badge.gender-female{background:#ec489926;color:#f472b6}.preview-badge.no-count{background:#f59e0b26;color:#fbbf24}.policy-cards-container .table-loading,.policy-cards-container .empty-state{background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;padding:48px 24px}.policy-cards-list{display:flex;flex-direction:column;gap:16px}.table-container:has(.policy-cards-list){background:transparent;border:none;border-radius:0}.policy-card{background:linear-gradient(135deg,#1e293b99,#0f172a66);border:1px solid rgba(71,85,105,.3);border-radius:16px;padding:24px;transition:all .3s ease}.policy-card:hover{border-color:#10b98166;box-shadow:0 8px 32px #0003;transform:translateY(-2px)}.policy-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.policy-card-title-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.policy-card-name{font-size:18px;font-weight:700;color:#f1f5f9;margin:0}.policy-fy-badge{font-size:11px;font-weight:600;padding:4px 10px;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:6px}.policy-card-description{font-size:13px;color:#94a3b8;margin:0 0 20px;line-height:1.5}.policy-card-stats{display:flex;gap:12px;margin-bottom:20px}.policy-stat{display:flex;flex-direction:column;gap:4px;padding:14px 20px;background:#0f172a80;border:1px solid rgba(71,85,105,.2);border-radius:10px;min-width:100px}.policy-stat-value{font-size:24px;font-weight:700;color:#f1f5f9;line-height:1}.policy-stat-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.policy-stat:first-child .policy-stat-value{color:#a78bfa}.policy-stat:nth-child(2) .policy-stat-value{color:#34d399}.policy-stat:nth-child(3) .policy-stat-value{color:#60a5fa}.policy-stat:nth-child(4) .policy-stat-value{color:#f59e0b}.policy-entitlements-preview{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid rgba(71,85,105,.2)}.entitlement-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1e293b99;border:1px solid rgba(71,85,105,.3);border-radius:8px;transition:all .2s ease}.entitlement-chip:hover{border-color:#8b5cf666;background:#8b5cf61a}.entitlement-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.entitlement-code{font-size:12px;font-weight:600;color:#e2e8f0}.entitlement-quota{font-size:12px;font-weight:700;color:#a78bfa;background:#8b5cf626;padding:2px 8px;border-radius:4px}.entitlement-more{font-size:12px;color:#64748b;padding:8px 14px;font-weight:500}.form-section-title{font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(71,85,105,.3);display:flex;align-items:center;gap:12px}.section-title-badge{font-size:12px;font-weight:600;padding:3px 10px;background:#10b98126;color:#34d399;border-radius:6px;text-transform:none;letter-spacing:0}.location-chips{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.location-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#1e293b80;border:1px solid rgba(71,85,105,.4);border-radius:20px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.location-chip:hover{border-color:#8b5cf680;color:#e2e8f0;background:#8b5cf614}.location-chip.selected{background:#8b5cf626;border-color:#8b5cf6;color:#a78bfa;font-weight:600}.location-chip.selected:before{content:"✓";font-size:12px;font-weight:700}.no-data-hint{font-size:13px;color:#64748b;font-style:italic}.entitlements-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.entitlement-row{display:flex;align-items:flex-start;gap:16px;padding:14px 16px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:10px}.entitlement-fields{display:flex;align-items:flex-start;gap:16px;flex:1}.entitlement-field{display:flex;flex-direction:column;gap:6px}.entitlement-field label{font-size:10px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.entitlement-field .form-input{padding:10px 12px;font-size:13px;height:40px}.leave-type-field{flex:1;min-width:200px}.quota-field{width:100px;flex-shrink:0}.max-days-field{width:120px;flex-shrink:0}.carry-field{min-width:130px;flex-shrink:0}.carry-forward-toggle{display:flex;align-items:center;gap:8px;height:40px}.toggle-btn{padding:10px 16px;background:#4755694d;border:1px solid rgba(71,85,105,.5);border-radius:6px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;height:40px;min-width:50px}.toggle-btn.active{background:#10b98126;border-color:#10b981;color:#34d399}.carry-input{width:70px!important;padding:10px!important;height:40px!important}.btn-remove-entitlement{padding:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;cursor:pointer;height:40px;width:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;margin-top:22px}.btn-remove-entitlement:hover{background:#ef444433;border-color:#ef4444}.btn-add-entitlement{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#8b5cf61a;border:1px dashed rgba(139,92,246,.4);border-radius:10px;color:#a78bfa;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.btn-add-entitlement:hover{background:#8b5cf626;border-color:#8b5cf6}.no-leave-types-message{text-align:center;padding:40px 20px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-leave-types-message p{color:#fbbf24;margin:0 0 16px}.error-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;background:linear-gradient(135deg,#ef444414,#ef444408);border:1px solid rgba(239,68,68,.2);border-radius:16px}.error-state-icon{width:80px;height:80px;border-radius:50%;background:#ef444426;display:flex;align-items:center;justify-content:center;color:#f87171;margin-bottom:20px}.error-state-title{font-size:18px;font-weight:600;color:#f1f5f9;margin:0 0 10px}.error-state-message{font-size:14px;color:#94a3b8;margin:0 0 24px;max-width:400px;line-height:1.6}.error-state-actions{display:flex;gap:12px}.error-state-actions .btn-secondary{display:flex;align-items:center;gap:8px}[data-theme=light] .error-state-card{background:linear-gradient(135deg,#ef44440f,#ef444405);border-color:#ef444426}[data-theme=light] .error-state-icon{background:#ef44441a;color:#dc2626}[data-theme=light] .error-state-title{color:#1e293b}[data-theme=light] .error-state-message{color:#64748b}.empty-state .btn-primary{margin-top:16px}[data-theme=light] .coming-soon-icon{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#059669}[data-theme=light] .coming-soon-title{color:#1e293b}[data-theme=light] .coming-soon-description{color:#64748b}[data-theme=light] .leave-module-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .leave-module-card:hover{border-color:var(--module-color, #8b5cf6);box-shadow:0 4px 12px #00000014}[data-theme=light] .module-title{color:#1e293b}[data-theme=light] .module-description{color:#64748b}[data-theme=light] .info-card{background:#3b82f60d;border-color:#3b82f626}[data-theme=light] .info-content h4{color:#1e293b}[data-theme=light] .info-content p{color:#64748b}[data-theme=light] .leave-type-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .leave-type-card:hover{border-color:var(--type-color, #8b5cf6)}[data-theme=light] .leave-type-code{background:#f1f5f9;color:#64748b}[data-theme=light] .leave-type-name{color:#1e293b}[data-theme=light] .leave-type-description{color:#64748b}[data-theme=light] .leave-type-actions{border-top-color:#e2e8f0}[data-theme=light] .leave-type-preview{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .preview-code{background:#e2e8f0;color:#64748b}[data-theme=light] .preview-name{color:#1e293b}[data-theme=light] .radio-option{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .radio-option:hover{border-color:#8b5cf680}[data-theme=light] .leave-category-option{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .leave-category-option:hover{border-color:#8b5cf666;background:#f1f5f9}[data-theme=light] .leave-category-option.selected{border-color:#8b5cf680;background:#8b5cf614}[data-theme=light] .leave-category-title{color:#1e293b}[data-theme=light] .leave-category-hint{color:#64748b}[data-theme=light] .leave-category-option.selected .leave-category-title{color:#7c3aed}[data-theme=light] .radio-label{color:#1e293b}[data-theme=light] .policy-cards-container .table-loading,[data-theme=light] .policy-cards-container .empty-state,[data-theme=light] .policy-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .policy-card:hover{border-color:#10b98166;box-shadow:0 8px 32px #00000014}[data-theme=light] .policy-card-name{color:#1e293b}[data-theme=light] .policy-card-description{color:#64748b}[data-theme=light] .policy-stat{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .policy-stat-value{color:#1e293b}[data-theme=light] .policy-stat:first-child .policy-stat-value{color:#7c3aed}[data-theme=light] .policy-stat:nth-child(2) .policy-stat-value{color:#059669}[data-theme=light] .policy-stat:nth-child(3) .policy-stat-value{color:#2563eb}[data-theme=light] .policy-stat:nth-child(4) .policy-stat-value{color:#d97706}[data-theme=light] .policy-entitlements-preview{border-top-color:#e2e8f0}[data-theme=light] .entitlement-chip{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .entitlement-chip:hover{background:#8b5cf614;border-color:#8b5cf64d}[data-theme=light] .entitlement-code{color:#1e293b}[data-theme=light] .entitlement-quota{color:#7c3aed;background:#8b5cf61a}[data-theme=light] .form-section-title{color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .location-chip{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .location-chip:hover{border-color:#8b5cf666;color:#1e293b;background:#8b5cf60d}[data-theme=light] .location-chip.selected{background:#8b5cf61a;border-color:#8b5cf6;color:#7c3aed}[data-theme=light] .entitlement-row{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .entitlement-field label{color:#64748b}[data-theme=light] .toggle-btn{background:#e2e8f0;border-color:#cbd5e1;color:#64748b}[data-theme=light] .toggle-btn.active{background:#10b9811a;border-color:#10b981;color:#059669}[data-theme=light] .btn-add-entitlement{background:#8b5cf60d;border-color:#8b5cf64d}[data-theme=light] .btn-add-entitlement:hover{background:#8b5cf61a}[data-theme=light] .no-leave-types-message{background:#f59e0b0d;border-color:#f59e0b26}[data-theme=light] .no-leave-types-message p{color:#d97706}[data-theme=light] .holiday-icon-small{background:linear-gradient(135deg,#10b9811f,#10b9810f);color:#059669}[data-theme=light] .holiday-name{color:#1e293b}[data-theme=light] .holiday-description{color:#64748b}[data-theme=light] .holiday-date{color:#1e293b}[data-theme=light] .holiday-fy{color:#7c3aed}[data-theme=light] .fy-activation-card{background:#fff;border-color:#3b82f626;box-shadow:0 1px 3px #0000000d}[data-theme=light] .rollout-card{border-color:#10b98126!important}[data-theme=light] .fy-activation-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}[data-theme=light] .rollout-icon{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;color:#059669!important}[data-theme=light] .fy-activation-title{color:#1e293b}[data-theme=light] .fy-activation-desc{color:#64748b}[data-theme=light] .fy-badge.active{background:#10b9811a;color:#059669;border-color:#10b98133}[data-theme=light] .fy-badge.none{background:#ef44441a;color:#dc2626;border-color:#ef444433}[data-theme=light] .fy-dropdown{background:#fff;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .fy-dropdown:hover{border-color:#3b82f680}[data-theme=light] .btn-activate-fy:disabled,[data-theme=light] .btn-rollout:disabled{background:#e2e8f0;color:#94a3b8}[data-theme=light] .location-text{color:#64748b}[data-theme=light] .type-badge.type-national{background:#3b82f61a;color:#2563eb;border-color:#3b82f633}[data-theme=light] .type-badge.type-regional{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}[data-theme=light] .multi-select-trigger{background:#fff;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .multi-select-trigger:hover{border-color:#8b5cf680}[data-theme=light] .multi-select-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px #0000001a}[data-theme=light] .multi-select-option:hover{background:#8b5cf614}[data-theme=light] .multi-select-option.selected{background:#8b5cf61a}[data-theme=light] .multi-select-option .option-checkbox{border-color:#cbd5e1}[data-theme=light] .multi-select-option .option-label{color:#1e293b}[data-theme=light] .multi-select-empty{color:#94a3b8}[data-theme=light] .selected-tag{background:#8b5cf61a;border-color:#8b5cf633;color:#7c3aed}[data-theme=light] .selected-tag .tag-remove{color:#7c3aed}[data-theme=light] .toggle-slider-input{background:#cbd5e1}[data-theme=light] .toggle-slider-input:after{background:#fff}[data-theme=light] .toggle-container input:checked+.toggle-slider-input{background:#7c3aed}[data-theme=light] .toggle-label-text{color:#1e293b}[data-theme=light] .status-toggle-box{background:#fff;border-color:#e2e8f0}[data-theme=light] .status-toggle-box:hover{border-color:#8b5cf680}[data-theme=light] .status-toggle-box.active{border-color:#10b98166;background:#10b9810d}[data-theme=light] .status-toggle-box.inactive{border-color:#ef444433;background:#ef444408}[data-theme=light] .status-toggle-switch{background:#cbd5e1}[data-theme=light] .status-toggle-box.active .status-toggle-switch{background:#10b981}[data-theme=light] .status-toggle-box.inactive .status-toggle-switch{background:#94a3b8}[data-theme=light] .status-toggle-label{color:#1e293b}[data-theme=light] .status-toggle-box.active .status-toggle-label{color:#059669}[data-theme=light] .status-toggle-box.inactive .status-toggle-label{color:#64748b}[data-theme=light] .settings-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .settings-section-header{border-bottom:1px solid #e2e8f0}[data-theme=light] .section-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#7c3aed}[data-theme=light] .section-subtitle{color:#64748b}[data-theme=light] .geofence-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .geofence-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 12px #00000014}[data-theme=light] .geofence-name{color:#1e293b}[data-theme=light] .geofence-address{color:#64748b}[data-theme=light] .geofence-detail{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .geofence-detail svg{color:#7c3aed}[data-theme=light] .geofence-detail .detail-header{color:#64748b}[data-theme=light] .geofence-detail .detail-label{color:#94a3b8}[data-theme=light] .geofence-detail .detail-value{color:#1e293b}[data-theme=light] .toggle-status.enabled{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .toggle-status.disabled{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}[data-theme=light] .settings-toggle-card{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .settings-toggle-card:hover{border-color:#8b5cf64d;background:#f1f5f9}[data-theme=light] .settings-toggle-card.active{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf614,#8b5cf60a)}[data-theme=light] .toggle-card-title{color:#1e293b}[data-theme=light] .toggle-card-desc{color:#64748b}[data-theme=light] .field-hint{color:#94a3b8}[data-theme=light] .reports-page{background:#f1f5f9}[data-theme=light] .report-summary-cards .summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0}[data-theme=light] .profit-stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .profit-stat-card.profitable{background:#22c55e0d;border-color:#22c55e33}[data-theme=light] .profit-stat-card.loss{background:#ef44440d;border-color:#ef444433}[data-theme=light] .profit-stat-value{color:#0f172a}[data-theme=light] .profit-table .loss-row{background:#ef444408}[data-theme=light] .profit-table .loss-row:hover{background:#ef444414}.chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px}.chart-empty-state .empty-state-icon{width:56px;height:56px;border-radius:50%;background:#47556933;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.chart-empty-state .empty-state-icon svg{width:24px;height:24px;color:#64748b}.chart-empty-state p{font-size:14px;font-weight:500;color:#94a3b8;margin:0 0 4px}.chart-empty-state span{font-size:12px;color:#64748b}.table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.table-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#1e293b4d;border-radius:12px;margin:16px 0}.table-loading-state .loading-spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.table-loading-state p{font-size:14px;color:#94a3b8;margin:0}.table-empty-state .empty-state-icon{width:72px;height:72px;border-radius:50%;background:#47556926;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.table-empty-state .empty-state-icon svg{width:36px;height:36px;color:#64748b}.table-empty-state h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.table-empty-state p{font-size:13px;color:#94a3b8;margin:0;max-width:320px}.empty-row td{padding:0!important;border:none!important}[data-theme=light] .chart-empty-state .empty-state-icon{background:#64748b1a}[data-theme=light] .chart-empty-state p{color:#64748b}[data-theme=light] .chart-empty-state span{color:#94a3b8}[data-theme=light] .table-empty-state .empty-state-icon{background:#64748b14}[data-theme=light] .table-empty-state h4{color:#1e293b}[data-theme=light] .table-empty-state p{color:#64748b}[data-theme=light] .table-loading-state{background:#f1f5f999}[data-theme=light] .table-loading-state .loading-spinner{border-color:#8b5cf626;border-top-color:#8b5cf6}[data-theme=light] .table-loading-state p{color:#64748b}.expense-details-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.expense-detail-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#1e293b66;border-radius:8px;border:1px solid rgba(71,85,105,.2);transition:all .2s ease}.expense-detail-item:hover{background:#1e293b99;border-color:#47556966}.expense-detail-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.expense-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.expense-detail-info{display:flex;flex-direction:column;gap:2px;min-width:0}.expense-detail-title{font-size:13px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-detail-meta{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-detail-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;margin-left:12px}.expense-detail-amount{font-size:13px;font-weight:600;color:#f87171}.expense-detail-date{font-size:10px;color:#64748b}[data-theme=light] .expense-detail-item{background:#f1f5f999;border-color:#e2e8f0}[data-theme=light] .expense-detail-item:hover{background:#f1f5f9e6;border-color:#cbd5e1}[data-theme=light] .expense-detail-title{color:#1e293b}[data-theme=light] .expense-detail-meta{color:#64748b}[data-theme=light] .expense-detail-amount{color:#dc2626}[data-theme=light] .expense-detail-date{color:#94a3b8}.expense-details-table .date-cell{font-size:12px;color:#94a3b8;white-space:nowrap}.expense-details-table .title-cell{font-size:13px;color:#e2e8f0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:180px}.expense-details-table .title-cell-wrapper{display:flex;flex-direction:column;gap:2px}.expense-details-table .party-name-text{font-size:11px;color:#64748b;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:180px}.expense-details-table .category-cell{display:flex;align-items:center;gap:8px}.expense-details-table .category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.expense-details-table .category-name{font-size:12px;color:#cbd5e1}.expense-details-table .project-cell{display:flex;flex-direction:column;gap:2px}.expense-details-table .project-name-text{font-size:12px;color:#e2e8f0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:140px}.expense-details-table .project-id-text{font-size:10px;color:#64748b}.expense-details-table .employee-cell{display:flex;align-items:center;gap:8px}.expense-details-table .employee-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.expense-details-table .employee-name{font-size:12px;color:#e2e8f0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100px}.expense-details-table .payment-method-badge{font-size:11px;padding:4px 8px;border-radius:4px;background:#4755694d;color:#94a3b8;white-space:nowrap}.expense-details-table .amount-cell.expense{color:#f87171;font-weight:600}.expense-details-table .no-data{color:#64748b;font-size:12px}[data-theme=light] .expense-details-table .date-cell{color:#64748b}[data-theme=light] .expense-details-table .title-cell{color:#1e293b}[data-theme=light] .expense-details-table .party-name-text{color:#94a3b8}[data-theme=light] .expense-details-table .category-name{color:#475569}[data-theme=light] .expense-details-table .project-name-text{color:#1e293b}[data-theme=light] .expense-details-table .project-id-text{color:#94a3b8}[data-theme=light] .expense-details-table .employee-name{color:#1e293b}[data-theme=light] .expense-details-table .payment-method-badge{background:#64748b26;color:#64748b}[data-theme=light] .expense-details-table .amount-cell.expense{color:#dc2626}[data-theme=light] .search-container,[data-theme=light] .search-input-wrapper,[data-theme=light] .report-search-container{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .search-input,[data-theme=light] .report-search-input{background:transparent;color:#0f172a}[data-theme=light] .search-input::placeholder,[data-theme=light] .report-search-input::placeholder{color:#94a3b8}[data-theme=light] .search-icon{color:#94a3b8}[data-theme=light] .report-categories,[data-theme=light] .category-tabs,[data-theme=light] .filter-tabs{background:transparent}[data-theme=light] .category-tab,[data-theme=light] .filter-tab,[data-theme=light] .report-category-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}[data-theme=light] .category-tab:hover,[data-theme=light] .filter-tab:hover,[data-theme=light] .report-category-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .category-tab.active,[data-theme=light] .filter-tab.active,[data-theme=light] .report-category-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}[data-theme=light] .category-count,[data-theme=light] .tab-count{background:#00000014;color:#64748b}[data-theme=light] .category-tab.active .category-count,[data-theme=light] .report-category-btn.active .tab-count{background:#fff3;color:#fff}[data-theme=light] .section-title,[data-theme=light] .section-heading,[data-theme=light] .reports-section-title{color:#0f172a}[data-theme=light] .section-title svg,[data-theme=light] .reports-section-title svg{color:#f59e0b}[data-theme=light] .report-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .report-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}[data-theme=light] .report-title,[data-theme=light] .report-card-title{color:#0f172a}[data-theme=light] .report-description,[data-theme=light] .report-card-description{color:#64748b}[data-theme=light] .report-card-link,[data-theme=light] .view-report-link{color:#8b5cf6}[data-theme=light] .report-card-link:hover,[data-theme=light] .view-report-link:hover{color:#7c3aed}[data-theme=light] .report-card-section{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .report-icon{background:#8b5cf61a}[data-theme=light] .popular-badge{background:#ef44441a;color:#ef4444}[data-theme=light] .report-category-badge{background:#8b5cf61a;color:#8b5cf6}[data-theme=light] .card,[data-theme=light] .summary-card,[data-theme=light] .info-card,[data-theme=light] .detail-card,[data-theme=light] .table-container{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .data-table thead{background:#f8fafc}[data-theme=light] .data-table th{color:#64748b;border-bottom:1px solid #e2e8f0;background:#f8fafc}[data-theme=light] .data-table td{color:#334155;border-bottom:1px solid #f1f5f9}[data-theme=light] .data-table tbody tr:hover,[data-theme=light] .data-table tfoot{background:#f8fafc}[data-theme=light] .data-table tfoot td{border-top:1px solid #e2e8f0}[data-theme=light] .modal-overlay{background:#0f172a80}[data-theme=light] .modal-container{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px #00000026}[data-theme=light] .modal-header{border-bottom:1px solid #e2e8f0}[data-theme=light] .modal-header h2{color:#0f172a}[data-theme=light] .modal-subtitle{color:#64748b}[data-theme=light] .modal-project-name{color:#1e293b}[data-theme=light] .modal-project-id{color:#475569;background:#64748b26}[data-theme=light] .modal-body{color:#334155}[data-theme=light] .modal-footer{border-top:1px solid #e2e8f0;background:#f8fafc}[data-theme=light] .modal-close-btn{color:#64748b}[data-theme=light] .modal-close-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .form-group label,[data-theme=light] .form-label{color:#334155}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=date],[data-theme=light] select,[data-theme=light] textarea{background:#fff;border:1px solid #e2e8f0;color:#0f172a}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}[data-theme=light] .form-input::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8}[data-theme=light] .filter-select{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important;border-radius:8px!important}[data-theme=light] .filter-group{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important;padding:6px 10px!important}[data-theme=light] .btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#334155}[data-theme=light] .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .back-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}[data-theme=light] .back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .notification-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #00000026}[data-theme=light] .notification-header{border-bottom:1px solid #e2e8f0}[data-theme=light] .notification-header h3{color:#0f172a}[data-theme=light] .notification-item{border-bottom:1px solid #f1f5f9}[data-theme=light] .notification-item:hover,[data-theme=light] .notification-item.unread{background:#f8fafc}[data-theme=light] .notification-title{color:#0f172a}[data-theme=light] .notification-message{color:#64748b}[data-theme=light] .notification-time{color:#94a3b8}[data-theme=light] .notification-footer{border-top:1px solid #e2e8f0;background:#f8fafc}[data-theme=light] .notification-empty svg{color:#94a3b8}[data-theme=light] .notification-empty p{color:#475569}[data-theme=light] .notification-empty-sub{color:#94a3b8}[data-theme=light] .user-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #00000026}[data-theme=light] .dropdown-user-header{background:#f8fafc}[data-theme=light] .dropdown-user-name{color:#0f172a}[data-theme=light] .dropdown-user-role{color:#64748b}[data-theme=light] .dropdown-divider{background:#e2e8f0}[data-theme=light] .dropdown-item{color:#334155}[data-theme=light] .dropdown-item:hover{background:#f8fafc;color:#0f172a}[data-theme=light] .dropdown-item.logout{color:#ef4444}[data-theme=light] .dropdown-item.logout:hover{background:#ef44441a}[data-theme=light] .user-menu-trigger{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .user-menu-trigger:hover,[data-theme=light] .user-menu-trigger.active{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .user-menu-trigger .user-name{color:#0f172a}[data-theme=light] .user-menu-trigger .user-email{color:#64748b}[data-theme=light] .user-menu-trigger svg{color:#64748b}[data-theme=light] .project-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .project-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}[data-theme=light] .project-name,[data-theme=light] .project-title{color:#0f172a}[data-theme=light] .project-client,[data-theme=light] .project-meta{color:#64748b}[data-theme=light] .wallet-closure-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .wallet-closure-title h3{color:#0f172a}[data-theme=light] .closure-progress-track{background:#e2e8f0}[data-theme=light] .closure-progress-text{color:#64748b}[data-theme=light] .wallet-closure-card{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .wallet-closure-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}[data-theme=light] .closure-member-name{color:#0f172a}[data-theme=light] .closure-member-role,[data-theme=light] .closure-stat-label{color:#64748b}[data-theme=light] .closure-stat-value{color:#0f172a}[data-theme=light] .closure-card-body{border-color:#e2e8f0}[data-theme=light] .close-wallet-member-info{background:#f8fafc}[data-theme=light] .close-wallet-member-info .member-name{color:#0f172a}[data-theme=light] .close-wallet-summary .summary-item{background:#f1f5f9}[data-theme=light] .close-wallet-summary .value{color:#0f172a}[data-theme=light] .close-wallet-warning{background:#f59e0b14;border-color:#f59e0b33}[data-theme=light] .complete-project-summary{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .complete-project-summary .summary-row{border-color:#e2e8f0}[data-theme=light] .complete-project-summary .summary-row.highlight{background:#10b98114}[data-theme=light] .complete-project-summary .label{color:#64748b}[data-theme=light] .complete-project-summary .value,[data-theme=light] .complete-checklist h4{color:#1e293b}[data-theme=light] .checklist-item{background:#f1f5f9;color:#64748b}[data-theme=light] .checklist-item.completed{background:#10b98114;border-color:#10b98133}[data-theme=light] .checklist-item.completed span{color:#059669}[data-theme=light] .complete-project-warning{background:#f59e0b14;border-color:#f59e0b33}[data-theme=light] .closure-remark{color:#64748b}[data-theme=light] .empty-expenses{color:#94a3b8}[data-theme=light] .financial-summary-cards .financial-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .financial-label{color:#64748b}[data-theme=light] .financial-value{color:#0f172a}[data-theme=light] .project-info-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .project-info-name{color:#0f172a}[data-theme=light] .project-info-meta{color:#64748b}[data-theme=light] .project-info-meta strong{color:#334155}[data-theme=light] .summary-card-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .summary-card-section.full-width{background:#fff}[data-theme=light] .category-name{color:#334155}[data-theme=light] .category-amount{color:#0f172a}[data-theme=light] .category-percent{color:#64748b}[data-theme=light] .category-bar-bg{background:#e2e8f0}[data-theme=light] .source-label{color:#0f172a}[data-theme=light] .source-value{color:#334155}[data-theme=light] .source-count{color:#64748b}[data-theme=light] .expense-desc{color:#0f172a}[data-theme=light] .expense-vendor{color:#64748b}[data-theme=light] .expense-date-text{color:#334155}[data-theme=light] .expense-id-small{color:#94a3b8}[data-theme=light] .payment-text,[data-theme=light] .added-by-text{color:#64748b}[data-theme=light] .alert-banner{background:#fff8e6!important;border:1px solid #f59e0b!important}[data-theme=light] .alert-banner.warning{background:#fff8e6!important;border:1px solid #f59e0b!important;color:#92400e!important}[data-theme=light] .alert-banner.warning svg{color:#f59e0b!important}[data-theme=light] .alert-banner.success{background:#ecfdf5!important;border:1px solid #10b981!important;color:#065f46!important}[data-theme=light] .alert-banner.success svg{color:#10b981!important}[data-theme=light] .alert-banner.danger,[data-theme=light] .alert-banner.error{background:#fef2f2!important;border:1px solid #ef4444!important;color:#991b1b!important}[data-theme=light] .alert-banner.danger svg,[data-theme=light] .alert-banner.error svg{color:#ef4444!important}[data-theme=light] .alert-banner.info{background:#eff6ff!important;border:1px solid #3b82f6!important;color:#1e40af!important}[data-theme=light] .alert-banner.info svg{color:#3b82f6!important}[data-theme=light] .wallet-member-header{background:#f8fafc}[data-theme=light] .member-details h3{color:#0f172a}[data-theme=light] .member-designation{color:#64748b}[data-theme=light] .member-contact{color:#94a3b8}[data-theme=light] .wallet-summary-item{background:#f8fafc}[data-theme=light] .summary-label{color:#64748b}[data-theme=light] .summary-value{color:#0f172a}[data-theme=light] .summary-value.expense{color:#dc2626}[data-theme=light] .summary-value.wallet{color:#d97706}[data-theme=light] .summary-value.direct{color:#059669}[data-theme=light] .summary-value.balance{color:#2563eb}[data-theme=light] .wallet-summary-item.wallet-type{border-left:2px solid #f59e0b}[data-theme=light] .wallet-summary-item.direct-type{border-left:2px solid #10b981}[data-theme=light] .expense-list-title{color:#0f172a}[data-theme=light] .expense-list-item{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .expense-list-id{color:#94a3b8}[data-theme=light] .expense-list-date{color:#64748b}[data-theme=light] .expense-list-desc{color:#0f172a}[data-theme=light] .expense-list-loading{color:#64748b}[data-theme=light] .attachment-indicator.clickable{background:#3b82f614;color:#3b82f6}[data-theme=light] .attachment-indicator.clickable:hover{background:#3b82f626}[data-theme=light] .expense-list-totals{gap:8px}[data-theme=light] .expense-list-total-row{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .expense-list-total-row.wallet{border-left-color:#f59e0b;background:#f59e0b0f}[data-theme=light] .expense-list-total-row.direct{border-left-color:#3b82f6;background:#3b82f60f}[data-theme=light] .expense-list-total-row .total-label{color:#64748b}[data-theme=light] .expense-list-total-row .total-amount{color:#0f172a}[data-theme=light] .expense-list-total{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.15)}[data-theme=light] .expense-list-total .total-label{color:#6366f1}[data-theme=light] .expense-list-total .total-amount{color:#dc2626}[data-theme=light] .notify-recipient{background:#f8fafc}[data-theme=light] .recipient-name{color:#0f172a}[data-theme=light] .recipient-email{color:#64748b}[data-theme=light] .notify-channel{background:#f8fafc;color:#334155}[data-theme=light] .notify-channel:hover{background:#f1f5f9}[data-theme=light] .notify-message-input{background:#fff;border:1px solid #e2e8f0;color:#0f172a}[data-theme=light] .notify-message-input:focus{border-color:#8b5cf6}[data-theme=light] .dashboard-page{background:#f1f5f9}[data-theme=light] .dashboard-error{background:#ef444414;border-color:#ef444433;color:#dc2626}[data-theme=light] .dashboard-error .retry-btn{background:#ef44441a;border-color:#ef444433;color:#dc2626}[data-theme=light] .value-skeleton{background:linear-gradient(90deg,#94a3b826 25%,#94a3b840,#94a3b826 75%);background-size:200% 100%}[data-theme=light] .dashboard-stats .stat-card{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .user-access-page{background:#f1f5f9}[data-theme=light] .user-access-page .filter-dropdown{background:#fff;border-color:#e2e8f0}[data-theme=light] .user-access-page .filter-dropdown:hover{border-color:#cbd5e1}[data-theme=light] .user-access-page .filter-dropdown svg{color:#64748b}[data-theme=light] .user-access-page .filter-dropdown select{color:#1e293b}[data-theme=light] .user-access-page .filter-dropdown select option{background:#fff;color:#1e293b}[data-theme=light] .user-name{color:#0f172a}[data-theme=light] .user-emp-id,[data-theme=light] .user-email,[data-theme=light] .user-meta{color:#64748b}[data-theme=light] .bd-pm-cell .bd-name{color:#0f172a}[data-theme=light] .bd-pm-cell .pm-name{color:#64748b}[data-theme=light] .bd-cell .bd-name{color:#0f172a}[data-theme=light] .bd-cell .bd-employee-id{color:#64748b}[data-theme=light] .clients-page{background:#f1f5f9}[data-theme=light] .client-card{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .client-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}[data-theme=light] .client-name{color:#0f172a}[data-theme=light] .profit-table .client-name{color:#1e293b}[data-theme=light] .projects-page,[data-theme=light] .wallet-page,[data-theme=light] .expense-summary-page{background:#f1f5f9}[data-theme=light] .pagination{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .pagination-btn{background:#fff;border:1px solid #e2e8f0;color:#334155}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .pagination-btn:disabled{color:#cbd5e1}[data-theme=light] .pagination-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff}[data-theme=light] .pagination-info,[data-theme=light] .empty-state{color:#64748b}[data-theme=light] .empty-state svg{color:#cbd5e1}[data-theme=light] .empty-table-cell .empty-state{background:linear-gradient(135deg,#f1f5f9cc,#e2e8f080)}[data-theme=light] .empty-state-icon{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}[data-theme=light] .empty-state-icon svg{color:#6366f1;opacity:.7}[data-theme=light] .empty-state-title{color:#1e293b}[data-theme=light] .empty-state-text{color:#64748b}[data-theme=light] .empty-state-link{color:#3b82f6}[data-theme=light] .empty-state-link:hover{color:#2563eb}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .sidebar{background:#0f172a!important;border-right:1px solid rgba(71,85,105,.3)!important}[data-theme=light] .sidebar-stats{background:#1e293b80!important;border:1px solid rgba(71,85,105,.3)!important}[data-theme=light] .sidebar-stats .stats-title{color:#e2e8f0!important}[data-theme=light] .sidebar-stats .stat-label{color:#94a3b8!important}[data-theme=light] .sidebar-stats .stat-value{color:#f1f5f9!important}[data-theme=light] .sidebar-stats .stat-value.primary{color:#3b82f6!important}[data-theme=light] .sidebar-stats .stat-value.success{color:#10b981!important}[data-theme=light] .sidebar-stats .stat-value.warning{color:#f59e0b!important}[data-theme=light] .sidebar-footer{color:#64748b!important}[data-theme=light] .sidebar-footer .footer-sub{color:#475569!important}[data-theme=light] .search-box{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .search-box .search-input{background:transparent!important;color:#0f172a!important}[data-theme=light] .search-box .search-input::placeholder{color:#94a3b8!important}[data-theme=light] .search-box svg{color:#94a3b8!important}[data-theme=light] .reports-filters{background:transparent}[data-theme=light] .section-title{color:#0f172a!important}[data-theme=light] .section-title svg{color:#f59e0b!important}[data-theme=light] .reports-grid{gap:1rem}[data-theme=light] .report-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .report-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-2px)}[data-theme=light] .report-card.popular{background:#fff!important}[data-theme=light] .report-title{color:#0f172a!important}[data-theme=light] .report-description{color:#64748b!important}[data-theme=light] .view-report{color:#8b5cf6!important}[data-theme=light] .view-report:hover{color:#7c3aed!important}[data-theme=light] .report-icon{background:#8b5cf61a!important}[data-theme=light] .popular-badge{background:#ef44441a!important;color:#ef4444!important}[data-theme=light] .category-badge{background:#8b5cf61a!important;color:#8b5cf6!important}[data-theme=light] .category-badge.category-infrastructure{background:#8b5cf61a!important;color:#7c3aed!important}[data-theme=light] .category-badge.category-travel{background:#f59e0b1a!important;color:#d97706!important}[data-theme=light] .category-badge.category-asset{background:#10b9811a!important;color:#059669!important}[data-theme=light] .category-badge.category-inventory{background:#0596691a!important;color:#047857!important}[data-theme=light] .category-badge.category-hotel{background:#3b82f61a!important;color:#2563eb!important}[data-theme=light] .category-badge.category-repair{background:#ef44441a!important;color:#dc2626!important}[data-theme=light] .category-badge.category-stationary{background:#6366f11a!important;color:#4f46e5!important}[data-theme=light] .category-badge.category-food{background:#f973161a!important;color:#ea580c!important}[data-theme=light] .category-badge.category-operation{background:#14b8a61a!important;color:#0d9488!important}[data-theme=light] .category-badge.category-misc{background:#64748b1a!important;color:#475569!important}[data-theme=light] .category-badge.category-logistics{background:#0ea5e91f!important;color:#0284c7!important}[data-theme=light] .category-badge.category-consumable{background:#a855f71f!important;color:#9333ea!important}[data-theme=light] .category-badge.category-production{background:#22c55e1f!important;color:#16a34a!important}[data-theme=light] .category-badge.category-inventory-purchase{background:#f43f5e1f!important;color:#e11d48!important}[data-theme=light] .dashboard-stats{gap:1rem}[data-theme=light] .stat-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .stat-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .stat-icon{background:#8b5cf61a!important}[data-theme=light] .stat-icon.blue{background:#3b82f626!important}[data-theme=light] .stat-icon.green{background:#10b98126!important}[data-theme=light] .stat-icon.purple{background:#8b5cf626!important}[data-theme=light] .stat-icon.yellow,[data-theme=light] .stat-icon.orange{background:#f59e0b26!important}[data-theme=light] .users-table-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .clients-grid{gap:1rem}[data-theme=light] .client-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .client-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .client-name{color:#0f172a!important}[data-theme=light] .client-info{color:#64748b!important}[data-theme=light] .projects-grid{gap:1rem}[data-theme=light] .project-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .project-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .project-name{color:#0f172a!important}[data-theme=light] .project-client,[data-theme=light] .project-meta-item{color:#64748b!important}[data-theme=light] .project-summary-cards{gap:1rem}[data-theme=light] .project-summary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .history-summary-card{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .history-summary-card:hover{box-shadow:0 6px 20px #00000014!important}[data-theme=light] .history-summary-card .summary-card-value{color:#0f172a!important}[data-theme=light] .history-summary-card .summary-card-label{color:#64748b!important}[data-theme=light] .history-summary-card.spent .summary-card-value{color:#dc2626!important}[data-theme=light] .history-summary-card.received .summary-card-value{color:#059669!important}[data-theme=light] .history-summary-card.transferred .summary-card-value{color:#2563eb!important}[data-theme=light] .history-summary-card.balance .summary-card-value{color:#7c3aed!important}[data-theme=light] .history-summary-card .summary-card-icon{background:#64748b14!important}[data-theme=light] .history-summary-card.spent .summary-card-icon{background:#ef44441a!important;color:#dc2626!important}[data-theme=light] .history-summary-card.received .summary-card-icon{background:#10b9811a!important;color:#059669!important}[data-theme=light] .history-summary-card.transferred .summary-card-icon{background:#3b82f61a!important;color:#2563eb!important}[data-theme=light] .history-summary-card.projects .summary-card-icon{background:#3b82f61a!important;color:#3b82f6!important}[data-theme=light] .history-summary-card.balance .summary-card-icon{background:#8b5cf61a!important;color:#7c3aed!important}[data-theme=light] .wallet-history-page .filters-row{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .wallet-history-page .filter-group{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .wallet-history-page .filter-select{color:#334155!important}[data-theme=light] .wallet-history-page .download-statement-btn{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)!important;border:1px solid rgba(139,92,246,.25)!important;color:#7c3aed!important}[data-theme=light] .wallet-history-page .download-statement-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf626,#8b5cf614)!important;border-color:#8b5cf666!important}[data-theme=light] .wallet-history-table thead th{background:#f8fafc!important;color:#64748b!important}[data-theme=light] .wallet-history-table tbody tr:hover{background:#8b5cf60a!important}[data-theme=light] .wallet-history-page .empty-cell{background:#f8fafc!important}[data-theme=light] .wallet-history-page .empty-cell .empty-state-icon{background:#64748b14!important;color:#94a3b8!important}[data-theme=light] .wallet-history-page .empty-cell .empty-state-title{color:#475569!important}[data-theme=light] .wallet-history-page .empty-cell .empty-state-text{color:#64748b!important}[data-theme=light] .wallet-history-page .loading-cell{background:#f8fafc!important}[data-theme=light] .wallet-cards{gap:1rem}[data-theme=light] .wallet-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .wallet-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .wallet-user-name,[data-theme=light] .wallet-balance{color:#0f172a!important}[data-theme=light] .wallet-info{color:#64748b!important}[data-theme=light] .expense-cards{gap:1rem}[data-theme=light] .expense-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .expense-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .expense-project-name,[data-theme=light] .expense-amount{color:#0f172a!important}[data-theme=light] .expense-amount.credit{color:#059669!important}[data-theme=light] .expense-amount.debit{color:#dc2626!important}[data-theme=light] .expense-info{color:#64748b!important}[data-theme=light] .top-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .header-welcome{color:#64748b!important}[data-theme=light] .welcome-name{color:#0f172a!important}[data-theme=light] .header-icon-btn{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .header-icon-btn:hover,[data-theme=light] .header-icon-btn.active{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .user-menu-trigger{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .user-menu-trigger:hover,[data-theme=light] .user-menu-trigger.active{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .user-menu-trigger .user-name{color:#0f172a!important}[data-theme=light] .user-menu-trigger .user-email{color:#64748b!important}[data-theme=light] .user-menu-trigger svg{color:#64748b!important}[data-theme=light] .notification-panel{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #00000026!important}[data-theme=light] .notification-header{border-bottom:1px solid #e2e8f0!important;background:#f8fafc!important}[data-theme=light] .notification-header h3{color:#0f172a!important}[data-theme=light] .notification-item{border-bottom:1px solid #f1f5f9!important}[data-theme=light] .notification-item:hover{background:#f8fafc!important}[data-theme=light] .notification-item.unread{background:#f0f9ff!important}[data-theme=light] .notification-title{color:#0f172a!important}[data-theme=light] .notification-message{color:#64748b!important}[data-theme=light] .notification-time{color:#94a3b8!important}[data-theme=light] .notification-footer{border-top:1px solid #e2e8f0!important;background:#f8fafc!important}[data-theme=light] .view-all-btn{color:#8b5cf6!important}[data-theme=light] .view-all-btn:hover{color:#7c3aed!important}[data-theme=light] .user-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #00000026!important}[data-theme=light] .dropdown-user-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .dropdown-user-name{color:#0f172a!important}[data-theme=light] .dropdown-user-role{color:#64748b!important}[data-theme=light] .dropdown-divider{background:#e2e8f0!important}[data-theme=light] .dropdown-item{color:#334155!important}[data-theme=light] .dropdown-item:hover{background:#f8fafc!important;color:#0f172a!important}[data-theme=light] .dropdown-item svg{color:#64748b!important}[data-theme=light] .dropdown-item:hover svg{color:#334155!important}[data-theme=light] .dropdown-item.logout{color:#ef4444!important}[data-theme=light] .dropdown-item.logout:hover{background:#ef44441a!important}[data-theme=light] .dropdown-item.logout svg{color:#ef4444!important}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=date],[data-theme=light] input[type=search],[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;outline:none!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8!important}[data-theme=light] .filter-select{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .projects-page{background:#f1f5f9!important}[data-theme=light] .projects-summary{gap:1rem}[data-theme=light] .projects-summary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .projects-summary-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .projects-summary-card .summary-icon{background:#8b5cf61a!important}[data-theme=light] .projects-summary-card.total .summary-icon{background:#3b82f626!important}[data-theme=light] .projects-summary-card.value .summary-icon{background:#8b5cf626!important}[data-theme=light] .projects-summary-card.ongoing .summary-icon{background:#10b98126!important}[data-theme=light] .projects-summary-card.completed .summary-icon{background:#22c55e26!important}[data-theme=light] .projects-summary-card.upcoming .summary-icon{background:#f59e0b26!important}[data-theme=light] .projects-summary-card .summary-label{color:#64748b!important}[data-theme=light] .projects-summary-card .summary-value{color:#0f172a!important}[data-theme=light] .filters-row{gap:1rem}[data-theme=light] .filters-row .search-box{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .filters-row .search-box:focus-within{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .filters-row .search-input{background:transparent!important;color:#0f172a!important}[data-theme=light] .filters-row .search-input::placeholder{color:#94a3b8!important}[data-theme=light] .filters-row svg{color:#94a3b8!important}[data-theme=light] .filter-controls{gap:1rem}[data-theme=light] .filter-group{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important;border-radius:8px!important;padding:6px 10px!important}[data-theme=light] .filter-select:not(.filter-group .filter-select){background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important;border-radius:8px!important}[data-theme=light] .filter-select:not(.filter-group .filter-select):focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .table-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important;border-radius:12px!important}[data-theme=light] .data-table{background:transparent!important}[data-theme=light] .data-table thead,[data-theme=light] .data-table thead tr{background:#f8fafc!important}[data-theme=light] .data-table th{background:#f8fafc!important;color:#64748b!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important}[data-theme=light] .data-table tbody tr{background:#fff!important}[data-theme=light] .data-table tbody tr:hover{background:#f8fafc!important}[data-theme=light] .data-table td{color:#334155!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .data-table .user-name,[data-theme=light] .data-table .project-name-text{color:#0f172a!important}[data-theme=light] .data-table .user-designation,[data-theme=light] .data-table .project-bd-text,[data-theme=light] .data-table .bd-name{color:#64748b!important}[data-theme=light] .project-id-badge,[data-theme=light] .wallet-id-badge{background:#8b5cf61a!important;color:#8b5cf6!important}[data-theme=light] .employee-id-badge{background:#10b9811a!important;border:1px solid rgba(16,185,129,.2)!important;color:#059669!important}[data-theme=light] .value-text,[data-theme=light] .amount-value{color:#0f172a!important;font-weight:600!important}[data-theme=light] .date-label{color:#94a3b8!important}[data-theme=light] .date-text,[data-theme=light] .timeline-cell{color:#334155!important}[data-theme=light] .action-btn{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .action-btn:hover{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .action-btn.view{color:#3b82f6!important}[data-theme=light] .action-btn.view:hover{background:#3b82f61a!important;border-color:#3b82f64d!important}[data-theme=light] .action-btn.add-money{color:#10b981!important}[data-theme=light] .action-btn.add-money:hover{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=light] .action-btn.history{color:#8b5cf6!important}[data-theme=light] .action-btn.history:hover{background:#8b5cf61a!important;border-color:#8b5cf64d!important}[data-theme=light] .action-btn.clear-cache{background:#f59e0b1a!important;color:#d97706!important}[data-theme=light] .action-btn.clear-cache:hover{background:#f59e0b26!important;border-color:#f59e0b4d!important}[data-theme=light] .action-btn.deactivate{background:#ef44441a!important;color:#ef4444!important}[data-theme=light] .action-btn.deactivate:hover{background:#ef444426!important;border-color:#ef44444d!important}[data-theme=light] .action-btn.delete{background:#ef44441a!important;color:#ef4444!important}[data-theme=light] .action-btn.delete:hover{background:#ef444426!important;border-color:#ef44444d!important}[data-theme=light] .action-btn.activate{background:#10b9811a!important;color:#10b981!important}[data-theme=light] .action-btn.activate:hover{background:#10b98126!important;border-color:#10b9814d!important}[data-theme=light] .inactive-row{opacity:.5!important;background:#f8fafc!important}[data-theme=light] .inactive-row .user-avatar{filter:grayscale(60%)!important}[data-theme=light] .wallet-manager-page{background:#f1f5f9!important}[data-theme=light] .wallet-summary{gap:1rem}[data-theme=light] .wallet-summary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .wallet-summary-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .wallet-summary-card .summary-icon{background:#10b98126!important}[data-theme=light] .wallet-summary-card .summary-icon.users{background:#3b82f626!important}[data-theme=light] .wallet-summary-card .summary-label{color:#64748b!important}[data-theme=light] .wallet-summary-card .summary-value{color:#0f172a!important}[data-theme=light] .designation-text,[data-theme=light] .location-cell{color:#64748b!important}[data-theme=light] .location-text{color:#334155!important}[data-theme=light] .wallet-balance{font-weight:600!important}[data-theme=light] .wallet-balance.positive{color:#10b981!important}[data-theme=light] .wallet-balance.low{color:#f59e0b!important}[data-theme=light] .wallet-balance.zero,[data-theme=light] .last-used-text{color:#64748b!important}[data-theme=light] .project-expense-page{background:#f1f5f9!important}[data-theme=light] .expense-summary-cards{gap:1rem}[data-theme=light] .expense-summary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .expense-summary-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .expense-summary-card .summary-icon{background:#8b5cf626!important}[data-theme=light] .expense-summary-card.total .summary-icon{background:#3b82f626!important}[data-theme=light] .expense-summary-card.approved .summary-icon{background:#ef444426!important}[data-theme=light] .expense-summary-card.pending .summary-icon{background:#10b98126!important}[data-theme=light] .expense-summary-card.count .summary-icon{background:#f59e0b26!important}[data-theme=light] .expense-summary-card .summary-label{color:#64748b!important}[data-theme=light] .expense-summary-card .summary-value{color:#0f172a!important}[data-theme=light] .summary-expenses-breakdown{margin-top:.5rem}[data-theme=light] .summary-expense-row{display:flex;justify-content:space-between;gap:.5rem}[data-theme=light] .summary-expense-label{color:#64748b!important;font-size:.75rem!important}[data-theme=light] .summary-expense-value{font-weight:600!important}[data-theme=light] .summary-expense-value.direct{color:#ef4444!important}[data-theme=light] .summary-expense-value.wallet{color:#f59e0b!important}[data-theme=light] .client-name-text{color:#1e293b!important}[data-theme=light] .expenses-cell{color:#334155!important}[data-theme=light] .expense-row{display:flex;gap:.5rem}[data-theme=light] .expense-label{color:#94a3b8!important;font-size:.75rem!important}[data-theme=light] .expense-amt{font-weight:500!important}[data-theme=light] .expense-amt.direct{color:#ef4444!important}[data-theme=light] .expense-amt.wallet{color:#f59e0b!important}[data-theme=light] .margin-cell{font-weight:600!important}[data-theme=light] .margin-positive{color:#10b981!important}[data-theme=light] .margin-negative-value{color:#ef4444!important}[data-theme=light] .margin-warning{color:#f59e0b!important}[data-theme=light] .modal-overlay{background:#0f172a80!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}[data-theme=light] .modal-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 50px #0003!important}[data-theme=light] .modal-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .modal-header h2,[data-theme=light] .modal-header h3{color:#0f172a!important}[data-theme=light] .modal-close-btn{color:#64748b!important;background:transparent!important;border:none!important}[data-theme=light] .modal-close-btn:hover{color:#0f172a!important;background:#e2e8f0!important}[data-theme=light] .modal-body{background:#fff!important;color:#334155!important}[data-theme=light] .modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .modal-user-info{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:1rem!important}[data-theme=light] .modal-user-name{color:#0f172a!important}[data-theme=light] .modal-user-designation{color:#64748b!important}[data-theme=light] .modal-wallet-id{color:#8b5cf6!important}[data-theme=light] .balance-display{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:1rem!important}[data-theme=light] .balance-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:1rem!important}[data-theme=light] .balance-label{color:#64748b!important}[data-theme=light] .balance-value{color:#0f172a!important;font-weight:700!important}[data-theme=light] .balance-item.new .balance-value{color:#10b981!important}[data-theme=light] .balance-arrow{color:#64748b!important}[data-theme=light] .form-group{margin-bottom:1rem}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .empty-state{color:#64748b!important;background:#f8fafc!important;border:1px dashed #e2e8f0!important;border-radius:12px!important;padding:3rem!important}[data-theme=light] .empty-state svg{color:#cbd5e1!important}[data-theme=light] .empty-state p{color:#64748b!important}[data-theme=light] .role-badge{font-weight:600!important}[data-theme=light] .role-admin{background:#8b5cf61f!important;border-color:#8b5cf64d!important;color:#7c3aed!important}[data-theme=light] .role-admin svg{color:#8b5cf6!important;fill:#8b5cf6!important}[data-theme=light] .role-accountant{background:#10b9811f!important;border-color:#10b9814d!important;color:#059669!important}[data-theme=light] .role-accountant svg{color:#10b981!important;fill:#10b981!important}[data-theme=light] .role-user{background:#06b6d41f!important;border-color:#06b6d44d!important;color:#0891b2!important}[data-theme=light] .role-user svg{color:#06b6d4!important;fill:#06b6d4!important}[data-theme=light] .status-badge{font-weight:500!important}[data-theme=light] .status-badge.ongoing,[data-theme=light] .status-badge.active,[data-theme=light] .status-badge.in-progress{background:#3b82f61a!important;color:#3b82f6!important}[data-theme=light] .status-badge.completed,[data-theme=light] .status-badge.done{background:#10b9811a!important;color:#10b981!important}[data-theme=light] .status-badge.upcoming,[data-theme=light] .status-badge.pending{background:#f59e0b1a!important;color:#f59e0b!important}[data-theme=light] .status-badge.on-hold,[data-theme=light] .status-badge.paused{background:#ef44441a!important;color:#ef4444!important}[data-theme=light] .type-badge{font-weight:500!important}[data-theme=light] .type-badge.fixed{background:#8b5cf61a!important;color:#8b5cf6!important}[data-theme=light] .type-badge.hourly{background:#06b6d41a!important;color:#06b6d4!important}[data-theme=light] .type-badge.retainer{background:#ec48991a!important;color:#ec4899!important}[data-theme=light] .type-badge.type-agency,[data-theme=light] .type-agency{background:#3b82f61a!important;color:#2563eb!important;border-color:#3b82f633!important}[data-theme=light] .type-badge.type-brand,[data-theme=light] .type-brand{background:#8b5cf61a!important;color:#7c3aed!important;border-color:#8b5cf633!important}[data-theme=light] .pagination{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:.75rem 1rem!important}[data-theme=light] .pagination-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .pagination-btn:disabled{color:#cbd5e1!important;background:#f8fafc!important}[data-theme=light] .pagination-btn.active{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}[data-theme=light] .pagination-info{color:#64748b!important}[data-theme=light] .page-header{margin-bottom:1.5rem}[data-theme=light] .page-title{color:#0f172a!important}[data-theme=light] .page-subtitle{color:#64748b!important}[data-theme=light] .page-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important}[data-theme=light] .page-actions .btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}[data-theme=light] select:not(.filter-group select),[data-theme=light] .form-select{background:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#334155!important;padding-right:36px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}[data-theme=light] select:not(.filter-group select):hover,[data-theme=light] .form-select:hover{border-color:#cbd5e1!important;background-color:#f8fafc!important}[data-theme=light] select:not(.filter-group select):focus,[data-theme=light] .form-select:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;outline:none!important;background-color:#fff!important}[data-theme=light] .filter-group{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:6px 10px!important}[data-theme=light] .filter-group:hover{border-color:#cbd5e1!important}[data-theme=light] .filter-group:focus-within{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .filter-group svg{color:#64748b!important}[data-theme=light] .filter-group label{color:#64748b!important}[data-theme=light] .filter-group select,[data-theme=light] .filter-group .filter-select{background:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 0 center!important;border:none!important;color:#334155!important;padding-right:16px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer!important;font-size:11px!important;font-weight:500!important}[data-theme=light] .filter-group select:focus,[data-theme=light] .filter-group .filter-select:focus{outline:none!important;box-shadow:none!important}[data-theme=light] select option,[data-theme=light] .filter-select option,[data-theme=light] .form-select option{background:#fff!important;color:#334155!important;padding:8px 12px!important}[data-theme=light] select option:hover,[data-theme=light] select option:checked{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .filter-controls{background:transparent!important}[data-theme=light] .filter-controls .filter-group{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:6px 10px!important}[data-theme=light] .filter-controls .filter-group select{background:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 0 center!important;border:none!important;color:#334155!important;min-width:80px!important;padding-right:16px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}[data-theme=light] .wallet-manager-page select:not(.filter-group select),[data-theme=light] .projects-page select:not(.filter-group select),[data-theme=light] .clients-page select:not(.filter-group select),[data-theme=light] .reports-page select:not(.filter-group select),[data-theme=light] .user-access-page select:not(.filter-group select),[data-theme=light] .project-expenses-page select:not(.filter-group select){background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#334155!important;padding:8px 32px 8px 12px!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}[data-theme=light] .wallet-manager-page select:not(.filter-group select):hover,[data-theme=light] .projects-page select:not(.filter-group select):hover,[data-theme=light] .clients-page select:not(.filter-group select):hover,[data-theme=light] .reports-page select:not(.filter-group select):hover,[data-theme=light] .user-access-page select:not(.filter-group select):hover,[data-theme=light] .project-expenses-page select:not(.filter-group select):hover{border-color:#cbd5e1!important}[data-theme=light] .wallet-manager-page select:not(.filter-group select):focus,[data-theme=light] .projects-page select:not(.filter-group select):focus,[data-theme=light] .clients-page select:not(.filter-group select):focus,[data-theme=light] .reports-page select:not(.filter-group select):focus,[data-theme=light] .user-access-page select:not(.filter-group select):focus,[data-theme=light] .project-expenses-page select:not(.filter-group select):focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;outline:none!important}[data-theme=light] .wallet-manager-page select option,[data-theme=light] .projects-page select option,[data-theme=light] .clients-page select option,[data-theme=light] .reports-page select option,[data-theme=light] .user-access-page select option,[data-theme=light] .project-expenses-page select option{background:#fff!important;color:#334155!important}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=tel],[data-theme=light] input[type=url],[data-theme=light] input[type=date],[data-theme=light] input[type=time],[data-theme=light] input[type=datetime-local],[data-theme=light] input[type=search],[data-theme=light] .form-input,[data-theme=light] .search-input{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;caret-color:#8b5cf6!important}[data-theme=light] input[type=text]:hover,[data-theme=light] input[type=email]:hover,[data-theme=light] input[type=password]:hover,[data-theme=light] input[type=number]:hover,[data-theme=light] .form-input:hover{border-color:#cbd5e1!important}[data-theme=light] input[type=text]:focus,[data-theme=light] input[type=email]:focus,[data-theme=light] input[type=password]:focus,[data-theme=light] input[type=number]:focus,[data-theme=light] input[type=date]:focus,[data-theme=light] input[type=search]:focus,[data-theme=light] .form-input:focus,[data-theme=light] .search-input:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;outline:none!important;background:#fff!important}[data-theme=light] input::placeholder,[data-theme=light] .form-input::placeholder,[data-theme=light] .search-input::placeholder{color:#94a3b8!important}[data-theme=light] textarea,[data-theme=light] .form-textarea{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;caret-color:#8b5cf6!important}[data-theme=light] textarea:hover,[data-theme=light] .form-textarea:hover{border-color:#cbd5e1!important}[data-theme=light] textarea:focus,[data-theme=light] .form-textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;outline:none!important}[data-theme=light] textarea::placeholder,[data-theme=light] .form-textarea::placeholder{color:#94a3b8!important}[data-theme=light] input[type=checkbox],[data-theme=light] input[type=radio]{accent-color:#8b5cf6!important}[data-theme=light] .checkbox-label,[data-theme=light] .radio-label,[data-theme=light] label,[data-theme=light] .form-label,[data-theme=light] .input-label{color:#334155!important}[data-theme=light] .form-group{background:transparent!important}[data-theme=light] .form-group label{color:#334155!important;font-weight:500!important}[data-theme=light] .form-helper,[data-theme=light] .form-hint{color:#64748b!important}[data-theme=light] .form-error{color:#ef4444!important}[data-theme=light] .edit-transaction-modal .form-error-banner{background:#ef444414!important;border-color:#ef444433!important;color:#dc2626!important}[data-theme=light] .delete-btn{background:#ef44441a!important;color:#dc2626!important}[data-theme=light] .delete-btn:hover{background:#ef44442e!important}[data-theme=light] .delete-confirmation-title{color:#1e293b!important}[data-theme=light] .delete-transaction-details{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .delete-detail-row{border-bottom-color:#e2e8f0!important}[data-theme=light] .delete-detail-label{color:#64748b!important}[data-theme=light] .delete-detail-value{color:#1e293b!important}[data-theme=light] .delete-warning-text{color:#64748b!important}[data-theme=light] .delete-warning-icon{background:#ef44441a!important}[data-theme=light] .input-group{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .input-group:focus-within{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .input-group-addon,[data-theme=light] .input-suffix{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}[data-theme=light] .search-box{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 2px #0000000d!important}[data-theme=light] .search-box:focus-within{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .search-box svg,[data-theme=light] .search-box .search-icon{color:#94a3b8!important}[data-theme=light] .search-box input{background:transparent!important;color:#0f172a!important;border:none!important;box-shadow:none!important}[data-theme=light] .search-box input:focus{border:none!important;box-shadow:none!important}[data-theme=light] .search-box input::placeholder{color:#94a3b8!important}[data-theme=light] .add-form-page,[data-theme=light] .edit-form-page,[data-theme=light] .form-page{background:#f1f5f9!important}[data-theme=light] .form-container,[data-theme=light] .form-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .form-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:1.5rem!important;margin-bottom:1.5rem!important}[data-theme=light] .form-section-title,[data-theme=light] .form-section h3{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important;padding-bottom:.75rem!important;margin-bottom:1rem!important}[data-theme=light] .form-row{gap:1rem}[data-theme=light] .form-actions{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;padding:1rem 1.5rem!important}[data-theme=light] .btn-cancel,[data-theme=light] .btn-secondary{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .btn-cancel:hover,[data-theme=light] .btn-secondary:hover{background:#f8fafc!important;border-color:#cbd5e1!important;color:#334155!important}[data-theme=light] .btn-submit,[data-theme=light] .btn-save,[data-theme=light] .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border:none!important;color:#fff!important}[data-theme=light] .btn-submit:hover,[data-theme=light] .btn-save:hover,[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}[data-theme=light] .add-user-page,[data-theme=light] .add-project-page,[data-theme=light] .add-client-page,[data-theme=light] .add-expense-page,[data-theme=light] .edit-user-page{background:#f1f5f9!important}[data-theme=light] .add-user-page .form-container,[data-theme=light] .add-project-page .form-container,[data-theme=light] .add-client-page .form-container,[data-theme=light] .add-expense-page .form-container,[data-theme=light] .edit-user-form{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px #0000000d!important}[data-theme=light] .user-profile-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000d!important}[data-theme=light] .user-profile-name{color:#0f172a!important}[data-theme=light] .user-profile-email{color:#64748b!important}[data-theme=light] .user-profile-id{background:#10b9811a!important;border:1px solid rgba(16,185,129,.2)!important;color:#059669!important}[data-theme=light] .edit-user-form .form-section{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .edit-user-form .form-section-title{color:#0f172a!important;border-bottom-color:#e2e8f0!important}[data-theme=light] .edit-user-form .form-section-title:before{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important}[data-theme=light] .edit-user-form .form-actions{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .toggle-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .toggle-card-title{color:#0f172a!important}[data-theme=light] .toggle-card-description{color:#64748b!important}[data-theme=light] .toggle-card .toggle-slider{background:#cbd5e1!important}[data-theme=light] .toggle-card .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#2563eb,#3b82f6)!important}[data-theme=light] .page-loader{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .loader-spinner .spinner-icon{color:#8b5cf6!important}[data-theme=light] .loader-text{color:#64748b!important}[data-theme=light] .saving-overlay{background:#f1f5f9e6!important}[data-theme=light] .saving-content{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 60px #00000026!important}[data-theme=light] .saving-text{color:#0f172a!important}[data-theme=light] .alert.alert-danger{background:#fef2f2!important;border:1px solid rgba(239,68,68,.3)!important;color:#991b1b!important}[data-theme=light] .alert.alert-danger svg{color:#ef4444!important}[data-theme=light] .alert.alert-success{background:#ecfdf5!important;border:1px solid rgba(16,185,129,.3)!important;color:#065f46!important}[data-theme=light] .alert.alert-success svg{color:#10b981!important}[data-theme=light] .alert.alert-warning{background:#fffbeb!important;border:1px solid rgba(245,158,11,.3)!important;color:#92400e!important}[data-theme=light] .alert.alert-warning svg{color:#f59e0b!important}[data-theme=light] .alert.alert-info{background:#eff6ff!important;border:1px solid rgba(59,130,246,.3)!important;color:#1e40af!important}[data-theme=light] .alert.alert-info svg{color:#3b82f6!important}[data-theme=light] .file-upload,[data-theme=light] .upload-area,[data-theme=light] .file-upload-area{background:#f8fafc!important;border:2px dashed #cbd5e1!important;color:#64748b!important}[data-theme=light] .file-upload:hover,[data-theme=light] .upload-area:hover,[data-theme=light] .file-upload-area:hover{border-color:#8b5cf6!important;background:#faf5ff!important}[data-theme=light] .file-upload-area.drag-over{border-color:#8b5cf6!important;background:#f3e8ff!important;box-shadow:0 0 20px #8b5cf626!important}[data-theme=light] .file-upload svg,[data-theme=light] .file-upload-area svg{color:#8b5cf6!important}[data-theme=light] .file-upload-text,[data-theme=light] .upload-text{color:#334155!important}[data-theme=light] .file-upload-text strong,[data-theme=light] .file-upload-text span,[data-theme=light] .upload-text strong{color:#8b5cf6!important}[data-theme=light] .upload-hint,[data-theme=light] .file-upload-label{color:#64748b!important}[data-theme=light] .file-upload-label svg{color:#8b5cf6!important}[data-theme=light] .file-preview{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .file-preview .file-name{color:#334155!important}[data-theme=light] .file-preview .file-size{color:#64748b!important}[data-theme=light] .file-preview .remove-file{color:#ef4444!important}[data-theme=light] .file-preview.existing{background:#3b82f60d!important;border:1px solid rgba(59,130,246,.2)!important}[data-theme=light] .view-file-btn{background:#3b82f61a;color:#3b82f6}[data-theme=light] .view-file-btn:hover{background:#3b82f626}[data-theme=light] .existing-label{color:#3b82f6!important}[data-theme=light] .replace-attachment-hint{color:#64748b}[data-theme=light] .replace-link{color:#3b82f6}[data-theme=light] .replace-link:hover{color:#2563eb}[data-theme=light] .uploaded-files-list{background:transparent!important}[data-theme=light] .uploaded-file-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .uploaded-file-item .file-name{color:#334155!important}[data-theme=light] .uploaded-file-item .file-info{color:#64748b!important}[data-theme=light] .uploaded-file-item .remove-btn{color:#ef4444!important}[data-theme=light] .file-upload-area.validating{border-color:#3b82f680!important;background:#3b82f60d!important}[data-theme=light] .file-upload-area.has-file{border-color:#10b98166!important;background:#10b9810d!important}[data-theme=light] .file-upload-area.has-file svg{color:#059669!important}[data-theme=light] .upload-text.uploaded-text{color:#059669!important}[data-theme=light] .validation-status.success{background:#10b98114!important;border-color:#10b98140!important}[data-theme=light] .validation-status.warning{background:#f59e0b14!important;border-color:#f59e0b40!important}[data-theme=light] .validation-success,[data-theme=light] .validation-title{color:#059669!important}[data-theme=light] .validation-meta .meta-item{background:#64748b14!important;color:#475569!important}[data-theme=light] .warning-title{color:#d97706!important}[data-theme=light] .warning-detail{color:#64748b!important}[data-theme=light] .btn-resolve{background:#f59e0b1a!important;border-color:#f59e0b40!important;color:#d97706!important}[data-theme=light] .btn-resolve:hover{background:#f59e0b26!important}[data-theme=light] .mismatch-modal{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 80px #00000026!important}[data-theme=light] .mismatch-modal .modal-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .mismatch-modal .modal-title{color:#0f172a!important}[data-theme=light] .mismatch-modal .modal-subtitle{color:#64748b!important}[data-theme=light] .mismatch-modal .modal-icon.warning{background:#f59e0b1a!important;color:#d97706!important}[data-theme=light] .mismatch-modal .modal-icon.error{background:#ef44441a!important;color:#dc2626!important}[data-theme=light] .invalid-doc-message{background:#ef44440d!important;border-color:#ef444426!important}[data-theme=light] .invalid-doc-message p{color:#334155!important}[data-theme=light] .invalid-doc-message li{color:#64748b!important}[data-theme=light] .amount-comparison{background:#f8fafc!important}[data-theme=light] .amount-box.entered{background:#ef444414!important;border-color:#ef444426!important}[data-theme=light] .amount-box.document{background:#10b98114!important;border-color:#10b98126!important}[data-theme=light] .amount-box.entered .amount-value{color:#dc2626!important}[data-theme=light] .amount-box.document .amount-value{color:#059669!important}[data-theme=light] .reference-info{background:#3b82f614!important}[data-theme=light] .ref-value{color:#2563eb!important}[data-theme=light] .option-card{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .option-card:not(.remark-option):hover{border-color:#10b98166!important;background:#10b9810d!important}[data-theme=light] .option-content h4{color:#0f172a!important}[data-theme=light] .option-content p{color:#64748b!important}[data-theme=light] .remark-input{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .remark-input:focus{border-color:#3b82f6!important}[data-theme=light] .source-percent{color:#000!important}[data-theme=light] .source-info{color:#334155!important}[data-theme=light] .source-label{color:#64748b!important}[data-theme=light] .source-amount{color:#0f172a!important}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5)!important}[data-theme=light] input[type=number]::-webkit-inner-spin-button,[data-theme=light] input[type=number]::-webkit-outer-spin-button{opacity:1!important}[data-theme=light] input:disabled,[data-theme=light] select:disabled,[data-theme=light] textarea:disabled,[data-theme=light] .form-input:disabled{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important;border-color:#e2e8f0!important}[data-theme=light] input:read-only,[data-theme=light] textarea:read-only{background:#f8fafc!important;color:#64748b!important}[data-theme=light] .status-modal .modal-container,[data-theme=light] .update-status-modal .modal-container{background:#fff!important}[data-theme=light] .project-info-header,[data-theme=light] .modal-project-info,[data-theme=light] .status-modal-project-info,[data-theme=light] .selected-project-info{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .project-info-header .project-name,[data-theme=light] .modal-project-info h3{color:#0f172a!important}[data-theme=light] .project-info-header .project-id,[data-theme=light] .modal-project-info span{color:#64748b!important}[data-theme=light] .quick-option-btn,[data-theme=light] .quick-options button{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .quick-option-btn:hover,[data-theme=light] .quick-options button:hover{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .quick-option-btn.active,[data-theme=light] .quick-options button.active{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}[data-theme=light] .status-info-row{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .status-info-label{color:#64748b}[data-theme=light] .status-arrow{color:#94a3b8}[data-theme=light] .quick-remark-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}[data-theme=light] .quick-remark-btn:hover{background:#e2e8f0;color:#1e293b}[data-theme=light] .quick-remark-btn.active{background:#8b5cf626;border-color:#8b5cf6;color:#7c3aed}[data-theme=light] .deactivate-warning{background:linear-gradient(135deg,#ef444414,#dc26260a);border:1px solid rgba(239,68,68,.2);border-left:3px solid #ef4444}[data-theme=light] .deactivate-warning svg{color:#dc2626}[data-theme=light] .deactivate-warning span{color:#b91c1c}[data-theme=light] .activate-info{background:linear-gradient(135deg,#10b98114,#0596690a);border:1px solid rgba(16,185,129,.2);border-left:3px solid #10b981}[data-theme=light] .activate-info svg{color:#059669}[data-theme=light] .activate-info span{color:#047857}[data-theme=light] .clear-cache-warning{background:linear-gradient(135deg,#f59e0b14,#d977060a);border:1px solid rgba(245,158,11,.2);border-left:3px solid #f59e0b}[data-theme=light] .clear-cache-warning svg{color:#d97706}[data-theme=light] .clear-cache-warning .warning-content h4{color:#b45309}[data-theme=light] .clear-cache-warning .warning-content li{color:#92400e}[data-theme=light] .confirmation-text{color:#64748b}[data-theme=light] .confirmation-text strong{color:#1e293b}[data-theme=light] .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}[data-theme=light] .btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}[data-theme=light] .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}[data-theme=light] .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}[data-theme=light] .team-summary-card,[data-theme=light] .assignment-summary{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .team-summary-card .summary-label,[data-theme=light] .assignment-summary .summary-label{color:#64748b!important}[data-theme=light] .team-summary-card .summary-value,[data-theme=light] .assignment-summary .summary-value{color:#0f172a!important}[data-theme=light] .team-card,[data-theme=light] .team-assignment-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .team-card-header,[data-theme=light] .team-assignment-card .card-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .team-card-header.development{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)!important;border-bottom:1px solid rgba(59,130,246,.2)!important}[data-theme=light] .team-card-header.design{background:linear-gradient(135deg,#ec48991a,#ec48990d)!important;border-bottom:1px solid rgba(236,72,153,.2)!important}[data-theme=light] .team-card-header.operations{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;border-bottom:1px solid rgba(16,185,129,.2)!important}[data-theme=light] .team-card-header.embedded{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)!important;border-bottom:1px solid rgba(245,158,11,.2)!important}[data-theme=light] .team-card-header.production{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)!important;border-bottom:1px solid rgba(139,92,246,.2)!important}[data-theme=light] .team-card-header h3,[data-theme=light] .team-card-header .team-name{color:#0f172a!important}[data-theme=light] .team-card-body,[data-theme=light] .team-assignment-card .card-body{background:#fff!important}[data-theme=light] .team-card .search-select,[data-theme=light] .team-card .member-search,[data-theme=light] .team-card .searchable-select{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .team-card .search-select input,[data-theme=light] .team-card .member-search input{background:transparent!important;color:#0f172a!important}[data-theme=light] .team-card .search-select input::placeholder,[data-theme=light] .team-card .member-search input::placeholder{color:#94a3b8!important}[data-theme=light] .team-card .add-btn,[data-theme=light] .team-card .btn-add{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .team-card .add-btn:hover,[data-theme=light] .team-card .btn-add:hover{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}[data-theme=light] .team-card .empty-state,[data-theme=light] .team-card .no-members{color:#94a3b8!important;background:transparent!important}[data-theme=light] .add-user-page .form-card,[data-theme=light] .add-user-page .form-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .guidelines-box,[data-theme=light] .info-box,[data-theme=light] .user-guidelines{background:#f0f9ff!important;border:1px solid #bae6fd!important}[data-theme=light] .guidelines-box h4,[data-theme=light] .info-box h4,[data-theme=light] .user-guidelines h4{color:#0369a1!important}[data-theme=light] .guidelines-box li,[data-theme=light] .info-box li,[data-theme=light] .user-guidelines li{color:#334155!important}[data-theme=light] .guidelines-box svg{color:#0ea5e9!important}[data-theme=light] .toggle-section,[data-theme=light] .bd-toggle-section,[data-theme=light] .client-owner-section{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .toggle-section h4,[data-theme=light] .toggle-section .toggle-title{color:#0f172a!important}[data-theme=light] .toggle-section p,[data-theme=light] .toggle-section .toggle-description{color:#64748b!important}[data-theme=light] .toggle-switch{background:transparent!important;border:none!important}[data-theme=light] .toggle-switch.small{background:transparent!important}[data-theme=light] .toggle-slider{background:#94a3b8!important;border-radius:28px!important}[data-theme=light] .toggle-slider:before{background:#fff!important;box-shadow:0 2px 4px #0003!important;border-radius:50%!important}[data-theme=light] .toggle-input:checked+.toggle-slider{background:#8b5cf6!important}[data-theme=light] .team-toggle-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important}[data-theme=light] .team-toggle-card:hover{border-color:#cbd5e1!important}[data-theme=light] .team-toggle-card.active{background:#faf5ff!important;border:2px solid #8b5cf6!important}[data-theme=light] .team-toggle-card .toggle-switch{background:transparent!important}[data-theme=light] .team-toggle-card .toggle-slider{background:#94a3b8!important;border-radius:28px!important}[data-theme=light] .team-toggle-card.active .toggle-slider,[data-theme=light] .team-toggle-card .toggle-input:checked+.toggle-slider{background:#8b5cf6!important}[data-theme=light] .team-toggle-card .toggle-slider:before{background:#fff!important;box-shadow:0 2px 4px #0003!important;border-radius:50%!important}[data-theme=light] .checkbox-wrapper label,[data-theme=light] .checkbox-label{color:#334155!important}[data-theme=light] .checkbox-wrapper .checkbox-text{color:#64748b!important}[data-theme=light] .add-project-page .form-card,[data-theme=light] .add-project-page .form-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .searchable-select,[data-theme=light] .custom-select,[data-theme=light] .react-select,[data-theme=light] .manager-select{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .searchable-select .select-value,[data-theme=light] .custom-select .select-value{color:#0f172a!important}[data-theme=light] .searchable-select .select-placeholder,[data-theme=light] .custom-select .select-placeholder{color:#94a3b8!important}[data-theme=light] .searchable-select .dropdown,[data-theme=light] .custom-select .dropdown,[data-theme=light] .select-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=light] .searchable-select .dropdown-item,[data-theme=light] .custom-select .dropdown-item,[data-theme=light] .select-option{color:#334155!important}[data-theme=light] .searchable-select .dropdown-item:hover,[data-theme=light] .custom-select .dropdown-item:hover,[data-theme=light] .select-option:hover{background:#f1f5f9!important}[data-theme=light] .searchable-select .dropdown-item.selected,[data-theme=light] .custom-select .dropdown-item.selected,[data-theme=light] .select-option.selected{background:#f0e7ff!important;color:#8b5cf6!important}[data-theme=light] .team-toggle-card,[data-theme=light] .team-required-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .team-toggle-card:hover,[data-theme=light] .team-required-card:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .team-toggle-card.active,[data-theme=light] .team-toggle-card.selected,[data-theme=light] .team-required-card.active{background:#f0e7ff!important;border-color:#8b5cf6!important}[data-theme=light] .team-toggle-card .team-name,[data-theme=light] .team-required-card .team-name{color:#0f172a!important}[data-theme=light] .team-toggle-card.active .team-name{color:#7c3aed!important}[data-theme=light] .radio-option{color:#334155!important}[data-theme=light] .radio-option input[type=radio]{accent-color:#8b5cf6!important}[data-theme=light] .radio-option.selected,[data-theme=light] .radio-option:has(input:checked){color:#8b5cf6!important}[data-theme=light] .form-footer,[data-theme=light] .form-actions{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .add-client-page{background:#f1f5f9!important}[data-theme=light] .add-client-page .form-card,[data-theme=light] .add-client-page .form-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .add-expense-page{background:#f1f5f9!important}[data-theme=light] .add-expense-page .form-card,[data-theme=light] .add-expense-page .form-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .wallet-history-page{background:#f1f5f9!important}[data-theme=light] .wallet-history-page .history-card,[data-theme=light] .wallet-history-page .transaction-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .wallet-history-table{background:#fff!important}[data-theme=light] .wallet-history-table .expense-description{color:#0f172a!important}[data-theme=light] .wallet-history-table .transaction-number,[data-theme=light] .wallet-history-table .transaction-narration{color:#64748b!important}[data-theme=light] .wallet-history-table .transaction-party{color:#3b82f6!important}[data-theme=light] .payment-method-text{color:#64748b!important}[data-theme=light] .expense-category-infrastructure{background:#8b5cf61f!important;color:#7c3aed!important}[data-theme=light] .expense-category-software{background:#06b6d41f!important;color:#0891b2!important}[data-theme=light] .expense-category-hardware{background:#ec48991f!important;color:#db2777!important}[data-theme=light] .expense-category-operation{background:#14b8a61f!important;color:#0d9488!important}[data-theme=light] .expense-category-travel{background:#f59e0b1f!important;color:#d97706!important}[data-theme=light] .expense-category-hotel,[data-theme=light] .expense-category-marketing{background:#3b82f61f!important;color:#2563eb!important}[data-theme=light] .expense-category-asset{background:#10b9811f!important;color:#059669!important}[data-theme=light] .expense-category-repair{background:#ef44441f!important;color:#dc2626!important}[data-theme=light] .expense-category-stationary{background:#6366f11f!important;color:#4f46e5!important}[data-theme=light] .expense-category-food{background:#f973161f!important;color:#ea580c!important}[data-theme=light] .expense-category-misc{background:#64748b1f!important;color:#475569!important}[data-theme=light] .expense-description{color:#0f172a!important}[data-theme=light] .wallet-history-table td{color:#334155!important}[data-theme=light] .wallet-history-table .project-name{color:#0f172a!important}[data-theme=light] .wallet-history-table .project-id{color:#64748b!important}[data-theme=light] .wallet-history-table .date-text{color:#334155!important}[data-theme=light] .wallet-history-table .amount-text{color:#ef4444!important}[data-theme=light] .attachment-btn{background:#f0f9ff!important;border:1px solid #bae6fd!important;color:#0ea5e9!important}[data-theme=light] .attachment-btn:hover{background:#e0f2fe!important}[data-theme=light] .no-attachment{color:#94a3b8!important}[data-theme=light] .expense-summary-page,[data-theme=light] .project-expense-summary-page{background:#f1f5f9!important}[data-theme=light] .expense-summary-page .info-card,[data-theme=light] .expense-summary-page .summary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .gradient-card{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .input-with-suffix{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;overflow:hidden!important}[data-theme=light] .input-with-suffix .suffix{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}[data-theme=light] .input-with-suffix input{background:transparent!important;border:none!important;border-radius:0!important}[data-theme=light] .selected-tag,[data-theme=light] .selected-item{background:#f0e7ff!important;color:#7c3aed!important;border:1px solid #c4b5fd!important}[data-theme=light] .selected-tag .remove-btn,[data-theme=light] .selected-item .remove-btn{color:#8b5cf6!important}[data-theme=light] .selected-tag .remove-btn:hover,[data-theme=light] .selected-item .remove-btn:hover{color:#6d28d9!important}[data-theme=light] .member-card,[data-theme=light] .assigned-member{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .member-card:hover,[data-theme=light] .assigned-member:hover{background:#f1f5f9!important}[data-theme=light] .member-card .member-name,[data-theme=light] .assigned-member .member-name{color:#0f172a!important}[data-theme=light] .member-card .member-role,[data-theme=light] .assigned-member .member-role{color:#64748b!important}[data-theme=light] .modal-project-info,[data-theme=light] .project-info-header,[data-theme=light] .selected-project-info{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .modal-project-info .project-name,[data-theme=light] .project-info-header .project-name{color:#0f172a!important}[data-theme=light] .modal-project-info .project-id,[data-theme=light] .project-info-header .project-id{color:#64748b!important}[data-theme=light] .quick-options{gap:.5rem}[data-theme=light] .quick-option,[data-theme=light] .quick-option-btn,[data-theme=light] .tag-btn,[data-theme=light] .remark-tag{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .quick-option:hover,[data-theme=light] .quick-option-btn:hover,[data-theme=light] .tag-btn:hover,[data-theme=light] .remark-tag:hover{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .quick-option.active,[data-theme=light] .quick-option-btn.active,[data-theme=light] .tag-btn.active,[data-theme=light] .remark-tag.active{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}[data-theme=light] .team-summary,[data-theme=light] .assignment-summary,[data-theme=light] .team-stats-bar{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .team-summary-label,[data-theme=light] .assignment-label{color:#64748b!important}[data-theme=light] .team-summary-value,[data-theme=light] .assignment-value{color:#0f172a!important}[data-theme=light] .team-card,[data-theme=light] .team-assignment-card,[data-theme=light] .department-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .team-card-header,[data-theme=light] .team-assignment-header,[data-theme=light] .department-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .team-card-header.development,[data-theme=light] .department-header.development{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)!important;border-bottom:2px solid #3b82f6!important}[data-theme=light] .team-card-header.design,[data-theme=light] .department-header.design{background:linear-gradient(135deg,#ec48991a,#ec48990d)!important;border-bottom:2px solid #ec4899!important}[data-theme=light] .team-card-header.operations,[data-theme=light] .department-header.operations{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;border-bottom:2px solid #10b981!important}[data-theme=light] .team-card-header.embedded,[data-theme=light] .department-header.embedded{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)!important;border-bottom:2px solid #f59e0b!important}[data-theme=light] .team-card-header.production,[data-theme=light] .department-header.production{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)!important;border-bottom:2px solid #8b5cf6!important}[data-theme=light] .team-name,[data-theme=light] .department-name{color:#0f172a!important}[data-theme=light] .team-count,[data-theme=light] .member-count{color:#64748b!important}[data-theme=light] .team-card-body,[data-theme=light] .team-assignment-body,[data-theme=light] .department-body{background:#fff!important}[data-theme=light] .team-card .search-box,[data-theme=light] .team-card .member-search,[data-theme=light] .team-search-input{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .team-card .search-box input,[data-theme=light] .team-card .member-search input,[data-theme=light] .team-search-input input{background:transparent!important;color:#0f172a!important}[data-theme=light] .team-card .search-box input::placeholder,[data-theme=light] .team-search-input input::placeholder{color:#94a3b8!important}[data-theme=light] .add-member-btn,[data-theme=light] .team-add-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .add-member-btn:hover,[data-theme=light] .team-add-btn:hover{background:#f8fafc!important;border-color:#8b5cf6!important;color:#8b5cf6!important}[data-theme=light] .no-members,[data-theme=light] .empty-team-message{color:#94a3b8!important}[data-theme=light] .member-item,[data-theme=light] .assigned-member{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .member-item:hover,[data-theme=light] .assigned-member:hover{background:#f1f5f9!important}[data-theme=light] .member-name{color:#0f172a!important}[data-theme=light] .member-role,[data-theme=light] .member-email{color:#64748b!important}[data-theme=light] .toggle-section,[data-theme=light] .toggle-card,[data-theme=light] .option-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .toggle-container{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:1.25rem!important}[data-theme=light] .toggle-container .toggle-label{color:#0f172a!important}[data-theme=light] .toggle-container .toggle-text{color:#0f172a!important;font-weight:500!important}[data-theme=light] .toggle-container .toggle-description{color:#64748b!important}[data-theme=light] .toggle-section-title,[data-theme=light] .toggle-label{color:#0f172a!important}[data-theme=light] .toggle-section-desc,[data-theme=light] .toggle-description{color:#64748b!important}[data-theme=light] .bd-toggle-section,[data-theme=light] .client-owner-section,[data-theme=light] .special-toggle-section{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .bd-toggle-section h4,[data-theme=light] .client-owner-section h4,[data-theme=light] .special-toggle-section h4{color:#0f172a!important}[data-theme=light] .bd-toggle-section p,[data-theme=light] .client-owner-section p,[data-theme=light] .special-toggle-section p{color:#64748b!important}[data-theme=light] .team-required-section{gap:1rem}[data-theme=light] .team-toggle-card,[data-theme=light] .team-option-card,[data-theme=light] .team-checkbox-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .team-toggle-card:hover,[data-theme=light] .team-option-card:hover{border-color:#cbd5e1!important;background:#f1f5f9!important}[data-theme=light] .team-toggle-card.active,[data-theme=light] .team-option-card.active,[data-theme=light] .team-toggle-card.selected{background:#fff!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .team-toggle-card .team-name,[data-theme=light] .team-option-card .team-name{color:#0f172a!important}[data-theme=light] .team-toggle-card.development,[data-theme=light] .team-option-card[data-team=development]{background:#3b82f614!important;border-color:#3b82f64d!important}[data-theme=light] .team-toggle-card.development .team-name{color:#2563eb!important}[data-theme=light] .team-toggle-card.design,[data-theme=light] .team-option-card[data-team=design]{background:#ec489914!important;border-color:#ec48994d!important}[data-theme=light] .team-toggle-card.design .team-name{color:#db2777!important}[data-theme=light] .team-toggle-card.operations,[data-theme=light] .team-option-card[data-team=operations]{background:#10b98114!important;border-color:#10b9814d!important}[data-theme=light] .team-toggle-card.operations .team-name{color:#059669!important}[data-theme=light] .team-toggle-card.embedded,[data-theme=light] .team-option-card[data-team=embedded]{background:#f59e0b14!important;border-color:#f59e0b4d!important}[data-theme=light] .team-toggle-card.embedded .team-name{color:#d97706!important}[data-theme=light] .team-toggle-card.production,[data-theme=light] .team-option-card[data-team=production]{background:#8b5cf614!important;border-color:#8b5cf64d!important}[data-theme=light] .team-toggle-card.production .team-name{color:#7c3aed!important}[data-theme=light] .custom-select,[data-theme=light] .select-wrapper,[data-theme=light] .dropdown-select{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .custom-select:hover,[data-theme=light] .select-wrapper:hover{border-color:#cbd5e1!important}[data-theme=light] .custom-select.open,[data-theme=light] .select-wrapper.open{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .select-value,[data-theme=light] .selected-value{color:#0f172a!important}[data-theme=light] .select-placeholder{color:#94a3b8!important}[data-theme=light] .select-dropdown,[data-theme=light] .dropdown-menu,[data-theme=light] .options-list{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #0000001a!important}[data-theme=light] .select-option,[data-theme=light] .dropdown-option,[data-theme=light] .option-item{color:#334155!important}[data-theme=light] .select-option:hover,[data-theme=light] .dropdown-option:hover,[data-theme=light] .option-item:hover{background:#f8fafc!important;color:#0f172a!important}[data-theme=light] .select-option.selected,[data-theme=light] .dropdown-option.selected,[data-theme=light] .option-item.selected{background:#8b5cf61a!important;color:#8b5cf6!important}[data-theme=light] .user-select,[data-theme=light] .manager-select,[data-theme=light] .searchable-select{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .user-select-dropdown,[data-theme=light] .manager-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #0000001a!important}[data-theme=light] .user-option,[data-theme=light] .manager-option{background:#fff!important;color:#334155!important}[data-theme=light] .user-option:hover,[data-theme=light] .manager-option:hover{background:#f8fafc!important}[data-theme=light] .user-option .user-name,[data-theme=light] .manager-option .name{color:#0f172a!important}[data-theme=light] .user-option .user-role,[data-theme=light] .manager-option .role{color:#64748b!important}[data-theme=light] .selected-user,[data-theme=light] .selected-manager{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .selected-user .user-name,[data-theme=light] .selected-manager .name{color:#0f172a!important}[data-theme=light] .radio-group,[data-theme=light] .checkbox-group{gap:1rem}[data-theme=light] .radio-option,[data-theme=light] .checkbox-option{color:#334155!important}[data-theme=light] .radio-option.selected,[data-theme=light] .checkbox-option.checked{color:#8b5cf6!important}[data-theme=light] .radio-custom,[data-theme=light] .checkbox-custom{background:#fff!important;border:2px solid #cbd5e1!important}[data-theme=light] .radio-custom.selected,[data-theme=light] .checkbox-custom.checked{background:#8b5cf6!important;border-color:#8b5cf6!important}[data-theme=light] .guidelines-box,[data-theme=light] .info-box,[data-theme=light] .helper-box{background:#f0f9ff!important;border:1px solid #bae6fd!important}[data-theme=light] .guidelines-box h4,[data-theme=light] .info-box-title{color:#0369a1!important}[data-theme=light] .guidelines-box li,[data-theme=light] .guidelines-box p,[data-theme=light] .info-box p{color:#0c4a6e!important}[data-theme=light] .guidelines-box ul li:before{color:#0ea5e9!important}[data-theme=light] .form-footer,[data-theme=light] .form-actions-bar{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .input-icon,[data-theme=light] .input-prefix-text{color:#64748b!important;background:#f8fafc!important;border-right:1px solid #e2e8f0!important}[data-theme=light] .input-with-icon input{background:transparent!important;color:#0f172a!important;border:none!important;border-radius:0!important}[data-theme=light] .currency-input{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;overflow:hidden!important}[data-theme=light] .currency-symbol{color:#64748b!important;background:#f8fafc!important}[data-theme=light] .searchable-dropdown{position:relative}[data-theme=light] .dropdown-trigger{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .dropdown-trigger:hover{border-color:#cbd5e1!important}[data-theme=light] .dropdown-trigger.open{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent!important}[data-theme=light] .dropdown-trigger.open .dropdown-placeholder,[data-theme=light] .selected-user-preview .selected-name{color:#0f172a!important}[data-theme=light] .dropdown-placeholder{color:#94a3b8!important}[data-theme=light] .dropdown-menu{background:#fff!important;border:1px solid #3b82f6!important;border-top:1px solid #e2e8f0!important;border-radius:0 0 10px 10px!important;box-shadow:0 10px 40px #00000026!important}[data-theme=light] .dropdown-search{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .dropdown-search-input{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .dropdown-search-input::placeholder{color:#94a3b8!important}[data-theme=light] .dropdown-options{background:#fff!important}[data-theme=light] .dropdown-option{background:#fff!important;color:#334155!important}[data-theme=light] .dropdown-option:hover{background:#f8fafc!important}[data-theme=light] .dropdown-option.selected{background:#8b5cf61a!important;color:#8b5cf6!important}[data-theme=light] .dropdown-item{background:transparent!important;color:#334155!important}[data-theme=light] .dropdown-item:hover{background:#f8fafc!important}[data-theme=light] .dropdown-item-name{color:#0f172a!important}[data-theme=light] .dropdown-item-meta{color:#64748b!important}[data-theme=light] .dropdown-item-details{color:#334155!important}[data-theme=light] .dropdown-empty{background:#fff!important;color:#94a3b8!important}[data-theme=light] .selected-pm{background:transparent!important}[data-theme=light] .pm-info .pm-name{color:#0f172a!important}[data-theme=light] .pm-info .pm-designation,[data-theme=light] .pm-info .pm-meta,[data-theme=light] .clear-pm-btn{color:#64748b!important}[data-theme=light] .clear-pm-btn:hover{color:#ef4444!important}[data-theme=light] .assign-team-page{background:#f1f5f9!important}[data-theme=light] .assignment-summary{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .assignment-summary .summary-item{background:transparent!important}[data-theme=light] .assignment-summary .summary-label{color:#64748b!important}[data-theme=light] .assignment-summary .summary-value{color:#0f172a!important}[data-theme=light] .team-cards-grid{gap:1.5rem}[data-theme=light] .team-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important;overflow:hidden}[data-theme=light] .team-card-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .team-card-header .team-header-content{color:#0f172a!important}[data-theme=light] .team-card-header .member-count{color:#64748b!important}[data-theme=light] .team-card-body{background:#fff!important}[data-theme=light] .add-member-row{background:transparent!important}[data-theme=light] .btn-add-member{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .btn-add-member:hover{background:#f1f5f9!important;border-color:#8b5cf6!important;color:#8b5cf6!important}[data-theme=light] .assigned-members-list{background:transparent!important}[data-theme=light] .no-members{color:#94a3b8!important}[data-theme=light] .assigned-member-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .assigned-member-item:hover{background:#f1f5f9!important}[data-theme=light] .assigned-member-item .member-info{color:#334155!important}[data-theme=light] .assigned-member-item .member-name{color:#0f172a!important}[data-theme=light] .assigned-member-item .member-role{color:#64748b!important}[data-theme=light] .btn-remove-member{color:#94a3b8!important}[data-theme=light] .btn-remove-member:hover{color:#ef4444!important;background:#ef44441a!important}[data-theme=light] .add-project-page{background:#f1f5f9!important}[data-theme=light] .add-project-page .form-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .guidelines-card{background:#f0f9ff!important;border:1px solid #bae6fd!important}[data-theme=light] .guidelines-header{color:#0369a1!important}[data-theme=light] .guidelines-header svg{color:#0ea5e9!important}[data-theme=light] .guidelines-list,[data-theme=light] .guidelines-list li{color:#0c4a6e!important}[data-theme=light] .team-toggles{gap:1rem}[data-theme=light] .team-toggle-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .team-toggle-card:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .team-toggle-card.active{background:#fff!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .team-toggle-card .team-name{color:#0f172a!important}[data-theme=light] .radio-group{gap:1rem}[data-theme=light] .radio-label,[data-theme=light] .radio-text{color:#334155!important}[data-theme=light] .radio-custom{background:#fff!important;border:2px solid #cbd5e1!important}[data-theme=light] .radio-input:checked+.radio-custom{background:#8b5cf6!important;border-color:#8b5cf6!important}[data-theme=light] .radio-input:checked~.radio-text{color:#8b5cf6!important}[data-theme=light] .input-with-icon{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;overflow:hidden!important}[data-theme=light] .input-with-icon:focus-within{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .input-with-icon svg{color:#64748b!important}[data-theme=light] .input-with-icon input{background:transparent!important;border:none!important;border-radius:0!important;color:#0f172a!important}[data-theme=light] .add-user-page{background:#f1f5f9!important}[data-theme=light] .add-user-page .form-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .checkbox-label,[data-theme=light] .checkbox-text,[data-theme=light] .checkbox-label .checkbox-text,[data-theme=light] .form-group .checkbox-label .checkbox-text{color:#334155!important}[data-theme=light] .checkbox-custom{background:#fff!important;border:2px solid #cbd5e1!important}[data-theme=light] .input-with-prefix{background:transparent!important;border:none!important;position:relative!important;display:flex!important;align-items:center!important}[data-theme=light] .input-with-prefix .input-prefix{position:absolute!important;left:16px!important;color:#64748b!important;font-weight:500!important;font-size:11px!important;z-index:1!important}[data-theme=light] .input-with-prefix .form-input.has-prefix,[data-theme=light] .form-input.has-prefix{padding-left:42px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;color:#0f172a!important}[data-theme=light] .input-with-prefix .form-input.has-prefix:focus,[data-theme=light] .form-input.has-prefix:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}[data-theme=light] .input-with-prefix .form-input.has-prefix::placeholder,[data-theme=light] .form-input.has-prefix::placeholder{color:#94a3b8!important}[data-theme=light] .bd-toggle-section,[data-theme=light] .owner-toggle-section,[data-theme=light] .toggle-option-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .bd-toggle-section h4,[data-theme=light] .owner-toggle-section h4,[data-theme=light] .toggle-option-card h4{color:#0f172a!important}[data-theme=light] .bd-toggle-section p,[data-theme=light] .owner-toggle-section p,[data-theme=light] .toggle-option-card p{color:#64748b!important}[data-theme=light] .checkbox-label{color:#334155!important}[data-theme=light] .checkbox-input:checked+.checkbox-custom{background:#8b5cf6!important;border-color:#8b5cf6!important}[data-theme=light] .sticky-actions,[data-theme=light] .form-actions.sticky-actions{background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 12px #0000000d!important}[data-theme=light] .loading-state{color:#64748b!important}[data-theme=light] .loading-spinner{border-color:#e2e8f0!important;border-top-color:#8b5cf6!important}[data-theme=light] .error-state{color:#ef4444!important}[data-theme=light] .status-modal .modal-project-info,[data-theme=light] .update-status-modal .project-header{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .status-modal .project-name,[data-theme=light] .update-status-modal .project-name{color:#0f172a!important}[data-theme=light] .status-modal .project-id,[data-theme=light] .update-status-modal .project-id{color:#64748b!important}[data-theme=light] .quick-options-label{color:#334155!important}[data-theme=light] .dropdown-menu[style],[data-theme=light] .dropdown-search[style],[data-theme=light] .dropdown-options[style],[data-theme=light] .dropdown-empty[style]{background-color:#fff!important}@media(max-width:640px){.wallet-summary-row{grid-template-columns:repeat(2,1fr)}.wallet-member-header{flex-direction:column;gap:12px;align-items:flex-start}.member-status-badge{align-self:flex-start}}[data-theme=light] .history-summary .history-summary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .history-summary .history-summary-card .summary-card-content .summary-card-value{color:#0f172a!important}[data-theme=light] .history-summary .history-summary-card .summary-card-content .summary-card-label{color:#64748b!important}[data-theme=light] .history-summary .history-summary-card.spent .summary-card-content .summary-card-value{color:#ef4444!important}[data-theme=light] .history-summary .history-summary-card.balance .summary-card-content .summary-card-value{color:#10b981!important}[data-theme=light] .history-summary .history-summary-card .summary-card-icon{background:#64748b1a!important}[data-theme=light] .history-summary .history-summary-card.spent .summary-card-icon{background:#ef44441a!important;color:#ef4444!important}[data-theme=light] .history-summary .history-summary-card.projects .summary-card-icon{background:#3b82f61a!important;color:#3b82f6!important}[data-theme=light] .history-summary .history-summary-card.balance .summary-card-icon{background:#10b9811a!important;color:#10b981!important}[data-theme=light] .sidebar{background:#0f172a!important}[data-theme=light] .sidebar .sidebar-stats{background:#1e293b99!important;border:1px solid rgba(71,85,105,.3)!important}[data-theme=light] .sidebar .sidebar-stats .stats-title{color:#e2e8f0!important}[data-theme=light] .sidebar .sidebar-stats .stat-row .stat-label{color:#94a3b8!important}[data-theme=light] .sidebar .sidebar-stats .stat-row .stat-value{color:#f1f5f9!important}[data-theme=light] .sidebar .sidebar-stats .stat-row .stat-value.primary{color:#3b82f6!important}[data-theme=light] .sidebar .sidebar-stats .stat-row .stat-value.success{color:#10b981!important}[data-theme=light] .sidebar .sidebar-stats .stat-row .stat-value.warning{color:#f59e0b!important}[data-theme=light] .sidebar .sidebar-footer{color:#64748b!important}[data-theme=light] .sidebar .sidebar-footer .footer-sub{color:#475569!important}[data-theme=light] .sidebar .sidebar-nav .nav-item{color:#94a3b8!important}[data-theme=light] .sidebar .sidebar-nav .nav-item:hover{color:#e2e8f0!important;background:#4755694d!important}[data-theme=light] .sidebar .sidebar-nav .nav-item.active{color:#fff!important;background:#8b5cf633!important}[data-theme=light] .sidebar .nav-section-title{color:#64748b!important}.loading-overlay{z-index:10000}.loading-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e293b;border:1px solid rgba(71,85,105,.4);border-radius:20px;padding:48px 64px;text-align:center;box-shadow:0 25px 80px #0009;animation:modalSlideIn .3s ease-out}.loading-spinner-large{width:56px;height:56px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.loading-text{font-size:18px;font-weight:600;color:#f1f5f9;margin:0 0 8px}.loading-subtext{font-size:14px;color:#94a3b8;margin:0}.result-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e293b;border:1px solid rgba(71,85,105,.4);border-radius:20px;padding:48px 64px;text-align:center;min-width:360px;max-width:420px;box-shadow:0 25px 80px #0009;animation:resultModalIn .4s ease-out}@keyframes resultModalIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:iconPop .5s ease-out .2s both}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.result-icon svg{width:48px;height:48px}.result-title{font-size:24px;font-weight:700;margin:0 0 12px}.result-title.success{color:#10b981}.result-title.error{color:#ef4444}.result-message{font-size:15px;color:#94a3b8;margin:0 0 32px;line-height:1.5;max-width:300px}.btn-result{padding:14px 48px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:160px}.btn-result.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-result.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-result.btn-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-result.btn-error:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}[data-theme=light] .loading-modal{background:#fff;border-color:#0000001a;box-shadow:0 25px 80px #00000026}[data-theme=light] .loading-text{color:#1e293b}[data-theme=light] .loading-subtext{color:#64748b}[data-theme=light] .result-modal{background:#fff;border-color:#0000001a;box-shadow:0 25px 80px #00000026}[data-theme=light] .result-message{color:#64748b}.redirect-text{font-size:14px;color:#10b981;margin:0;padding:14px 32px;background:#10b9811a;border-radius:10px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}[data-theme=light] .redirect-text{background:#10b98126}.mobile-blocker{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;padding:24px;z-index:99999;overflow-y:auto}.mobile-blocker-content{max-width:400px;text-align:center;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-blocker-icon-container{margin-bottom:32px}.mobile-icon-crossed{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#ef44441a;border-radius:50%;color:#ef4444}.mobile-icon-crossed .cross-line{position:absolute;width:80%;height:4px;background:#ef4444;border-radius:2px;transform:rotate(-45deg)}.mobile-blocker-title{font-size:28px;font-weight:700;color:#f1f5f9;margin:0 0 16px}.mobile-blocker-message{font-size:16px;color:#94a3b8;line-height:1.6;margin:0 0 32px}.mobile-blocker-suggestion{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:24px;margin-bottom:32px}.mobile-blocker-suggestion svg{color:#8b5cf6;margin-bottom:16px}.mobile-blocker-suggestion p{font-size:14px;color:#cbd5e1;margin:0;line-height:1.5}.mobile-blocker-features{background:#1e293bcc;border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.mobile-blocker-features h3{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.mobile-blocker-features ul{margin:0;padding:0;list-style:none}.mobile-blocker-features li{font-size:13px;color:#94a3b8;padding:6px 0 6px 20px;position:relative}.mobile-blocker-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.mobile-blocker-footer{padding-top:16px;border-top:1px solid rgba(71,85,105,.4)}.mobile-blocker-footer p{font-size:12px;color:#64748b;margin:0}.mobile-blocker-footer strong{color:#94a3b8}[data-theme=light] .mobile-blocker{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.header-actions{display:flex;align-items:center;gap:16px}.last-updated{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.last-updated svg{opacity:.6}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{transition:transform .3s ease}.refresh-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:28px}.dashboard-stats-grid.loading .enhanced-stat-card{opacity:.7}.enhanced-stat-card{background:linear-gradient(145deg,#1e293b,#1a2332);border:1px solid rgba(148,163,184,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a}.enhanced-stat-card:hover{box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003;transform:translateY(-2px);border-color:#94a3b833}[data-theme=light] .enhanced-stat-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d}[data-theme=light] .enhanced-stat-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000014;border-color:#0000001f}.enhanced-stat-card .card-header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.enhanced-stat-card .card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.enhanced-stat-card .card-icon.primary{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.enhanced-stat-card .card-icon.success{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.enhanced-stat-card .card-icon.info{background:linear-gradient(135deg,#06b6d433,#06b6d41a);color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.enhanced-stat-card .card-icon.warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.enhanced-stat-card .card-title-group{flex:1}.enhanced-stat-card .card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.enhanced-stat-card .card-subtitle{font-size:12px;color:var(--text-secondary)}.enhanced-stat-card .card-body{padding:16px 20px;flex:1}.main-stat{margin-bottom:16px}.main-stat .stat-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.1;display:block}.main-stat .stat-value.currency{font-size:26px}.main-stat .stat-value.warning{color:#f59e0b}.main-stat .stat-value.success{color:#10b981}.main-stat .stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px;display:block}.stat-breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:13px}.breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.breakdown-item.upcoming .breakdown-dot{background:#3b82f6}.breakdown-item.ongoing .breakdown-dot{background:#f59e0b}.breakdown-item.completed .breakdown-dot{background:#10b981}.breakdown-label{color:var(--text-secondary);flex:1}.breakdown-value{font-weight:600;color:var(--text-primary)}.card-alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:12px;margin-top:12px}.card-alert.warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.card-alert.danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.card-alert svg{flex-shrink:0}.trend-indicator{margin-bottom:12px}.trend{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:13px;font-weight:500}.trend.up{background:#ef44441a;color:#ef4444}.trend.down{background:#10b9811a;color:#10b981}.trend-label{font-weight:400;opacity:.8;font-size:11px}.expense-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;color:var(--text-secondary)}.meta-value{font-size:13px;font-weight:600;color:var(--text-primary)}.week-activity{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.week-activity svg{color:var(--primary-color)}.activity-amount{color:var(--text-primary);font-weight:500}.wallet-stats{margin-bottom:12px}.wallet-stat-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px}.wallet-stat-item svg{color:var(--primary-color)}.wallet-stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.wallet-stat-label{font-size:12px;color:var(--text-secondary)}.low-balance-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.low-balance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#ef44440d;border-radius:6px;font-size:12px}.lb-name{color:var(--text-primary);font-weight:500}.lb-amount{color:#ef4444;font-weight:600}.more-wallets{font-size:11px;color:var(--text-secondary);text-align:center;padding-top:4px}.pending-breakdown{display:flex;flex-direction:column;gap:10px}.pending-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px}.pending-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.pending-icon svg{width:16px;height:16px}.pending-icon.expense{background:#10b98126;color:#10b981}.pending-icon.project{background:#3b82f626;color:#3b82f6}.pending-icon.wallet{background:#06b6d426;color:#06b6d4}.pending-info{display:flex;align-items:center;gap:8px}.pending-count{font-size:16px;font-weight:700;color:var(--text-primary)}.pending-label{font-size:12px;color:var(--text-secondary)}.no-pending{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#10b981;font-size:13px}.no-pending svg{width:18px;height:18px}.enhanced-stat-card .card-footer{padding:12px 20px;border-top:1px solid var(--border-color);margin-top:auto}.card-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary-color);font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:gap .2s ease}.card-link:hover{gap:10px}.card-link.warning{color:#f59e0b}.card-link-text{font-size:13px;color:var(--text-secondary)}.dashboard-secondary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:0}.dashboard-section{background:linear-gradient(145deg,#1e293b,#1a2332);border:1px solid rgba(148,163,184,.1);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a}[data-theme=light] .dashboard-section{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.section-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary-color);font-size:12px;font-weight:500;cursor:pointer;padding:0}.section-link:hover{text-decoration:underline}.section-body{padding:16px 20px}.section-loading,.section-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;color:var(--text-secondary);font-size:13px}.section-empty svg{color:#10b981}.recent-expenses-list{display:flex;flex-direction:column;gap:12px}.recent-expense-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:10px;transition:background .2s ease}.recent-expense-item:hover{background:var(--bg-hover)}.recent-expense-item .expense-icon{width:36px;height:36px;border-radius:8px;background:#10b98126;color:#10b981;display:flex;align-items:center;justify-content:center}.recent-expense-item .expense-icon svg{width:18px;height:18px}.expense-details{flex:1;min-width:0}.expense-desc{display:block;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-project{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.recent-expense-item .expense-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:0;background:none;margin:0}.expense-amount{font-size:13px;font-weight:600;color:var(--text-primary)}.expense-date{font-size:11px;color:var(--text-secondary)}.projects-ending-list{display:flex;flex-direction:column;gap:12px}.project-ending-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:10px}.project-ending-item .project-icon{width:36px;height:36px;border-radius:8px;background:#3b82f626;color:#3b82f6;display:flex;align-items:center;justify-content:center}.project-ending-item .project-icon svg{width:18px;height:18px}.project-details{flex:1}.project-name{display:block;font-size:13px;font-weight:500;color:var(--text-primary)}.project-end-date{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.days-left{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.days-left.warning{background:#f59e0b26;color:#f59e0b}.days-left.urgent{background:#ef444426;color:#ef4444}.dashboard-error{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:20px;color:#ef4444}.dashboard-error svg{flex-shrink:0}.dashboard-error span{flex:1;font-size:14px}.retry-btn{padding:6px 14px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.retry-btn:hover{background:#dc2626}@media(max-width:1400px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dashboard-stats-grid,.dashboard-secondary-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}}@media(max-width:600px){.enhanced-stat-card .card-header{padding:16px 16px 0}.enhanced-stat-card .card-body,.enhanced-stat-card .card-footer{padding:12px 16px}.main-stat .stat-value{font-size:28px}.main-stat .stat-value.currency{font-size:22px}.expense-meta{grid-template-columns:1fr}}.enhanced-stat-card.projects-card{border-left:4px solid #3b82f6}.enhanced-stat-card.expenses-card{border-left:4px solid #10b981}.enhanced-stat-card.wallet-card{border-left:4px solid #06b6d4}.enhanced-stat-card.pending-card{border-left:4px solid #f59e0b}.enhanced-stat-card .expense-meta,.enhanced-stat-card .wallet-stat-item,.enhanced-stat-card .pending-item,.enhanced-stat-card .low-balance-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05)}[data-theme=light] .enhanced-stat-card .expense-meta,[data-theme=light] .enhanced-stat-card .wallet-stat-item,[data-theme=light] .enhanced-stat-card .pending-item,[data-theme=light] .enhanced-stat-card .low-balance-item{background:#00000005;border:1px solid rgba(0,0,0,.05)}.enhanced-stat-card .card-footer{background:#0000001a;border-top:1px solid rgba(255,255,255,.05)}[data-theme=light] .enhanced-stat-card .card-footer{background:#00000005;border-top:1px solid rgba(0,0,0,.05)}.dashboard-section .section-header{background:#00000026;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=light] .dashboard-section .section-header{background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}.recent-expense-item,.project-ending-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.recent-expense-item:hover,.project-ending-item:hover{background:#ffffff0f;border-color:#ffffff1a}[data-theme=light] .recent-expense-item,[data-theme=light] .project-ending-item{background:#00000005;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .recent-expense-item:hover,[data-theme=light] .project-ending-item:hover{background:#0000000a;border-color:#00000014}.main-stat .stat-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-stat .stat-value.currency{font-size:28px}.main-stat .stat-value.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-stat .stat-value.success{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .main-stat .stat-value{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-breakdown{padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}[data-theme=light] .stat-breakdown{background:#00000005;border:1px solid rgba(0,0,0,.05)}.card-alert{font-weight:500}.card-alert.warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.card-alert.danger{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.refresh-btn{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid rgba(148,163,184,.2);box-shadow:0 2px 4px #0000001a}.refresh-btn:hover:not(:disabled){background:linear-gradient(145deg,#334155,#475569);border-color:var(--primary-color)}[data-theme=light] .refresh-btn{background:linear-gradient(145deg,#fff,#f1f5f9);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .refresh-btn:hover:not(:disabled){background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}.section-empty{padding:40px;color:var(--text-secondary);opacity:.7}.no-pending{padding:24px;background:#10b9811a;border-radius:10px;border:1px solid rgba(16,185,129,.2)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.status-item{text-align:center;padding:12px 8px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.status-item:hover{background:#ffffff0f}.status-item .status-count{display:block;font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.status-item .status-label{display:block;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.status-item.upcoming{border-top:3px solid #3b82f6}.status-item.ongoing{border-top:3px solid #f59e0b}.status-item.completed{border-top:3px solid #10b981}.status-item.upcoming .status-count{color:#3b82f6}.status-item.ongoing .status-count{color:#f59e0b}.status-item.completed .status-count{color:#10b981}[data-theme=light] .status-item{background:#00000005;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .status-item:hover{background:#0000000a}.main-stat-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.main-stat-row .main-stat{margin-bottom:0}.trend-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600}.trend-badge.up{background:#ef444426;color:#ef4444}.trend-badge.down{background:#10b98126;color:#10b981}.trend-badge svg{width:14px;height:14px}.stat-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:16px;font-weight:700}.stat-badge.info{background:#06b6d426;color:#06b6d4}.stat-badge svg{width:16px;height:16px;opacity:.8}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-stat{padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);text-align:center}.mini-stat-value{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-stat-label{display:block;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .mini-stat{background:#00000005;border:1px solid rgba(0,0,0,.06)}.alert-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;font-size:13px;font-weight:500;margin-top:16px}.alert-box.danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.alert-box.success{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.alert-box svg{width:16px;height:16px;flex-shrink:0}.pending-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.pending-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.pending-row .pending-label{font-size:13px;color:var(--text-secondary)}.pending-row .pending-value{font-size:15px;font-weight:600;color:#f59e0b}[data-theme=light] .pending-row{background:#00000005;border:1px solid rgba(0,0,0,.06)}.enhanced-stat-card .main-stat .stat-value{font-size:40px;font-weight:800;color:var(--text-primary);line-height:1;display:block;margin-bottom:4px}.enhanced-stat-card .main-stat .stat-value.currency{font-size:32px}.enhanced-stat-card .main-stat .stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.main-stat .stat-value{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary)}.main-stat .stat-value.warning{color:#f59e0b!important}.main-stat .stat-value.success{color:#10b981!important}.enhanced-stat-card .card-body{padding:20px}.enhanced-stat-card .card-header{padding:20px 20px 0}.enhanced-stat-card .card-footer{padding:14px 20px}.insights-section{margin-bottom:24px}.insights-section .section-title{display:flex;align-items:center;gap:8px}.insights-section .section-title svg{color:#f59e0b;width:18px;height:18px}.insights-table{display:flex;flex-direction:column;gap:12px}.insight-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insight-row.margin-row{grid-template-columns:repeat(2,1fr)}.insight-cell{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.insight-cell.success-cell{border-left:3px solid #10b981}.insight-cell.danger-cell{border-left:3px solid #ef4444}[data-theme=light] .insight-cell{background:#00000005;border:1px solid rgba(0,0,0,.06)}.cell-label{font-size:11px;color:var(--text-secondary)}.cell-value{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-amount{font-size:15px;font-weight:700;color:var(--primary-color)}.cell-amount.success{color:#10b981}.cell-amount.danger{color:#ef4444}@media(max-width:1200px){.insight-row,.insight-row.margin-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.insight-row,.insight-row.margin-row{grid-template-columns:1fr}}.margin-rankings-grid{margin-bottom:24px}.section-title .title-icon{margin-right:6px}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.ranking-item:hover{background:#ffffff0d}[data-theme=light] .ranking-item{background:#00000005;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .ranking-item:hover{background:#0000000a}.rank-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#3b82f626;color:#3b82f6;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.ranking-item:first-child .rank-number{background:#f59e0b33;color:#f59e0b}.rank-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rank-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meta{font-size:11px;color:var(--text-secondary)}.rank-value{font-size:14px;font-weight:700;color:var(--text-primary);flex-shrink:0}.rank-value.success{color:#10b981}.rank-value.warning{color:#f59e0b}.rank-value.danger{color:#ef4444}.report-state-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.report-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 40px;background:linear-gradient(145deg,#1e293b,#1a2332);border:1px solid rgba(148,163,184,.1);border-radius:16px;max-width:420px;width:100%}.report-state-card.error{border-color:#ef444433}[data-theme=light] .report-state-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.08)}[data-theme=light] .report-state-card.error{border-color:#ef444433}.report-state-card .loading-spinner.large{width:48px;height:48px;border-width:3px;margin-bottom:20px}.report-state-card .state-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.report-state-card .state-icon.error{background:#ef44441a;color:#ef4444}.report-state-card .state-icon svg{width:40px;height:40px}.report-state-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.report-state-card p{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.report-state-card .state-actions{display:flex;gap:12px}.report-state-card .state-actions button{display:flex;align-items:center;gap:6px}@media(max-width:480px){.report-state-card{padding:32px 24px}.report-state-card .state-actions{flex-direction:column;width:100%}.report-state-card .state-actions button{width:100%;justify-content:center}}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.leave-balance-loading,.leave-balance-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;background:#1e293b66;border:1px solid rgba(71,85,105,.3);border-radius:16px;color:#94a3b8}.leave-balance-card{background:linear-gradient(135deg,#1e293b99,#0f172a66);border:1px solid rgba(71,85,105,.3);border-radius:16px;overflow:hidden;transition:all .3s ease}.leave-balance-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.leave-balance-card .balance-card-accent{height:4px;width:100%}.leave-balance-card .balance-card-content{padding:20px}.leave-balance-card .balance-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.leave-balance-card .balance-card-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;min-width:36px}.leave-balance-card .balance-card-name{font-size:14px;font-weight:600;color:#e2e8f0}.leave-balance-card .balance-card-stats{display:flex;justify-content:space-between;margin-bottom:16px}.leave-balance-card .balance-card-stats .balance-stat{text-align:center}.leave-balance-card .balance-card-stats .stat-value{display:block;font-size:22px;font-weight:700;color:#f1f5f9;line-height:1;margin-bottom:4px}.leave-balance-card .balance-card-stats .balance-stat.available .stat-value{color:#10b981}.leave-balance-card .balance-card-stats .balance-stat.used .stat-value{color:#f59e0b}.leave-balance-card .balance-card-stats .stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .leave-balance-card .balance-card-name,[data-theme=light] .leave-balance-card .balance-card-stats .stat-value{color:#1e293b}.my-leaves-page{padding:24px;max-width:1400px;margin:0 auto}.leave-balance-section{margin-bottom:32px}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.leave-balance-card.skeleton{pointer-events:none}.leave-balance-card.skeleton .skeleton-accent{background:linear-gradient(90deg,#4755694d 25%,#47556980,#4755694d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.leave-balance-card.skeleton .skeleton-header{height:24px;background:#47556933;border-radius:6px;margin-bottom:16px;width:70%}.leave-balance-card.skeleton .skeleton-stats{height:40px;background:#47556926;border-radius:6px;margin-bottom:16px}.leave-balance-card.skeleton .skeleton-bar{height:6px;background:#47556933;border-radius:3px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.leave-requests-section{background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:16px;overflow:hidden}.section-header-with-filters{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(71,85,105,.3);flex-wrap:wrap;gap:16px}.section-title-group{display:flex;align-items:center;gap:12px}.section-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:12px;color:#8b5cf6}.section-icon svg{width:22px;height:22px}.section-title{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.section-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.section-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-filters .search-box{display:flex;align-items:center;gap:8px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:8px;padding:8px 12px;min-width:200px;transition:all .2s ease}.section-filters .search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.section-filters .search-box svg{color:#64748b;flex-shrink:0}.section-filters .search-box .search-input{background:transparent;border:none;color:#e2e8f0;font-size:13px;font-family:inherit;outline:none;width:100%}.section-filters .search-box .search-input::placeholder{color:#64748b}.leave-table-container{background:transparent;border:none;border-radius:0}.leave-table-container .table-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#94a3b8}.leave-table-container .table-loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.leave-table-container .table-loading-state p{font-size:14px;margin:0}.leave-table-container .table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.leave-table-container .table-empty-state .empty-state-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:16px;margin-bottom:16px;color:#8b5cf6}.leave-table-container .table-empty-state .empty-state-icon svg{width:32px;height:32px}.leave-table-container .table-empty-state h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.leave-table-container .table-empty-state p{font-size:13px;color:#64748b;margin:0 0 20px;max-width:400px}.leave-table{width:100%;border-collapse:collapse}.leave-table thead{background:#1e293b80}.leave-table thead tr th{padding:14px 16px;font-size:11px;font-weight:600;color:#94a3b8;text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(71,85,105,.3)}.leave-table tbody tr{transition:background .2s ease;animation:fadeInRow .3s ease forwards;opacity:0}@keyframes fadeInRow{to{opacity:1}}.leave-table tbody tr:hover{background:#8b5cf60d}.leave-table tbody tr td{padding:14px 16px;font-size:13px;color:#e2e8f0;border-bottom:1px solid rgba(71,85,105,.2);vertical-align:middle}.leave-table .leave-type-cell{display:flex;align-items:center;gap:10px}.leave-table .leave-type-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.leave-table .leave-type-name{font-weight:500;color:#f1f5f9}.leave-table .date-text{color:#94a3b8;font-size:13px}.leave-table .duration-badge{display:inline-block;padding:4px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:12px;font-weight:500;color:#60a5fa}.leave-table .reason-text{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8}[data-theme=light] .my-leaves-page{background:#f8fafc}[data-theme=light] .leave-requests-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .section-header-with-filters{border-bottom-color:#e2e8f0}[data-theme=light] .section-title{color:#1e293b}[data-theme=light] .section-filters .search-box{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .section-filters .search-box .search-input{color:#1e293b}[data-theme=light] .leave-table thead{background:#f8fafc}[data-theme=light] .leave-table thead tr th{color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .leave-table tbody tr:hover{background:#8b5cf608}[data-theme=light] .leave-table tbody tr td{color:#1e293b;border-bottom-color:#e2e8f0}[data-theme=light] .leave-table .leave-type-name{color:#1e293b}[data-theme=light] .leave-table .date-text,[data-theme=light] .leave-table .reason-text{color:#64748b}[data-theme=light] .leave-table-container .table-empty-state h4{color:#1e293b}.leave-balance-indicator{height:4px;width:100%}.leave-balance-content{padding:20px}.leave-balance-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.leave-type-code{font-size:14px;font-weight:700;padding:4px 10px;background:#8b5cf626;border-radius:6px}.leave-type-name{font-size:14px;font-weight:600;color:#e2e8f0}.leave-balance-stats{display:flex;justify-content:space-between;margin-bottom:16px}.balance-stat{text-align:center}.balance-value{display:block;font-size:24px;font-weight:700;color:#f1f5f9;line-height:1;margin-bottom:4px}.balance-value.used{color:#f59e0b}.balance-value.available{color:#10b981}.balance-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.balance-progress{height:6px;background:#4755694d;border-radius:3px;overflow:hidden;margin-top:4px}.balance-progress-bar{height:100%;border-radius:3px;transition:width .5s ease;min-width:0}.leave-type-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.leave-type-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.leave-type-cell .leave-type-name{font-size:13px;font-weight:500;color:#e2e8f0}[data-theme=light] .leave-type-cell .leave-type-name{color:#1e293b}.leave-type-badge-small{display:inline-flex;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;border-radius:6px;letter-spacing:.3px}.leave-type-cell .leave-type-badge-small+.leave-type-badge-small{margin-left:4px}.leave-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.leave-status-badge svg{width:14px;height:14px}.leave-status-badge.approved{background:#10b98126;color:#34d399}.leave-status-badge.pending{background:#f59e0b1f;color:#fbbf24}.leave-status-badge.rejected{background:#ef444426;color:#f87171}.leave-status-badge.cancelled{background:#6b728026;color:#9ca3af}[data-theme=light] .leave-status-badge.approved{background:#10b9811f;color:#059669}[data-theme=light] .leave-status-badge.pending{background:#f59e0b1f;color:#d97706}[data-theme=light] .leave-status-badge.rejected{background:#ef44441f;color:#dc2626}[data-theme=light] .leave-status-badge.cancelled{background:#6b72801f;color:#6b7280}.leave-approvals-table{width:100%}.leave-approvals-table .employee-cell{display:flex;align-items:center;gap:10px}.employee-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.leave-approvals-table .employee-name{font-size:13px;font-weight:500;color:#e2e8f0}[data-theme=light] .leave-approvals-table .employee-name{color:#1e293b}.duration-cell{display:flex;align-items:center;gap:6px}.date-separator{color:#64748b;font-size:12px}.btn-view-details{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#818cf8;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-view-details:hover{background:#6366f133;border-color:#6366f1}[data-theme=light] .btn-view-details{background:#6366f114;color:#4f46e5}.leave-requests-filters{display:flex;gap:12px;margin-bottom:20px}.leave-requests-table-section{background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:12px;overflow:hidden}[data-theme=light] .leave-requests-table-section{background:#fff;border-color:#e2e8f0}.section-header-inline{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(71,85,105,.2)}[data-theme=light] .section-header-inline{border-bottom-color:#e2e8f0}.section-header-inline .section-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f133,#6366f11a);display:flex;align-items:center;justify-content:center;color:#818cf8}.section-header-inline .section-title{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.section-header-inline .section-subtitle{font-size:12px;color:#94a3b8;margin:2px 0 0}[data-theme=light] .section-header-inline .section-title{color:#1e293b}.leave-details-modal{max-width:600px;width:95%}.leave-detail-employee{display:flex;align-items:center;gap:16px;padding:16px;background:#1e293b80;border-radius:12px;margin-bottom:20px}[data-theme=light] .leave-detail-employee{background:#f8fafc}.employee-avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.employee-details{flex:1}.leave-detail-employee .employee-name{font-size:18px;font-weight:600;color:#f1f5f9;margin:0 0 4px}.leave-detail-employee .employee-dept{font-size:13px;color:#94a3b8}[data-theme=light] .leave-detail-employee .employee-name{color:#1e293b}.leave-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.detail-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:#e2e8f0}.detail-value.highlight{font-size:16px;font-weight:600;color:#8b5cf6}[data-theme=light] .detail-value{color:#1e293b}.leave-segments-section{margin-bottom:20px}.segments-title{font-size:13px;font-weight:600;color:#94a3b8;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.segments-list{display:flex;flex-direction:column;gap:8px}.segment-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1e293b66;border-radius:8px}[data-theme=light] .segment-item{background:#f1f5f9}.segment-type{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.segment-dates{flex:1;font-size:13px;color:#e2e8f0}[data-theme=light] .segment-dates{color:#334155}.segment-days{font-size:12px;font-weight:500;color:#94a3b8}.leave-reason-section{margin-bottom:20px}.reason-title{font-size:13px;font-weight:600;color:#94a3b8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.reason-content{font-size:14px;color:#e2e8f0;line-height:1.6;padding:12px;background:#1e293b66;border-radius:8px;margin:0}[data-theme=light] .reason-content{background:#f1f5f9;color:#334155}.remark-section{margin-bottom:20px}.remark-section .label-hint{font-weight:400;color:#64748b;font-size:12px}.previous-remark-section{margin-bottom:20px;padding:12px;background:#1e293b66;border-radius:8px}[data-theme=light] .previous-remark-section{background:#f1f5f9}.remark-title{font-size:12px;font-weight:600;color:#94a3b8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.remark-content{font-size:14px;color:#e2e8f0;margin:0 0 8px;line-height:1.5}[data-theme=light] .remark-content{color:#334155}.remark-by{font-size:12px;color:#64748b;font-style:italic}.btn-reject-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reject-action:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.btn-reject-action:disabled{opacity:.6;cursor:not-allowed}.btn-approve-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-approve-action:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-approve-action:disabled{opacity:.6;cursor:not-allowed}.leave-requests-table-container{background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:12px;overflow:hidden}.leave-requests-table{width:100%}.leave-requests-table thead th{background:#1e293b99;padding:14px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;text-align:left;border-bottom:1px solid rgba(71,85,105,.3)}.leave-requests-table tbody tr{animation:fadeInUp .3s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leave-requests-table tbody td{padding:14px 16px;font-size:13px;color:#e2e8f0;border-bottom:1px solid rgba(71,85,105,.2);vertical-align:middle}.leave-requests-table tbody tr:last-child td{border-bottom:none}.leave-requests-table tbody tr:hover{background:#3b82f60d}.duration-badge{display:inline-block;padding:4px 10px;background:#8b5cf61a;border-radius:6px;font-size:12px;font-weight:500;color:#a78bfa}.reason-text{display:inline-block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8}[data-theme=light] .leave-requests-table-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .leave-requests-table thead th{background:#f8fafc;color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .leave-requests-table tbody td{color:#1e293b;border-bottom-color:#f1f5f9}[data-theme=light] .leave-requests-table tbody tr:hover{background:#3b82f608}[data-theme=light] .duration-badge{background:#8b5cf614}[data-theme=light] .reason-text{color:#64748b}.reason-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;margin-bottom:24px}.summary-label{font-size:14px;color:#94a3b8}.summary-value{font-size:18px;font-weight:700;color:#a78bfa}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#e2e8f0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#8b5cf6}.radio-group{display:flex;gap:20px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#e2e8f0}.radio-label input[type=radio]{width:16px;height:16px;accent-color:#8b5cf6}.approval-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.approval-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.approval-stats-grid{grid-template-columns:1fr}}.approval-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:16px;cursor:pointer;transition:all .2s ease}.approval-stat-card:hover{border-color:#8b5cf666}.approval-stat-card.selected{border-color:#8b5cf6;background:#8b5cf61a}.approval-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.approval-stat-card .stat-icon.pending{background:#f59e0b26;color:#f59e0b}.approval-stat-card .stat-icon.approved{background:#10b98126;color:#10b981}.approval-stat-card .stat-icon.rejected{background:#ef444426;color:#ef4444}.approval-stat-card .stat-icon.all{background:#8b5cf626;color:#a78bfa}.approval-stat-card .stat-content{display:flex;flex-direction:column}.approval-stat-card .stat-value{font-size:28px;font-weight:700;color:#f1f5f9;line-height:1}.approval-stat-card .stat-label{font-size:13px;color:#94a3b8;margin-top:4px}.employee-cell{display:flex;align-items:center;gap:12px}.employee-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.employee-info{display:flex;flex-direction:column}.employee-name{font-size:14px;font-weight:600;color:#f1f5f9}.employee-dept{font-size:12px;color:#64748b}.action-buttons{display:flex;gap:8px}.btn-approve,.btn-reject{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-approve{background:#10b98126;color:#10b981}.btn-approve:hover:not(:disabled){background:#10b981;color:#fff}.btn-reject{background:#ef444426;color:#ef4444}.btn-reject:hover:not(:disabled){background:#ef4444;color:#fff}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.action-completed{color:#64748b;font-size:14px}.reject-request-info{background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px;margin-bottom:20px}.reject-request-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(71,85,105,.2)}.reject-request-info .info-row:last-child{border-bottom:none}.reject-request-info .info-label{font-size:13px;color:#94a3b8}.reject-request-info .info-value{font-size:13px;font-weight:600;color:#e2e8f0}.btn-danger{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.status-badge.pending{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}[data-theme=light] .leave-balance-loading,[data-theme=light] .leave-balance-empty{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .leave-balance-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .leave-balance-card:hover{border-color:#8b5cf666;box-shadow:0 8px 24px #00000014}[data-theme=light] .leave-type-name,[data-theme=light] .balance-value{color:#1e293b}[data-theme=light] .balance-progress{background:#e2e8f0}[data-theme=light] .leave-summary{background:#8b5cf614;border-color:#8b5cf633}[data-theme=light] .checkbox-label,[data-theme=light] .radio-label{color:#1e293b}[data-theme=light] .approval-stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .approval-stat-card.selected{background:#8b5cf60d}[data-theme=light] .approval-stat-card .stat-value,[data-theme=light] .employee-name{color:#1e293b}[data-theme=light] .reject-request-info{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .reject-request-info .info-row{border-bottom-color:#e2e8f0}[data-theme=light] .reject-request-info .info-value{color:#1e293b}.apply-leave-modal{max-width:600px}.apply-leave-modal .modal-body{max-height:calc(90vh - 160px);overflow-y:auto}.leave-type-section{padding:0 0 16px;position:relative}.leave-type-portal-menu{animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.portal-dropdown-menu{position:relative;top:0;background:#1e293b;border:1px solid #3b82f6;border-top:1px solid rgba(71,85,105,.3);border-radius:0 0 10px 10px;max-height:250px;overflow-y:auto;box-shadow:0 10px 40px #0006}.portal-dropdown-menu .dropdown-options{padding:0}.portal-dropdown-menu .dropdown-option{padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(71,85,105,.3);transition:background .2s ease;display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-dropdown-menu .dropdown-option:last-child{border-bottom:none;border-radius:0 0 10px 10px}.portal-dropdown-menu .dropdown-option:hover:not(.disabled){background:#3b82f61a}.portal-dropdown-menu .dropdown-option.selected{background:#3b82f633}.portal-dropdown-menu .dropdown-option.disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .portal-dropdown-menu{background:#fff;border-color:#3b82f6;box-shadow:0 10px 40px #00000026}[data-theme=light] .portal-dropdown-menu .dropdown-option{border-bottom-color:#e2e8f0}[data-theme=light] .portal-dropdown-menu .dropdown-option:hover:not(.disabled){background:#3b82f60d}.apply-leave-modal .dropdown-option{display:flex;align-items:center;justify-content:space-between}.apply-leave-modal .dropdown-value{flex:1;min-width:0;text-align:left}.selected-leave-type{display:flex;align-items:center;gap:10px;flex:1}.leave-type-badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:5px;min-width:36px;text-align:center;flex-shrink:0}.selected-leave-type .leave-type-name{font-size:13px;font-weight:500;color:#e2e8f0}.selected-leave-type .leave-type-available{font-size:12px;color:#10b981;margin-left:auto;padding-right:10px}.leave-option-content{display:flex;align-items:center;gap:10px;flex:1}.leave-option-content .leave-type-badge{min-width:40px}.leave-option-content .leave-type-name{font-size:13px;font-weight:500;color:#e2e8f0}.leave-option-days{display:flex;align-items:baseline;gap:4px;flex-shrink:0;min-width:60px;justify-content:flex-end}.leave-option-days .days-count{font-size:16px;font-weight:700;color:#10b981}.leave-option-days .days-count.zero{color:#ef4444}.leave-option-days .days-label{font-size:11px;color:#64748b}.dropdown-option.disabled{opacity:.5;cursor:not-allowed}.dropdown-option.disabled:hover{background:transparent}.apply-leave-container{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:20px}.apply-leave-sidebar{position:sticky;top:20px;height:fit-content}.sidebar-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px}.sidebar-card-title{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-fy-badge{font-size:10px;font-weight:600;padding:3px 8px;background:#3b82f626;color:#60a5fa;border-radius:4px}.balance-list{display:flex;flex-direction:column;gap:10px}.balance-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#1e293b80;border-radius:8px}.balance-item-left{display:flex;align-items:center;gap:10px}.balance-item-name{font-size:12px;color:#94a3b8}.balance-item-right{display:flex;align-items:center;gap:6px}.balance-available{font-size:14px;font-weight:600;color:#e2e8f0}.balance-deduction{font-size:12px;font-weight:600;color:#f59e0b;background:#f59e0b26;padding:2px 6px;border-radius:4px}.apply-leave-main{min-width:0}.leave-segments-container{display:flex;flex-direction:column;gap:16px}.leave-segment-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px;transition:all .2s ease}.leave-segment-card:hover{border-color:#8b5cf64d}.leave-segment-card.disabled{opacity:.6}.segment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.segment-number-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#8b5cf6}.segment-number-badge svg{width:16px;height:16px}.segment-fy-tag{font-size:10px;font-weight:500;padding:2px 8px;background:#3b82f626;color:#60a5fa;border-radius:4px;margin-left:4px}.label-fy-hint{font-size:11px;font-weight:400;color:#60a5fa;margin-left:8px}.segment-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease}.segment-remove-btn:hover{background:#ef444433}.segment-disabled-message{display:flex;align-items:center;gap:8px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;margin-bottom:16px;font-size:12px;color:#f59e0b}.segment-form-content{display:flex;flex-direction:column;gap:16px}.segment-form-content.form-disabled{pointer-events:none;opacity:.5}.fy-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:11px;color:#60a5fa;line-height:1.4}.fy-notice svg{flex-shrink:0;width:14px;height:14px;margin-top:1px}.dropdown-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f59e0b1a;border-bottom:1px solid rgba(71,85,105,.3);font-size:11px;color:#f59e0b}.dropdown-notice svg{flex-shrink:0;width:14px;height:14px}.half-day-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.half-day-options-inline{display:flex;gap:8px}.half-day-chip{display:flex;align-items:center;padding:6px 12px;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:20px;font-size:12px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.half-day-chip input{display:none}.half-day-chip.selected{background:#8b5cf626;border-color:#8b5cf6;color:#8b5cf6}.segment-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#8b5cf614;border-radius:8px;margin-top:4px}.segment-summary-left{display:flex;align-items:center;gap:10px}.segment-summary-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px}.segment-summary-dates{font-size:13px;color:#94a3b8}.half-day-tag{margin-left:6px;font-size:11px;color:#64748b}.segment-summary-days{font-size:14px;font-weight:600;color:#10b981}.segment-summary-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.segment-exclusions{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.segment-exclusions .exclusion-item{color:#f59e0b;font-weight:500}.segment-exclusions .exclusion-label{color:#64748b}.add-segment-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:transparent;border:2px dashed rgba(71,85,105,.4);border-radius:12px;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-segment-btn:not(.disabled):hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf60d}.add-segment-btn.disabled{opacity:.5;cursor:not-allowed}.add-segment-hint{text-align:center;font-size:12px;color:#64748b;margin-top:8px}.leave-summary-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px;margin-top:20px}.summary-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:16px}.summary-header svg{color:#8b5cf6}.leave-type-breakdown{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px dashed rgba(71,85,105,.3);margin-bottom:16px}.breakdown-item{display:flex;align-items:center;justify-content:space-between}.breakdown-type{display:flex;align-items:center;gap:10px}.breakdown-name{font-size:13px;color:#e2e8f0}.breakdown-details{display:flex;align-items:center;gap:10px}.breakdown-days{font-size:13px;font-weight:600;color:#e2e8f0}.breakdown-balance{font-size:12px;color:#10b981}.breakdown-balance.insufficient{color:#ef4444}.summary-total{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#94a3b8}.summary-total-left{display:flex;flex-direction:column;gap:4px}.total-exclusions{font-size:11px;color:#f59e0b}.total-value{font-size:18px;font-weight:700;color:#10b981}.insufficient-balance-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-top:16px;font-size:13px;color:#ef4444}.reason-card{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:20px;margin-top:20px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(71,85,105,.3)}[data-theme=light] .sidebar-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .sidebar-card-title{color:#1e293b}[data-theme=light] .sidebar-fy-badge,[data-theme=light] .segment-fy-tag{background:#3b82f61a}[data-theme=light] .label-fy-hint{color:#3b82f6}[data-theme=light] .fy-notice{background:#3b82f60d}[data-theme=light] .dropdown-notice{background:#f59e0b14}[data-theme=light] .balance-list-item{background:#f8fafc}[data-theme=light] .balance-item-name{color:#64748b}[data-theme=light] .balance-available{color:#1e293b}[data-theme=light] .leave-segment-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .leave-segment-card:hover{border-color:#8b5cf666}[data-theme=light] .segment-disabled-message{background:#f59e0b14}[data-theme=light] .half-day-chip{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .half-day-chip.selected{background:#8b5cf61a}[data-theme=light] .segment-summary{background:#8b5cf60d}[data-theme=light] .segment-summary-dates{color:#64748b}[data-theme=light] .add-segment-btn{border-color:#e2e8f0}[data-theme=light] .leave-summary-card,[data-theme=light] .reason-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .summary-header,[data-theme=light] .breakdown-name,[data-theme=light] .breakdown-days{color:#1e293b}[data-theme=light] .summary-total{color:#64748b}[data-theme=light] .form-actions{border-top-color:#e2e8f0}@media(max-width:900px){.apply-leave-container{grid-template-columns:1fr}.apply-leave-sidebar{position:static}}.form-section-divider{display:flex;align-items:center;gap:16px;margin:24px 0 16px}.form-section-divider:before,.form-section-divider:after{content:"";flex:1;height:1px;background:#4755694d}.form-section-divider span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.half-day-toggle{display:flex;align-items:center;gap:12px;margin:16px 0}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#47556966;border-radius:26px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{font-size:14px;font-weight:500;color:#e2e8f0}.half-day-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.half-day-option{display:flex;align-items:center;padding:16px;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.half-day-option:hover{border-color:#8b5cf666}.half-day-option.selected{border-color:#8b5cf6;background:#8b5cf61a}.half-day-option input{display:none}.half-day-option-content{display:flex;flex-direction:column;gap:2px}.half-day-time{font-size:14px;font-weight:600;color:#e2e8f0}.half-day-desc{font-size:12px;color:#64748b}.leave-calculation-card{background:#1e293b99;border:1px solid rgba(71,85,105,.3);border-radius:12px;margin:20px 0;overflow:hidden}.calculation-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#8b5cf61a;border-bottom:1px solid rgba(71,85,105,.3);color:#a78bfa;font-size:13px;font-weight:600}.calculation-header svg{width:16px;height:16px}.calculation-details{padding:16px}.calculation-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.calculation-row:not(:last-child){border-bottom:1px dashed rgba(71,85,105,.3)}.calculation-row .calc-label{font-size:13px;color:#94a3b8}.calculation-row .calc-value{font-size:13px;font-weight:600;color:#e2e8f0}.calculation-row.exclude .calc-label,.calculation-row.exclude .calc-value{color:#f59e0b}.calculation-row.total{padding-top:12px;margin-top:4px;border-top:1px solid rgba(71,85,105,.4);border-bottom:none}.calculation-row.total .calc-label{font-weight:600;color:#e2e8f0}.calculation-row.total .calc-value.highlight{font-size:16px;font-weight:700;color:#8b5cf6}.balance-after{background:#0f172a80;border-top:1px solid rgba(71,85,105,.3);padding:16px}.balance-after-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.balance-after-row span:first-child{color:#94a3b8}.balance-current{font-weight:600;color:#e2e8f0}.balance-remaining{font-weight:700;color:#10b981}.balance-remaining.insufficient{color:#ef4444}.insufficient-balance-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border-top:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:13px;font-weight:500}.insufficient-balance-warning svg{width:16px;height:16px;flex-shrink:0}[data-theme=light] .selected-leave-type .leave-type-name,[data-theme=light] .leave-option-content .leave-type-name{color:#1e293b}[data-theme=light] .form-section-divider:before,[data-theme=light] .form-section-divider:after{background:#e2e8f0}[data-theme=light] .toggle-slider{background:#cbd5e1}[data-theme=light] .toggle-label{color:#1e293b}[data-theme=light] .half-day-option{background:#fff;border-color:#e2e8f0}[data-theme=light] .half-day-option.selected{background:#8b5cf60d}[data-theme=light] .half-day-time{color:#1e293b}[data-theme=light] .leave-calculation-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .calculation-header{background:#8b5cf614;border-bottom-color:#e2e8f0}[data-theme=light] .calculation-row:not(:last-child){border-bottom-color:#e2e8f0}[data-theme=light] .calculation-row .calc-value{color:#1e293b}[data-theme=light] .calculation-row.total{border-top-color:#e2e8f0}[data-theme=light] .calculation-row.total .calc-label{color:#1e293b}[data-theme=light] .balance-after{background:#f1f5f9;border-top-color:#e2e8f0}[data-theme=light] .balance-current{color:#1e293b}[data-theme=light] .insufficient-balance-warning{background:#ef444414}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#1e293b99;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s ease}.stat-card:hover{background:#1e293bcc;border-color:#47556980;transform:translateY(-2px)}.stat-card.active{border-color:#8b5cf6;background:#8b5cf61a}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.pending{background:#f59e0b26;color:#f59e0b}.stat-icon.approved{background:#10b98126;color:#10b981}.stat-icon.rejected{background:#ef444426;color:#ef4444}.stat-icon.total{background:#8b5cf626;color:#8b5cf6}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:22px;font-weight:700;color:#f1f5f9}.stat-label{font-size:12px;color:#94a3b8}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.leave-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600}.leave-type-cell{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.duration-cell{display:flex;flex-direction:column;gap:2px;min-width:140px}.duration-cell .date-row{display:flex;align-items:center;gap:6px}.duration-cell .date-label{font-size:9px;color:#64748b;min-width:35px;flex-shrink:0}.duration-cell .date-text{font-size:10px;font-weight:500;color:#e2e8f0;white-space:nowrap}.date-separator{color:#64748b;font-size:10px}[data-theme=light] .duration-cell .date-text{color:#1e293b}.days-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:5px;font-size:10px;font-weight:600;color:#a78bfa;white-space:nowrap}.reason-text{font-size:13px;color:#94a3b8;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.action-btn.view{width:34px;height:34px;border-radius:8px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#818cf8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn.view:hover{background:#6366f133;border-color:#6366f1;transform:scale(1.05)}[data-theme=light] .action-btn.view{background:#6366f114;color:#4f46e5}.leave-details-modal{max-width:560px;width:95%}.modal-user-info{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1e293b99;border:1px solid rgba(71,85,105,.3);border-radius:12px;margin-bottom:24px}.modal-user-info .user-avatar{width:52px;height:52px;border-radius:12px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-user-details{flex:1;display:flex;flex-direction:column;gap:4px}.modal-user-name{font-size:18px;font-weight:600;color:#f1f5f9}.modal-user-designation{font-size:13px;color:#94a3b8}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-value{font-size:14px;color:#e2e8f0;font-weight:500}.detail-value.highlight{color:#e2e8f0;font-weight:500}.detail-value .leave-type-badge{font-size:12px;padding:5px 12px}.segments-list{display:flex;flex-direction:column;gap:10px}.segment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a66;border-radius:10px;border:1px solid rgba(71,85,105,.2)}.segment-type{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600}.segment-dates{flex:1;font-size:13px;font-weight:500;color:#e2e8f0}.segment-days{font-size:12px;color:#94a3b8;font-weight:500}.reason-box{padding:14px 16px;background:#0f172a66;border-radius:10px;border:1px solid rgba(71,85,105,.2);font-size:13px;color:#e2e8f0;line-height:1.6}.remark-by{display:block;margin-top:10px;font-size:12px;color:#64748b;font-style:italic}.label-hint{font-size:11px;color:#64748b;font-weight:400;margin-left:4px}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;font-family:inherit;padding:10px 20px;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;font-weight:600;font-family:inherit;padding:10px 20px;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ef444433;border-color:#ef444480}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.result-modal{max-width:380px;text-align:center;padding:32px}.result-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.result-icon.success{background:#10b98126;color:#10b981}.result-icon.error{background:#ef444426;color:#ef4444}.result-title{font-size:20px;font-weight:600;color:#f1f5f9;margin:0 0 8px}.result-message{font-size:14px;color:#94a3b8;margin:0 0 24px;line-height:1.5}[data-theme=light] .stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .stat-card:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .stat-card.active{border-color:#8b5cf6;background:#8b5cf60d}[data-theme=light] .stat-value{color:#1e293b}[data-theme=light] .modal-user-info{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .modal-user-name,[data-theme=light] .detail-value,[data-theme=light] .detail-value.highlight{color:#1e293b}[data-theme=light] .segment-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .segment-dates{color:#1e293b}[data-theme=light] .reason-box{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .result-title{color:#1e293b}[data-theme=light] .days-badge{background:#8b5cf61a;border-color:#8b5cf640}.status-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:10px;margin-bottom:24px}.status-banner-pending{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.status-banner-approved{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.status-banner-rejected{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-banner-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-banner-pending .status-banner-icon{background:#f59e0b33;color:#f59e0b}.status-banner-approved .status-banner-icon{background:#10b98133;color:#10b981}.status-banner-rejected .status-banner-icon{background:#ef444433;color:#ef4444}.status-banner-content{display:flex;flex-direction:column;gap:2px}.status-banner-title{font-size:15px;font-weight:600}.status-banner-pending .status-banner-title{color:#fbbf24}.status-banner-approved .status-banner-title{color:#34d399}.status-banner-rejected .status-banner-title{color:#f87171}.status-banner-subtitle{font-size:13px;color:#94a3b8}.employee-display-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f172a66;border:1px solid rgba(71,85,105,.3);border-radius:10px;margin-bottom:24px}.employee-display-avatar{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.employee-display-info{display:flex;flex-direction:column;gap:6px}.employee-display-header{display:flex;align-items:center;gap:12px}.employee-display-name{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.employee-id-badge{font-size:11px;font-weight:600;color:#a5b4fc;background:#6366f126;border:1px solid rgba(99,102,241,.3);padding:4px 10px;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.3px}.employee-display-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.employee-display-meta span{font-size:12px;color:#94a3b8}.employee-display-meta span:not(:last-child):after{content:"•";margin-left:12px;color:#475569}.form-value{font-size:11px;color:#e2e8f0;font-weight:500;padding:12px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;min-height:42px;display:flex;align-items:center}.form-value.highlight{color:#a78bfa;font-weight:600}.reason-display-box{font-size:11px;color:#cbd5e1;line-height:1.7;padding:12px 14px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:8px}.action-buttons-group{display:flex;align-items:center;gap:12px}[data-theme=light] .status-banner-pending{background:#f59e0b14;border-color:#f59e0b40}[data-theme=light] .status-banner-approved{background:#10b98114;border-color:#10b98140}[data-theme=light] .status-banner-rejected{background:#ef444414;border-color:#ef444440}[data-theme=light] .status-banner-subtitle{color:#64748b}[data-theme=light] .employee-display-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .employee-display-name{color:#1e293b}[data-theme=light] .employee-id-badge{background:#6366f11a;border-color:#6366f140;color:#6366f1}[data-theme=light] .employee-display-meta span{color:#64748b}[data-theme=light] .form-value{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .reason-display-box{background:#f8fafc;border-color:#e2e8f0;color:#475569}@media(max-width:768px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px}.action-buttons-group{width:100%;justify-content:stretch}.action-buttons-group button{flex:1}.status-banner{flex-direction:column;text-align:center}}@media(max-width:480px){.stats-grid-4{grid-template-columns:1fr}.employee-display-card{flex-direction:column;text-align:center}.employee-display-meta{justify-content:center}.action-buttons-group{flex-direction:column}}