@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--p-dark:#0b0b0e;--p-primary:#7c3aed;--p-light:#b79cf5;--p-accent:#22d3ee;--p-surface:#f5f3fa;--p-bgA:#e6e6fa;--p-bgB:#9932cc;--p-bgC:#240a24;--p-ink:#1b1826;--p-mute:#6b6680;--p-ok:#15803d;--p-warn:#b45309;--p-bad:#dc2626;--p-on:#fff;--p-rgb:27, 24, 38;--p-plot:#7c3aed;--p-dkbg:linear-gradient(135deg, #7c3aede0, #0b0b0ee6);--liquid-glass-bg:radial-gradient(130% 100% at 50% -20%, #ffffff9e 0%, #ffffff42 48%, #f6f0ff52 100%);--liquid-glass-blur:24px;--liquid-glass-border:1px solid #ffffffb8;--liquid-glass-shadow:0 16px 36px -10px #240a2412, 0 6px 16px -4px #9932cc0d, inset 0 1.5px 1.5px 0 #fffffff2, inset 0 -1.5px 2px 0 #9932cc14, inset 1px 0 2px 0 #fff6, inset -1px 0 2px 0 #fff6;--ease-standard:cubic-bezier(.2,0,0,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--dur-base:.24s}*{box-sizing:border-box}body{color:var(--p-ink);background:#eef0f4;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%;height:100vh}.app{background:var(--p-dark);width:100%;height:100%;color:var(--p-ink);padding:10px;font-family:inherit;display:flex;overflow:hidden}.sbar{flex-direction:column;flex-shrink:0;align-items:center;width:72px;padding-top:14px;display:flex;position:relative}.logo{text-align:center;height:36px;color:var(--p-light);margin-bottom:14px;font-size:24px;font-weight:800}.it{color:#716c87;cursor:pointer;z-index:2;justify-content:center;align-items:center;width:100%;height:46px;margin-bottom:18px;transition:all .25s;display:flex;position:relative}.it:hover{color:#ddd2ff}.it.on{color:var(--p-ink)}.tab{background:var(--p-surface);z-index:1;pointer-events:none;height:46px;transition:transform .45s var(--ease-spring);border-radius:23px 0 0 23px;position:absolute;top:0;left:8px;right:-1px}.tab:before,.tab:after{content:"";pointer-events:none;width:20px;height:20px;position:absolute;right:-1px}.tab:before{background:radial-gradient(circle at 0 0, transparent 19.5px, var(--p-surface) 20px);top:-20px}.tab:after{background:radial-gradient(circle at 0 100%, transparent 19.5px, var(--p-surface) 20px);bottom:-20px}.main{background:var(--p-surface);scroll-behavior:smooth;border-radius:20px;flex-direction:column;flex:1;min-width:0;height:100%;padding:0 22px 60px;display:flex;position:relative;overflow:hidden auto}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-track{background:0 0}.main::-webkit-scrollbar-thumb{background:#7c3aed38;border-radius:999px}.main::-webkit-scrollbar-thumb:hover{background:#7c3aed73}.main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 88% 8%,#9932cc38 0%,#0000 48%),radial-gradient(circle at 50% 108%,#e6e6fad9 0%,#0000 50%),radial-gradient(circle at 75% 60%,#7c3aed26 0%,#0000 40%),radial-gradient(circle at 35% 15%,#ddd2ff73 0%,#0000 35%);border-radius:20px;position:fixed;inset:10px 10px 10px 82px}.main>*{z-index:1;position:relative}.top{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f3fae0;border-bottom:1px solid #0000000d;border-top-left-radius:20px;border-top-right-radius:20px;align-items:center;gap:14px;margin-bottom:14px;margin-left:-22px;margin-right:-22px;padding:14px 22px;display:flex;position:sticky;top:0}.top b{min-width:120px;color:var(--p-ink);font-size:18px}.srch{max-width:300px;color:var(--p-ink);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:20px;outline:none;flex:1;padding:9px 16px;font-family:inherit;font-size:12px;box-shadow:inset 0 1px 2px #00000008}.av{background:linear-gradient(135deg, var(--p-accent), var(--p-primary));border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:auto;box-shadow:0 2px 8px #7c3aed40}.liquid-glass-card{background:var(--liquid-glass-bg);-webkit-backdrop-filter:blur(var(--liquid-glass-blur)) saturate(180%);backdrop-filter:blur(var(--liquid-glass-blur)) saturate(180%);border:var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow);color:var(--p-ink);border-radius:24px;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s;position:relative;overflow:hidden}.liquid-glass-card:hover{border-color:#fffffff2;box-shadow:0 24px 50px -12px #240a241a,0 8px 20px -6px #9932cc14,inset 0 1.5px 2px #fff,inset 0 -1.5px 2px #9932cc1a,inset 1px 0 2px #ffffff80,inset -1px 0 2px #ffffff80}.liquid-glass-card:before{content:"";filter:blur(.5px);pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#fffffff2 50%,#0000 100%);border-radius:999px;height:1.5px;position:absolute;top:0;left:14%;right:14%}.liquid-specular-pill{filter:blur(.5px);pointer-events:none;z-index:2;background:#ffffffeb;border-radius:999px;width:44px;height:3px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #7c3aed1f}.liquid-glass-card-dark{-webkit-backdrop-filter:blur(26px)saturate(175%);backdrop-filter:blur(26px)saturate(175%);color:#fff;background:radial-gradient(130% 90% at 50% -15%,#ffffff38 0%,#4c42606b 42%,#2a223a8f 100%),linear-gradient(165deg,#3a324a80 0%,#221b2ea6 100%);border:1px solid #ffffff61;border-radius:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s;position:relative;overflow:hidden;box-shadow:0 18px 40px -10px #241a3438,0 6px 16px -4px #7c3aed1f,inset 0 1.5px 1.5px #ffffffbf,inset 0 -1.5px 2px #7c3aed2e,inset 1px 0 2px #ffffff40,inset -1px 0 2px #ffffff40}.liquid-glass-card-dark:hover{border-color:#ffffff8c;transform:translateY(-2px);box-shadow:0 24px 48px -10px #241a3447,0 8px 20px -4px #7c3aed2e,inset 0 2px 2px #ffffffe6,inset 0 -1.5px 2px #7c3aed40}.liquid-glass-card-dark:before{content:"";filter:blur(.5px);pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffffe0 50%,#0000 100%);border-radius:999px;height:1.5px;position:absolute;top:0;left:14%;right:14%}.liquid-glass-pod{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff6b;border:1px solid #fffc;border-radius:16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 1.5px #9932cc0d,0 2px 8px #7c3aed0a}.liquid-glass-pod:hover{background:#ffffffa6;border-color:#fffffff2;box-shadow:inset 0 1.5px 1.5px #fff,0 4px 12px #7c3aed14}.liquid-glass-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--p-primary);cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffffffbf 0%,#ffffff59 60%,#f0ebff73 100%);border:1px solid #ffffffd9;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 1px #fffffff2,0 3px 8px #7c3aed0f}.liquid-glass-btn:hover{background:radial-gradient(circle at 35% 30%,#ffffffe0 0%,#ffffff7a 60%,#f0ebff94 100%);border-color:#fff;transform:translateY(-1.5px);box-shadow:inset 0 1.5px 1.5px #fff,0 6px 14px #7c3aed1f}.liquid-glass-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:1px solid #fff6;box-shadow:inset 0 1px 1px #fff9,0 6px 18px #7c3aed59}.liquid-glass-btn-primary:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:inset 0 1px 1px #ffffffb3,0 8px 22px #7c3aed73}.liquid-glass-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--p-ink);background:#ffffff8c;border:1px solid #ffffffd9;border-radius:9999px;box-shadow:inset 0 1px 1px #fffffff2,0 3px 8px #7c3aed0d}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff61 0%,#ffffffe0 50%,#ffffff61 100%) 0 0/200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite skeleton-shimmer}.skeleton-shimmer-dark{background:linear-gradient(90deg,#ffffff1a 0%,#ffffff52 50%,#ffffff1a 100%) 0 0/200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite skeleton-shimmer}.content-reveal{animation:.45s cubic-bezier(.16,1,.3,1) both contentReveal}@keyframes contentReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.glass{background:var(--liquid-glass-bg);-webkit-backdrop-filter:blur(var(--liquid-glass-blur)) saturate(180%);backdrop-filter:blur(var(--liquid-glass-blur)) saturate(180%);border:var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow);color:var(--p-ink);border-radius:20px;position:relative;overflow:hidden}.glass:before{content:"";filter:blur(.5px);pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffffeb 50%,#0000 100%);border-radius:999px;height:1.5px;position:absolute;top:0;left:14%;right:14%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.liquid-glass-card{background:#ffffffed}}.glass.dk{background:var(--p-dkbg);color:#fff;border-color:#ffffff47}.kp{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.kp>div{padding:13px}.l{color:var(--p-mute);font-size:11px}.dk .l{color:#ffffffbf}.k{margin:3px 0;font-size:24px;font-weight:800}.d{font-size:11px;font-weight:700}.ok{color:var(--p-ok)}.bad{color:var(--p-bad)}.dk .ok{color:var(--p-light)}.app.in .kp>div{animation:up .5s var(--ease-standard) both}.app.in .kp>div:nth-child(2){animation-delay:70ms}.app.in .kp>div:nth-child(3){animation-delay:.14s}.app.in .kp>div:nth-child(4){animation-delay:.21s}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kanban-board{flex:1;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:0 0}.kanban-board::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.kanban-col{background:#f5f3fa66;border-radius:16px;flex-direction:column;gap:12px;width:280px;min-width:280px;padding:12px;display:flex}.col-header{color:var(--p-ink);justify-content:space-between;margin-bottom:4px;padding:0 4px;font-size:13px;font-weight:700;display:flex}.col-count{color:var(--p-mute)}.kanban-card{cursor:grab;padding:14px;transition:transform .2s,box-shadow .2s}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 12px 32px rgba(var(--p-rgb), .16);transform:translateY(-2px)}.kc-header{justify-content:space-between;margin-bottom:2px;font-size:13px;font-weight:700;display:flex}.kc-body{color:var(--p-mute);margin-bottom:8px;font-size:12px}.kc-progress{background:#00000014;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.kc-progress i{background:var(--p-primary);border-radius:3px;height:100%;display:block}.chip{border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.dashboard-wrapper{flex-direction:column;gap:12px;padding-bottom:24px;display:flex;overflow-y:auto}.dashboard-wrapper::-webkit-scrollbar{width:6px}.dashboard-wrapper::-webkit-scrollbar-track{background:0 0}.dashboard-wrapper::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.g2{grid-template-columns:2fr 1fr;gap:12px;display:grid}.g2>div{min-height:200px;padding:16px 20px}.d-chart{flex-direction:column;display:flex}.chart-wrapper{flex:1;margin-top:10px;position:relative}.s-text{color:var(--p-mute);font-size:13px;font-weight:400}.bt{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bt>div{padding:14px 20px}.d-debtors b{font-size:14px}.debtors-list{margin:8px 0 0;padding:0;list-style:none}.debtors-list li{border-bottom:1px solid #0000000f;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.debtors-list li:last-child{border-bottom:none}.debtors-list li span{color:var(--p-ink)}.debtors-list li b{font-weight:700}.progress-section{border-bottom:1px solid #0000000f;margin-bottom:16px;padding-bottom:16px}.dashboard-wrapper.in .g2>div{animation:up .5s var(--ease-standard) both}.dashboard-wrapper.in .g2>div:first-child{animation-delay:.28s}.dashboard-wrapper.in .g2>div:nth-child(2){animation-delay:.35s}.dashboard-wrapper.in .bt>div{animation:up .5s var(--ease-standard) both}.dashboard-wrapper.in .bt>div:first-child{animation-delay:.38s}.dashboard-wrapper.in .bt>div:nth-child(2){animation-delay:.45s}.dashboard-wrapper.in .bt>div:nth-child(3){animation-delay:.52s}.view-wrapper{flex-direction:column;gap:16px;padding-bottom:24px;display:flex;overflow:visible}.filters-bar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pill-filters{gap:8px;display:flex}.pill{all:unset;cursor:pointer;color:var(--p-mute);background:#ffffff80;border:1px solid #0000001a;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.pill:hover{background:#fffc}.pill.active{background:var(--p-primary);color:var(--p-on);border-color:var(--p-primary)}.btn-primary{all:unset;cursor:pointer;background:var(--p-primary);color:var(--p-on);border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 8px 24px rgba(var(--p-rgb), .25);transform:translateY(-2px)}.table-container{overflow:hidden}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid #0000000f;padding:16px 20px;font-size:13px}.data-table th{color:var(--p-mute);font-size:12px;font-weight:600}.data-table tr:last-child td{border-bottom:none}div[style*="position: fixed"],div[style*=position\:fixed]{box-sizing:border-box}div[style*="position: fixed"][style*=z-index],div[style*="position: fixed"][style*=zIndex],div[style*=position\:fixed][style*=z-index],div[style*=position\:fixed][style*=zIndex]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto!important}div[style*="position: fixed"]>form,div[style*=position\:fixed]>form,div[style*="position: fixed"]>div:not([style*=position]):not([style*="display: contents"]),div[style*=position\:fixed]>div:not([style*=position]):not([style*="display: contents"]){box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto}@media print{.no-print,.sidebar{display:none!important}body,.main{color:#000;background:#fff}.glass{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}}.desktop-sidebar{display:flex}.mobile-bottom-nav{display:none!important}.header-desktop-actions{align-items:center;gap:14px;display:flex!important}.header-mobile-actions{display:none!important}.top-bar-responsive{z-index:10;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}@media (width<=768px){body,#root{background:var(--p-surface);height:100dvh;overflow:hidden}.app{position:relative;background:var(--p-surface)!important;flex-direction:column!important;height:100dvh!important;padding:0!important;overflow:hidden!important}.desktop-sidebar{display:none!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(24px)saturate(190%);z-index:1000;height:62px;padding-bottom:env(safe-area-inset-bottom,6px);box-sizing:border-box;background:#fffffff0;border-top:1px solid #00000014;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f;display:flex!important}.mobile-nav-btn{all:unset;cursor:pointer;color:#64748b;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mobile-nav-btn:active{transform:scale(.92)}.mobile-nav-btn.active{color:#7c3aed}.mobile-nav-icon{justify-content:center;align-items:center;width:26px;height:26px;transition:transform .2s;display:flex}.mobile-nav-btn.active .mobile-nav-icon{transform:translateY(-2px)}.mobile-nav-label{letter-spacing:-.01em;font-size:10px;font-weight:700}.mobile-nav-dot{background:#7c3aed;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;box-shadow:0 0 6px #7c3aed99}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0f172a8c;flex-direction:column;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-drawer-content{padding:16px 20px calc(24px + env(safe-area-inset-bottom,12px)) 20px;-webkit-overflow-scrolling:touch;background:#fff;border-radius:24px 24px 0 0;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 -10px 40px #0003}.mobile-drawer-handle{background:#e2e8f0;border-radius:999px;width:40px;height:5px;margin:0 auto 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.main:before{border-radius:0!important;inset:0!important}.header-desktop-actions{display:none!important}.header-mobile-actions{align-items:center;gap:10px;display:flex!important}.top{border-bottom:1px solid #0000000d!important;border-radius:0!important;margin-bottom:12px!important;margin-left:-14px!important;margin-right:-14px!important;padding:12px 14px!important}.top-bar-responsive{margin-bottom:12px}.main{padding:12px 14px calc(76px + env(safe-area-inset-bottom,16px)) 14px!important;-webkit-overflow-scrolling:touch!important;background:var(--p-surface)!important;border-radius:0!important;height:100%!important;overflow-y:auto!important}.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.dashboard-greeting-title{font-size:22px!important;line-height:1.2!important}.dashboard-greeting-sub{font-size:13px!important}.dashboard-header-right{justify-content:flex-start!important;gap:8px!important;width:100%!important}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.kpi-card-responsive{border-radius:16px!important;padding:14px!important}.kpi-card-responsive .kpi-value-text{margin:4px 0!important;font-size:22px!important}.table-container{-webkit-overflow-scrolling:touch!important;border-radius:14px!important;width:100%!important;overflow-x:auto!important}.filters-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filters-bar input{box-sizing:border-box!important;width:100%!important}.pill-filters{flex-wrap:wrap!important;gap:6px!important}.pill{padding:6px 12px!important;font-size:11px!important}.kp{grid-template-columns:1fr!important;gap:10px!important}.g2,.bt{grid-template-columns:1fr!important}.kanban-board{flex-direction:column!important;align-items:stretch!important}.kanban-col{width:100%!important;min-width:unset!important}.wa-layout{flex-direction:column!important;height:auto!important}.wa-sidebar{width:100%!important;height:250px!important}}
