@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-page{--login-primary:#2563eb;--login-primary-bright:#3b82f6;--login-accent:#60a5fa;--login-bg:#08111f;--login-glass:#ffffff1a;--login-glass-strong:#ffffff29;--login-line:#ffffff2e;--login-text:#fff;--login-muted:#ffffffbf;--login-soft:#ffffff94;--login-danger:#fecaca;isolation:isolate;min-height:100dvh;color:var(--login-text);background:linear-gradient(#080f1e73, #080f1e73), url(/login_bg.png) center / cover no-repeat, var(--login-bg);place-items:center;padding:clamp(28px,5vw,64px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.login-page,.login-page *{box-sizing:border-box}.login-page:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 45%,#60a5fa33,#0000 34%),linear-gradient(90deg,#08111fad,#08111f33 48%,#08111f9e);position:absolute;inset:0}.login-page:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:76px 76px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0009,#0000 70%);mask-image:radial-gradient(circle,#0009,#0000 70%)}.login-page__ambient{z-index:0;pointer-events:none;position:absolute;inset:0}.login-page__analytics,.login-page__widget{-webkit-backdrop-filter:blur(18px);opacity:.78;background:linear-gradient(145deg,#0a1a308f,#ffffff14);border:1px solid #60a5fa47;border-radius:22px;width:min(220px,18vw);min-width:170px;animation:8s ease-in-out infinite login-float;position:absolute;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff24}.login-page__analytics{grid-template-columns:1fr auto;gap:14px 10px;padding:20px;display:grid}.login-page__analytics--leads{top:7%;left:clamp(18px,4vw,72px)}.login-page__analytics--pipeline{animation-delay:-2.5s;top:27%;left:clamp(26px,5vw,92px)}.login-page__analytics span,.login-page__widget p{color:var(--login-muted);margin:0;font-size:.78rem;font-weight:500}.login-page__analytics strong{color:#f8fbff;letter-spacing:0;margin-top:8px;font-size:clamp(1.65rem,2.2vw,2.3rem);font-weight:500;line-height:1;display:block}.login-page__analytics small{color:#6ee7b7;align-self:start;padding-top:26px;font-size:.78rem;font-weight:600}.login-page__sparkline{opacity:.9;background:linear-gradient(135deg,#0000 6%,#38bdf8 7% 9%,#0000 10% 17%,#38bdf8 18% 20%,#0000 21% 30%,#38bdf8 31% 33%,#0000 34% 47%,#38bdf8 48% 50%,#0000 51% 62%,#38bdf8 63% 65%,#0000 66% 76%,#38bdf8 77% 79%,#0000 80%),linear-gradient(#60a5fa29,#60a5fa00);border-bottom:1px solid #60a5fa47;grid-column:1/-1;width:100%;height:34px}.login-page__sparkline--alt{filter:hue-rotate(18deg)}.login-page__widget{gap:10px;padding:18px;display:grid}.login-page__widget--activity{animation-delay:-4s;top:14%;right:clamp(16px,4vw,76px)}.login-page__widget--security{animation-delay:-1.5s;bottom:13%;right:clamp(22px,8vw,150px)}.login-page__widget-title{color:#f8fbff;align-items:center;gap:9px;font-size:.84rem;font-weight:700;display:flex}.login-page__widget-title svg{color:var(--login-accent)}.login-page__card{z-index:1;border:1px solid var(--login-line);background:var(--login-glass);-webkit-backdrop-filter:blur(30px);border-radius:28px;width:min(100%,480px);max-height:calc(100dvh - 56px);padding:34px 42px 30px;animation:.54s cubic-bezier(.16,1,.3,1) both login-card-in;position:relative;overflow:hidden auto;box-shadow:0 40px 100px #00000059}.login-page__card-shine{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-page__card-shine:before{content:"";background:linear-gradient(110deg,#0000,#ffffff2e,#0000);width:68%;height:190%;animation:7s ease-in-out infinite login-shimmer;position:absolute;top:-45%;left:-80%;transform:rotate(18deg)}.login-page__brand{text-align:center;justify-items:center;margin-bottom:18px;display:grid;position:relative}.login-page__logo-mark{background:linear-gradient(145deg,#fff3,#ffffff14);border:1px solid #ffffff38;border-radius:18px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden;box-shadow:0 16px 38px #2563eb38}.login-page__logo-mark img{-o-object-fit:contain;object-fit:contain;width:36px;height:36px}.login-page__brand-name{color:#fff;margin-top:12px;font-size:1.52rem;font-weight:700;line-height:1.1}.login-page__brand-name sup{color:#ffffffb8;letter-spacing:0;margin-left:3px;font-size:.46em;font-weight:600;position:relative;top:-.35em}.login-page__brand-subtitle{color:var(--login-muted);margin-top:7px;font-size:.84rem;font-weight:500}.login-page__header{text-align:center;margin-bottom:18px;position:relative}.login-page__header h1{color:var(--login-text);letter-spacing:0;margin:0;font-size:clamp(1.85rem,3vw,2.3rem);font-weight:700;line-height:1.05}.login-page__header p{max-width:340px;color:var(--login-muted);margin:9px auto 0;font-size:.98rem;font-weight:400;line-height:1.55}.login-page__error{color:var(--login-danger);background:#7f1d1d52;border:1px solid #f8717152;border-radius:16px;margin:0 0 18px;padding:12px 14px;font-size:.9rem;font-weight:600;position:relative}.login-page__form{gap:12px;display:grid;position:relative}.login-page__field{position:relative}.login-page__field-icon{z-index:2;color:var(--login-soft);pointer-events:none;transition:color .22s;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.login-page__field label{z-index:2;color:var(--login-muted);pointer-events:none;font-size:.98rem;font-weight:500;line-height:1;transition:transform .22s,color .22s,font-size .22s,top .22s;position:absolute;top:50%;left:51px;transform:translateY(-50%)}.login-page__input{color:#fff;width:100%;height:54px;font:inherit;background:#08111f57;border:1px solid #ffffff29;border-radius:16px;outline:none;padding:22px 50px 9px;font-size:1rem;font-weight:500;transition:border-color .22s,background-color .22s,box-shadow .22s;box-shadow:inset 0 1px #ffffff14}.login-page__field:focus-within .login-page__input{background:#08111f70;border-color:#60a5fab8;box-shadow:0 0 0 4px #2563eb2e,0 16px 34px #2563eb1f}.login-page__field:focus-within .login-page__field-icon{color:var(--login-accent)}.login-page__input:not(:-moz-placeholder-shown)+label{color:#ffffff9e;font-size:.72rem;top:11px;transform:translateY(0)}.login-page__input:focus+label,.login-page__input:not(:placeholder-shown)+label{color:#ffffff9e;font-size:.72rem;top:11px;transform:translateY(0)}.login-page__password-toggle{z-index:3;width:42px;height:42px;color:var(--login-soft);cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.login-page__password-toggle:hover{color:#fff;background:#ffffff1a}.login-page__options{justify-content:space-between;align-items:center;gap:14px;margin:0;display:flex}.login-page__remember{min-height:34px;color:var(--login-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.91rem;font-weight:500;display:inline-flex}.login-page__remember input{opacity:0;pointer-events:none;position:absolute}.login-page__remember-box{background:#ffffff14;border:1.5px solid #ffffff70;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid}.login-page__remember-box:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translateY(-1px)}.login-page__remember input:checked+.login-page__remember-box{border-color:var(--login-primary-bright);background:var(--login-primary);box-shadow:0 0 0 4px #2563eb2e}.login-page__remember input:checked+.login-page__remember-box:after{opacity:1}.login-page__forgot,.login-page__footer a{color:#93c5fd;font-weight:600;text-decoration:none;transition:color .18s}.login-page__forgot{flex:none;align-items:center;min-height:34px;font-size:.91rem;display:inline-flex}.login-page__forgot:hover,.login-page__footer a:hover{color:#bfdbfe}.login-page__submit,.login-page__google{width:100%;min-width:0;height:52px;font:inherit;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:12px;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s,opacity .25s;display:inline-flex}.login-page__submit{color:#fff;background:linear-gradient(#5bdece,#45c8bb);border:0;box-shadow:0 18px 38px #5bdece47}.login-page__submit:hover{transform:translateY(-2px);box-shadow:0 24px 46px #5bdece61,0 0 34px #5bdece3d}.login-page__submit:disabled{opacity:.72;cursor:not-allowed;transform:none}.login-page__submit--error{background:linear-gradient(#ef4444,#b91c1c);box-shadow:0 18px 38px #b91c1c42}.login-page__divider{color:#ffffff8f;letter-spacing:0;align-items:center;gap:15px;margin:17px 0 14px;font-size:.78rem;font-weight:600;display:flex}.login-page__divider:before,.login-page__divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff42,#0000);flex:1;height:1px}.login-page__google{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff17}.login-page__google:hover{background:#ffffff1f;border-color:#ffffff52;transform:translateY(-1px);box-shadow:0 16px 34px #0000002e}.login-page__google-icon{flex:none;width:21px;height:21px}.login-page__home-button{z-index:4;color:#ffffffe0;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:auto;min-width:0;height:38px;padding:0 12px;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:inline-flex;position:absolute;top:18px;right:18px;box-shadow:inset 0 1px #ffffff14}.login-page__home-button:hover{background:#2563eb29;border-color:#93c5fd6b;transform:translateY(-1px);box-shadow:0 16px 34px #00000029}.login-page__home-button svg{color:#93c5fd}.login-page__footer{color:var(--login-muted);text-align:center;justify-items:center;gap:8px;margin-top:18px;font-size:.93rem;font-weight:500;display:grid}.login-page__footer p,.login-page__footer small{margin:0}.login-page__footer small{color:#ffffff85;align-items:center;gap:7px;font-size:.76rem;font-weight:400;display:inline-flex}.login-page :is(a,button,input):focus-visible{outline-offset:3px;outline:2px solid #93c5fdf2}.login-page__remember:has(input:focus-visible) .login-page__remember-box{outline-offset:3px;outline:2px solid #93c5fdf2}@keyframes login-card-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-shimmer{0%,46%{transform:translate(0)rotate(18deg)}68%,to{transform:translate(330%)rotate(18deg)}}@keyframes login-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@media (width<=1180px){.login-page__analytics,.login-page__widget{opacity:.48}}@media (width<=900px){.login-page{background-position:50%;padding:clamp(20px,5vw,36px);overflow-y:auto}.login-page__card{padding:36px 34px 32px}.login-page__analytics,.login-page__widget{display:none}}@media (width<=560px){.login-page{align-items:center;padding:18px 0}.login-page__card{border-radius:24px;width:92%;max-height:none;padding:30px 20px 26px}.login-page__logo-mark{width:52px;height:52px}.login-page__brand,.login-page__header{margin-bottom:18px}.login-page__header p{font-size:.94rem}.login-page__options{flex-direction:column;align-items:flex-start;gap:4px}.login-page__forgot{min-height:34px}.login-page__home-button{height:34px;padding:0 10px;top:14px;right:14px}.login-page__home-button span{display:none}}@media (width<=360px){.login-page__card{padding-inline:16px}.login-page__input,.login-page__submit,.login-page__google{height:54px}.login-page__brand-name{font-size:1.28rem}}@media (width>=1600px){.login-page__card{width:500px}}@media (prefers-reduced-motion:reduce){.login-page__card,.login-page__card-shine:before,.login-page__analytics,.login-page__widget{animation:none}.login-page *,.login-page :before,.login-page :after{transition-duration:1ms!important}}.login-layout,.login-layout *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.login-layout{width:100%;min-width:0;height:auto;min-height:100dvh;display:flex;overflow-x:hidden}.login-quote-panel{background:linear-gradient(135deg,#0f172a,#1e293b);flex:1;justify-content:center;align-items:center;min-width:0;padding:40px;display:flex}.quote-box{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;max-width:450px;padding:40px}.quote-box h2{color:#94a3b8;text-transform:uppercase;margin-bottom:20px;font-size:.9rem}.quote-text{margin-bottom:20px;font-size:1.5rem}.quote-author{color:#cbd5e1}.login-form-panel{background:#f8fafc;flex:1;justify-content:center;align-items:center;min-width:0;min-height:100dvh;padding:clamp(20px,5vw,56px);display:flex;overflow-y:auto}.login-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:450px;padding:clamp(24px,4vw,40px);display:flex;box-shadow:0 10px 25px #0000000d}.login-card form,.login-header{width:100%}.login-card form{min-width:0;display:block}.login-logo{height:40px;margin-bottom:24px;display:block}.login-card h1{color:#1e293b;margin-bottom:8px;font-size:1.8rem}.subtitle{color:#64748b;margin-bottom:30px;font-size:.95rem}.form-group{width:100%;min-width:0;margin-bottom:20px;display:block}.form-group label{color:#334155;margin-bottom:8px;font-size:.9rem;display:block}.login-layout input{border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:14px 16px;font-size:1rem;transition:all .2s}.login-layout button,.login-layout input,.login-layout select,.login-layout textarea{box-sizing:border-box;max-width:100%}.login-layout input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.password-wrapper{width:100%;min-width:0;display:block;position:relative}.password-wrapper input{z-index:1;padding-right:52px;position:relative}.password-toggle-btn{cursor:pointer;z-index:10;pointer-events:auto;color:#64748b;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#1e293b}.login-options{justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;margin-bottom:24px;display:flex}.checkbox-label{color:#475569;align-items:center;gap:8px;display:flex}.forgot-password-link{color:#2563eb;font-weight:500;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.login-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.login-submit-btn:hover{background:#1e40af}.login-submit-btn:disabled{opacity:.6}.login-error{color:#b91c1c;text-align:center;background:#fee2e2;border-radius:6px;margin-bottom:20px;padding:10px}.signup-link{text-align:center;color:#64748b;margin-top:20px}.signup-link a{color:#2563eb;font-weight:600;text-decoration:none}@media (width<=900px){.login-layout{background:#f8fafc;display:block}.login-quote-panel{display:none}.login-form-panel{width:100%;min-height:100dvh;padding:clamp(20px,6vw,48px)}.login-card{max-width:520px}}.login-success{color:#065f46;background:#e6fffa;border-radius:6px;margin-bottom:12px;padding:10px;font-weight:500}.live-check-status{text-align:left;min-height:20px;margin-top:8px;margin-bottom:16px;font-size:.85rem;font-weight:500}.live-check-status:empty{display:none}.live-check-status .checking{color:#64748b}.live-check-status .exists{color:#059669}.live-check-status .not-found{color:#dc2626}.login-layout input.input-success{background-color:#f0fdf4;border-color:#10b981}.login-layout input.input-error{background-color:#fef2f2;border-color:#ef4444}.login-layout input.input-success:focus{box-shadow:0 0 0 3px #10b98126}.login-layout input.input-error:focus{box-shadow:0 0 0 3px #ef444426}.auth-success-overlay{width:100%;min-height:100dvh;padding:20px;position:fixed;inset:0;overflow-y:auto}.auth-success-modal{width:100%;max-width:400px}@media (width<=560px){.login-form-panel{align-items:flex-start;padding:16px}.login-card{border-radius:14px;margin:auto 0;padding:24px 18px}.login-card h1{font-size:clamp(1.55rem,8vw,1.9rem)}.subtitle{margin-bottom:22px;font-size:.9rem}.login-options{flex-direction:column;align-items:flex-start;gap:12px}.main-reset-card{padding:28px 18px!important}.auth-success-overlay{padding:16px;align-items:flex-start!important}.auth-success-modal{margin:auto 0;padding:26px 18px!important}.auth-success-modal br{display:none}}@media (height<=700px) and (width>=901px){.login-layout{min-height:100dvh}.login-quote-panel,.login-form-panel{min-height:100dvh;padding-block:24px}.quote-box,.login-card{padding:28px}}.crm-dashboard{--dash-bg:#f7faff;--dash-card:#fff;--dash-card-soft:#f8fbff;--dash-border:#dfe8f6;--dash-heading:#0b1228;--dash-text:#101936;--dash-muted:#657494;--dash-blue:#2563eb;--dash-green:#16a76d;--dash-orange:#f59e0b;--dash-red:#ef4444;--dash-purple:#7c3aed;--dash-shadow:0 18px 50px #15204412;--dash-blue-soft:#eaf1ff;--dash-green-soft:#e7f8ef;--dash-orange-soft:#fff3e4;--dash-purple-soft:#f2e9ff;--dash-red-soft:#ffe9ec;--dash-neutral-soft:#eef3fb;--dash-tooltip-shadow:0 16px 38px #0f172a21;width:100%;min-height:100%;color:var(--dash-text);flex-direction:column;gap:18px;display:flex}.dark .crm-dashboard{--dash-bg:#0f172a;--dash-card:#111827;--dash-card-soft:#172033;--dash-border:#26344c;--dash-heading:#f8fbff;--dash-text:#eef5ff;--dash-muted:#9cadc7;--dash-blue:#60a5fa;--dash-shadow:0 18px 50px #00000047;--dash-blue-soft:#2563eb2e;--dash-green-soft:#16a76d29;--dash-orange-soft:#f59e0b29;--dash-purple-soft:#7c3aed2e;--dash-red-soft:#ef44442b;--dash-neutral-soft:#94a3b824;--dash-tooltip-shadow:0 18px 46px #00000057}.dashboard-hero{border:1px solid var(--dash-border);background:linear-gradient(135deg, color-mix(in srgb, var(--dash-card) 92%, var(--dash-blue-soft)) 0%, var(--dash-card) 58%, color-mix(in srgb, var(--dash-card) 92%, var(--dash-green-soft)) 100%);box-shadow:var(--dash-shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.dashboard-hero-copy{z-index:1;min-width:0;position:relative}.dashboard-kicker{color:var(--dash-blue);text-transform:uppercase;letter-spacing:.08em;background:var(--dash-blue-soft);border:1px solid color-mix(in srgb, var(--dash-blue) 18%, var(--dash-border));border-radius:999px;align-items:center;margin:0 0 10px;padding:7px 10px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.dashboard-hero h1{color:var(--dash-heading);letter-spacing:0;-webkit-text-fill-color:currentColor;margin:0;font-size:clamp(32px,3.4vw,48px);font-weight:950;line-height:1.05}.dashboard-hero p{color:var(--dash-muted);max-width:760px;margin:10px 0 0;font-size:15px;font-weight:750}.dashboard-greeting{align-items:center;gap:8px;display:inline-flex}.dashboard-greeting svg{color:var(--dash-orange);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--dash-orange) 30%, transparent));flex:none}.dashboard-hero-panel{z-index:1;border:1px solid var(--dash-border);background:linear-gradient(135deg, color-mix(in srgb, var(--dash-card) 92%, transparent), color-mix(in srgb, var(--dash-card) 74%, var(--dash-blue-soft))), color-mix(in srgb, var(--dash-card) 88%, transparent);border-radius:8px;flex:none;align-items:center;gap:10px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff42}.hero-status-pill{z-index:1;height:38px;color:var(--dash-green);background:var(--dash-green-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex;position:relative}.hero-status-pill.muted{color:var(--dash-blue);background:var(--dash-blue-soft)}.hero-live-icon-wrap{flex:none;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex;position:relative}.hero-live-icon{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--dash-green) 48%, transparent));position:absolute;inset:0;overflow:visible}.hero-live-icon-base{opacity:.38}.hero-live-icon-base *{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.hero-live-icon-trace *{stroke-dasharray:22 58;stroke-dashoffset:-80px;stroke-linecap:round;animation:2.6s cubic-bezier(.45,0,.2,1) infinite hero-live-trace}@keyframes hero-live-trace{to{stroke-dashoffset:0}}.dashboard-card-header button{border:1px solid var(--dash-border);background:var(--dash-card);height:42px;color:var(--dash-text);font:inherit;cursor:pointer;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.dashboard-alert{color:#895b00;background:#fff7db;border:1px solid #f7c96a;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:750}.dark .dashboard-alert{color:#fbbf24;background:#f59e0b1f}.dashboard-kpis{grid-template-columns:repeat(6,minmax(160px,1fr));gap:14px;display:grid}.dashboard-kpi{border:1px solid var(--dash-border);background:var(--dash-card);text-align:left;min-height:112px;color:var(--dash-text);cursor:pointer;box-shadow:var(--dash-shadow);border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:18px;transition:transform .2s,border-color .2s;display:grid}.dashboard-kpi:hover{border-color:color-mix(in srgb, var(--dash-blue) 42%, var(--dash-border));transform:translateY(-2px)}.kpi-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.kpi-1{background:var(--dash-blue-soft);color:var(--dash-blue)}.kpi-2{background:var(--dash-green-soft);color:var(--dash-green)}.kpi-3{background:var(--dash-orange-soft);color:var(--dash-orange)}.kpi-4{background:var(--dash-purple-soft);color:var(--dash-purple)}.kpi-5{background:var(--dash-green-soft);color:var(--dash-green)}.kpi-6{background:var(--dash-red-soft);color:var(--dash-red)}.kpi-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.kpi-copy span{color:var(--dash-muted);font-size:12px;font-weight:800}.kpi-copy strong{color:var(--dash-text);font-size:26px;font-weight:900;line-height:1}.kpi-copy small{color:var(--dash-muted);font-size:12px;font-weight:700}.dashboard-grid{grid-template-rows:240px auto auto auto;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr) minmax(330px,1.15fr);grid-auto-rows:auto;align-items:start;gap:16px;display:grid}.dashboard-card{background:var(--dash-card);border:1px solid var(--dash-border);box-shadow:var(--dash-shadow);border-radius:8px;min-width:0;padding:18px}.leads-overview{grid-area:1/1;height:240px;min-height:240px;max-height:240px}.pipeline-card{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 94%, var(--dash-blue-soft)) 0%, var(--dash-card) 100%);flex-direction:column;grid-area:1/2;height:240px;min-height:240px;max-height:240px;display:flex;overflow:hidden}.pipeline-card .dashboard-card-header{flex:none}.list-card{min-height:360px}.collection-weightage-card{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 94%, var(--dash-green-soft)) 0%, var(--dash-card) 100%);flex-direction:column;height:420px;min-height:420px;max-height:420px;display:flex;overflow:hidden}.source-card{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 96%, var(--dash-green-soft)) 0%, var(--dash-card) 100%);flex-direction:column;grid-area:2/1;align-self:stretch;height:300px;min-height:300px;max-height:300px;display:flex;overflow:hidden}.funnel-card{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 95%, var(--dash-orange-soft)) 0%, var(--dash-card) 100%);flex-direction:column;grid-area:2/2;align-self:stretch;height:300px;min-height:300px;max-height:300px;display:flex;overflow:hidden}.recent-activities-card{flex-direction:column;grid-area:1/3;height:720px;min-height:720px;max-height:720px;display:flex;overflow:hidden}.source-card .donut-layout,.funnel-card .funnel-stack{flex:1;place-content:center}.collection-bars{border:1px solid color-mix(in srgb, var(--dash-border) 86%, transparent);background:color-mix(in srgb, var(--dash-card) 82%, transparent);border-radius:8px;flex:1;align-content:start;gap:0;min-height:0;padding-right:6px;display:grid;overflow-y:auto}.collection-bars::-webkit-scrollbar{width:6px}.collection-bars::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dash-muted) 34%, transparent);border-radius:999px}.collection-bar-row{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 82%, transparent);grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);gap:12px;padding:14px;display:grid}.collection-bar-row:last-child{border-bottom:0}.collection-stage-name{color:var(--dash-heading);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:12px;font-weight:950;line-height:1.25;overflow:hidden}.collection-bar-stack{gap:8px;min-width:0;display:grid}.collection-bar-line{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.collection-bar-label{color:var(--dash-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:900}.collection-bar-track{background:var(--dash-neutral-soft);border-radius:999px;min-width:0;height:24px;overflow:hidden}.collection-bar-track i{border-radius:inherit;color:#fff;justify-content:flex-end;align-items:center;min-width:64px;height:100%;padding:0 9px;font-style:normal;display:flex;box-shadow:inset 0 1px #ffffff2e}.collection-bar-track b{white-space:nowrap;font-size:11px;font-weight:950;line-height:1}.collection-total-bar{background:linear-gradient(90deg,#2563eb,#38bdf8)}.collection-expected-bar{background:linear-gradient(90deg,#16a76d,#2dd4bf)}.performers-card{grid-area:4/1/auto/span 2}.payment-status-card{grid-area:3/1/auto/span 2;min-width:0}.dashboard-side-stack{flex-direction:column;grid-area:1/3/span 5;align-self:start;gap:18px;min-width:0;display:flex}.followups-card{flex-direction:column;height:500px;min-height:500px;display:flex;overflow:hidden}.deal-amount-card{background:var(--dash-card);border-color:var(--dash-border);min-height:330px;box-shadow:var(--dash-shadow);flex-direction:column;align-self:stretch;padding:18px;display:flex;overflow:hidden}.dashboard-card-header.deal-amount-header{align-items:center;margin-bottom:14px}.deal-amount-header>div{min-width:0}.dashboard-card-header.deal-amount-header h2{letter-spacing:0;font-size:16px}.deal-amount-header small{color:var(--dash-muted);margin-top:4px;font-size:12px;font-weight:760;display:block}.dashboard-card-header.deal-amount-header button{width:34px;height:34px;color:var(--dash-text);background:var(--dash-card);box-shadow:none;border-radius:8px;padding:0}.deal-total-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px;display:grid}.deal-total-strip span{border:1px solid color-mix(in srgb, var(--dash-border) 86%, transparent);background:var(--dash-card-soft);border-radius:8px;min-width:0;padding:10px 12px}.deal-total-strip small{color:var(--dash-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:900;display:block}.deal-total-strip strong{color:var(--dash-text);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:16px;font-weight:950;line-height:1.15;display:block;overflow:hidden}.dashboard-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-card-header h2{color:var(--dash-text);margin:0;font-size:16px;font-weight:900;line-height:1.2}.dashboard-card-header button{height:34px;box-shadow:none;padding:0 12px;font-size:12px}.dashboard-card-header button:disabled{cursor:default;color:var(--dash-muted);background:var(--dash-card-soft)}.chart-tall{height:166px}.donut-legend span{align-items:center;gap:8px;display:inline-flex}.donut-legend i,.dashboard-tooltip i{border-radius:50%;flex:none;width:8px;height:8px}.leads-overview{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 92%, var(--dash-blue-soft)) 0%, var(--dash-card) 100%)}.leads-overview .dashboard-card-header{margin-bottom:6px}.donut-layout{grid-template-columns:minmax(150px,.88fr) minmax(185px,1fr);align-items:center;gap:20px;min-height:176px;display:grid}.donut-layout.compact{grid-template-columns:minmax(150px,.72fr) minmax(0,1fr);gap:22px}.pipeline-card .donut-layout.compact{flex:1;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:16px;min-height:0;overflow:hidden}.deal-donut-layout{cursor:pointer;outline:none;flex:1;grid-template-columns:minmax(132px,.68fr) minmax(0,1fr);align-items:center;gap:16px;min-height:0}.deal-donut-layout:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--dash-blue) 28%, transparent);border-radius:8px}.donut-chart{filter:drop-shadow(0 12px 22px #0f172a14);width:100%;min-width:0;height:178px;position:relative}.donut-layout.compact .donut-chart{filter:drop-shadow(0 10px 20px #0f172a0f);justify-self:center;width:168px;height:168px}.pipeline-card .donut-layout.compact .donut-chart{width:148px;height:148px}.donut-chart:before{content:"";background:var(--dash-card);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-border) 70%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:19%}.donut-layout.compact .donut-chart:before{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-border) 70%, transparent), 0 10px 24px #0f172a0d;inset:20%}.donut-center{text-align:center;pointer-events:none;z-index:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.donut-center strong{font-size:28px;font-weight:900;line-height:1;display:block}.donut-layout.compact .donut-center strong{font-size:26px}.pipeline-card .donut-layout.compact .donut-center strong{font-size:24px}.deal-amount-card .donut-center strong{letter-spacing:0;text-transform:uppercase;font-size:14px}.donut-center span{color:var(--dash-muted);margin-top:6px;font-size:12px;font-weight:850;display:block}.donut-layout.compact .donut-center span{letter-spacing:0;font-size:11px}.pipeline-card .donut-layout.compact .donut-center span{font-size:10px}.deal-amount-card .donut-center span{max-width:70px;margin-inline:auto;font-size:10px;line-height:1.35}.deal-amount-card .donut-chart{filter:drop-shadow(0 10px 20px #0f172a12);justify-self:center;width:140px;height:140px}.deal-amount-card .donut-chart:before{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-border) 78%, transparent), 0 10px 24px #0f172a0f;inset:22%}.deal-amount-card .donut-legend{gap:0;max-height:236px;padding:0 8px 0 0}.deal-amount-card .donut-legend span{border:0;border-bottom:1px solid color-mix(in srgb, var(--dash-border) 86%, transparent);letter-spacing:0;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:4px;min-height:42px;padding:8px 0;font-size:11px;display:grid}.deal-amount-card .donut-legend span:last-child{border-bottom:0}.deal-amount-card .donut-legend em{text-transform:uppercase;gap:9px;font-weight:900}.deal-amount-card .donut-legend i{width:10px;height:10px}.deal-amount-card .donut-legend b{color:var(--dash-muted);padding-left:19px;font-size:11px;font-weight:850}.donut-legend{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--dash-muted) 34%, transparent) transparent;flex-direction:column;gap:7px;min-width:0;max-height:188px;padding:1px 5px 1px 0;display:flex;overflow-y:auto}.donut-legend::-webkit-scrollbar{width:6px}.donut-legend::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dash-muted) 34%, transparent);border-radius:999px}.donut-legend span{background:color-mix(in srgb, var(--dash-card-soft) 78%, transparent);min-height:34px;color:var(--dash-text);border:1px solid #0000;border-radius:8px;justify-content:space-between;min-width:0;padding:7px 9px;font-size:11px;font-weight:850;transition:border-color .2s,background-color .2s,transform .2s}.donut-layout.compact .donut-legend{gap:0;max-height:184px;padding:0 6px 0 0;overflow-x:hidden}.pipeline-card .donut-layout.compact .donut-legend{height:100%;max-height:none;padding-right:8px;overflow:hidden auto}.donut-layout.compact .donut-legend span{border:0;border-bottom:1px solid color-mix(in srgb, var(--dash-border) 82%, transparent);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) max-content;gap:10px;min-height:38px;padding:9px 0;font-size:12px;display:grid}.pipeline-card .donut-layout.compact .donut-legend span{min-height:34px;padding:7px 0;font-size:11px}.donut-layout.compact .donut-legend span:last-child{border-bottom:0}.donut-legend span:hover{border-color:color-mix(in srgb, var(--dash-blue) 36%, var(--dash-border));background:var(--dash-card);transform:translate(1px)}.donut-layout.compact .donut-legend span:hover{border-color:color-mix(in srgb, var(--dash-border) 82%, transparent);background:color-mix(in srgb, var(--dash-card-soft) 72%, transparent)}.donut-legend em{min-width:0;color:var(--dash-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-style:normal;display:inline-flex;overflow:hidden}.donut-legend b{color:var(--dash-muted);white-space:nowrap;font-size:11px;font-weight:850}.donut-layout.compact .donut-legend b{font-size:12px}.pipeline-card .donut-layout.compact .donut-legend b{font-size:11px}.deal-error{color:#dc2626;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.dark .deal-error{color:#fca5a5}.deal-amount-shimmer{min-height:260px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activity-list,.follow-list,.performer-list{flex-direction:column;gap:12px;display:flex}.activity-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--dash-muted) 32%, transparent) transparent;flex:1;gap:0;min-height:0;max-height:none;padding-right:8px;overflow-y:auto}.follow-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--dash-muted) 32%, transparent) transparent;flex:1;gap:0;min-height:0;padding-right:8px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px}.follow-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dash-muted) 32%, transparent);border-radius:999px}.follow-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dash-muted) 32%, transparent);border-radius:999px}.activity-row,.follow-row,.performer-row{align-items:center;gap:12px;min-width:0;display:grid}.activity-row{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 82%, transparent);border-radius:10px;grid-template-columns:54px minmax(0,1fr) auto;min-height:66px;padding:12px 4px;transition:background-color .2s,transform .2s}.activity-row:last-child{border-bottom:0}.activity-row:hover{background:var(--dash-card-soft);transform:translate(1px)}.follow-row{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 82%, transparent);grid-template-columns:38px minmax(0,1fr) auto;min-height:64px;padding:12px 4px}.follow-row:last-child{border-bottom:0}.performer-row{grid-template-columns:18px 34px minmax(0,1fr) auto}.activity-icon,.follow-avatar,.avatar{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:inline-flex;overflow:hidden}.activity-icon{width:48px;height:48px}.avatar{background:var(--dash-blue-soft);width:34px;height:34px;color:var(--dash-blue)}.avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tone-1{background:var(--dash-green-soft);color:var(--dash-green)}.tone-2{background:var(--dash-blue-soft);color:var(--dash-blue)}.tone-3{background:var(--dash-purple-soft);color:var(--dash-purple)}.tone-4{background:var(--dash-orange-soft);color:var(--dash-orange)}.tone-5{background:var(--dash-red-soft);color:var(--dash-red)}.activity-row span:nth-child(2),.follow-row span:nth-child(2),.performer-main{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-row strong,.follow-row strong,.performer-name{color:var(--dash-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.activity-row small,.follow-row small{color:var(--dash-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:760;overflow:hidden}.activity-row time,.follow-row time{color:var(--dash-muted);white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:850;display:inline-flex}.funnel-stack{flex-direction:column;gap:12px;padding:8px 0 4px;display:flex}.funnel-summary{border:1px solid var(--dash-border);background:color-mix(in srgb, var(--dash-card-soft) 78%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 8px;padding:10px 12px;display:flex}.funnel-summary span{color:var(--dash-muted);font-size:12px;font-weight:850}.funnel-summary strong{color:var(--dash-text);font-size:20px;font-weight:950;line-height:1}.funnel-row{grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:14px;min-width:0;display:grid}.funnel-bar{color:#fff;text-align:center;clip-path:polygon(0 0,100% 0,91% 100%,9% 100%);justify-content:center;justify-self:center;align-items:center;min-width:92px;height:42px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 20px #0f172a12}.funnel-cold{background:#f59e0b}.funnel-warm{background:#8b5cf6}.funnel-hot{background:#2fbf8f}.funnel-row strong{text-align:right;color:var(--dash-text);font-size:16px;font-weight:900}.rank{color:var(--dash-muted);font-size:12px;font-weight:900}.performer-bar{background:var(--dash-card-soft);border-radius:999px;width:100%;height:6px;overflow:hidden}.performer-bar i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#8b5cf6);height:100%;display:block}.performer-row strong{color:var(--dash-muted);white-space:nowrap;font-size:12px;font-weight:900}.dashboard-tooltip{border:1px solid color-mix(in srgb, var(--dash-blue) 22%, var(--dash-border));background:color-mix(in srgb, var(--dash-card) 96%, var(--dash-card-soft));min-width:170px;box-shadow:var(--dash-tooltip-shadow), 0 0 0 1px #fff6;color:var(--dash-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;flex-direction:column;gap:8px;padding:12px;font-size:12px;font-weight:800;display:flex}.dashboard-tooltip strong{color:var(--dash-heading);font-weight:900}.dashboard-tooltip span{align-items:center;gap:8px;display:inline-flex}.donut-tooltip{gap:9px;min-width:190px}.tooltip-title-row{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 82%, transparent);grid-template-columns:10px minmax(0,1fr);align-items:center;gap:9px;padding-bottom:8px;display:grid}.tooltip-title-row i{border-radius:50%;width:10px;height:10px}.tooltip-title-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-metric-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.tooltip-metric-row span{color:var(--dash-muted);font-size:11px;font-weight:850}.tooltip-metric-row b{color:var(--dash-text);white-space:nowrap;font-size:12px;font-weight:950}.dark .dashboard-tooltip{background:color-mix(in srgb, var(--dash-card) 92%, #020617);box-shadow:var(--dash-tooltip-shadow), 0 0 0 1px #ffffff0a}.dashboard-empty{border:1px dashed var(--dash-border);min-height:150px;color:var(--dash-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:850;display:flex}.dashboard-skeleton{grid-template-columns:repeat(6,minmax(160px,1fr));gap:16px;display:grid}.dashboard-shimmer{background:linear-gradient(90deg, var(--dash-card) 0%, var(--dash-card-soft) 45%, var(--dash-card) 90%);border:1px solid var(--dash-border);background-size:240% 100%;border-radius:8px;min-height:132px;animation:1.2s ease-in-out infinite shimmer}.payment-kpis{grid-template-columns:repeat(5,minmax(180px,1fr))}.payment-kpi{cursor:default}.payment-kpi:hover{transform:none}.payment-kpi .kpi-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px,1.5vw,24px);overflow:hidden}.payment-positive{color:var(--dash-green)!important}.payment-warning{color:var(--dash-orange)!important}.payment-danger{color:var(--dash-red)!important}.payment-analytics-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.75fr);gap:16px;display:grid}.payment-ratio-card,.payment-bars-card,.payment-ledger-card{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 96%, var(--dash-blue-soft)) 0%, var(--dash-card) 100%)}.payment-ratio-card .dashboard-card-header h2,.payment-bars-card .dashboard-card-header h2{align-items:center;gap:8px;display:inline-flex}.payment-donut{filter:drop-shadow(0 12px 22px #0f172a14);height:210px;position:relative}.payment-donut:before{content:"";background:var(--dash-card);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dash-border) 70%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:24%}.payment-chart-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--dash-muted) 34%, transparent) transparent;width:100%;padding-bottom:4px;overflow-x:auto}.payment-chart-scroll::-webkit-scrollbar{height:6px}.payment-chart-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dash-muted) 34%, transparent);border-radius:999px}.payment-bar-canvas{min-width:620px;height:210px}.payment-ledger-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.payment-ledger-header h2{color:var(--dash-text);margin:0;font-size:16px;font-weight:900;line-height:1.2}.payment-ledger-header p{color:var(--dash-muted);margin:5px 0 0;font-size:12px;font-weight:760}.payment-search{flex:none;width:min(320px,100%);display:block;position:relative}.payment-search svg{color:var(--dash-muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.payment-search input{border:1px solid var(--dash-border);background:var(--dash-card-soft);width:100%;height:42px;color:var(--dash-text);font:inherit;border-radius:8px;outline:none;padding:0 14px 0 40px;font-size:13px;font-weight:760;transition:border-color .2s,box-shadow .2s}.payment-search input:focus{border-color:color-mix(in srgb, var(--dash-blue) 50%, var(--dash-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--dash-blue) 18%, transparent)}.payment-table-wrap{border:1px solid var(--dash-border);border-radius:8px;overflow-x:auto}.payment-table{border-collapse:collapse;text-align:left;width:100%;min-width:1060px;font-size:13px}.payment-table th{background:var(--dash-card-soft);color:var(--dash-muted);border-bottom:1px solid var(--dash-border);text-transform:uppercase;padding:14px 16px;font-size:11px;font-weight:900}.payment-table td{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 86%, transparent);color:var(--dash-text);vertical-align:middle;padding:15px 16px;font-weight:800}.payment-table tr:last-child td{border-bottom:0}.payment-row{cursor:pointer;transition:background-color .2s}.payment-row:hover{background:var(--dash-card-soft)}.payment-lead-link{align-items:center;gap:8px;min-width:0;max-width:260px;font-weight:900;display:inline-flex}.payment-lead-link svg{color:var(--dash-muted);flex:none}.payment-progress{align-items:center;gap:8px;display:flex}.payment-progress-track{background:color-mix(in srgb, var(--dash-muted) 18%, transparent);border-radius:999px;flex:none;width:120px;height:7px;overflow:hidden}.payment-progress-track i{border-radius:inherit;height:100%;display:block}.payment-progress span:last-child{color:var(--dash-muted);font-size:11px;font-weight:900}.payment-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.payment-badge.badge-success{background:var(--dash-green-soft);color:var(--dash-green)}.payment-badge.badge-warning{background:var(--dash-orange-soft);color:var(--dash-orange)}.payment-badge.badge-danger{background:var(--dash-red-soft);color:var(--dash-red)}.payment-empty{border:0;min-height:180px}.dashboard-shimmer:nth-child(n+7){grid-column:span 2;min-height:280px}.payment-skeleton .dashboard-shimmer:nth-child(n+6){grid-column:span 3;min-height:250px}@keyframes shimmer{to{transform:translate(100%)}}@media (width<=1500px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(180px,1fr))}.payment-analytics-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.leads-overview,.pipeline-card,.source-card,.funnel-card,.collection-weightage-card,.recent-activities-card,.payment-status-card,.performers-card,.dashboard-side-stack{grid-area:auto;max-height:none}.payment-status-card,.recent-activities-card{grid-column:span 2}}@media (width<=980px){.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-hero-panel{flex-wrap:wrap;width:100%}.hero-status-pill{flex:150px;justify-content:center}.dashboard-kpis,.dashboard-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.payment-ledger-header{flex-direction:column}.payment-search{width:100%}.list-card:last-child,.dashboard-side-stack{grid-column:auto}}@media (width<=720px){.crm-dashboard{gap:14px}.leads-overview,.pipeline-card{height:auto;max-height:none}.pipeline-card .donut-layout.compact{min-height:360px;overflow:visible}.pipeline-card .donut-layout.compact .donut-legend{max-height:180px}.dashboard-kpi{min-height:118px;padding:14px}.dashboard-card{padding:14px}.deal-amount-card{min-height:0;padding:18px}.deal-amount-header{align-items:flex-start;margin-bottom:18px}.deal-amount-header button{width:46px;height:46px}.donut-layout,.donut-layout.compact{grid-template-columns:minmax(0,1fr)}.donut-chart{height:220px}.deal-donut-layout{gap:18px;min-height:0}.deal-amount-card .donut-chart{width:min(260px,100%);height:260px}.deal-amount-card .donut-center strong{font-size:14px}.deal-amount-card .donut-center span{font-size:10px}.deal-amount-card .donut-legend{max-height:240px}.deal-amount-card .donut-legend span{min-height:54px;padding:12px 0;font-size:14px}.deal-amount-card .donut-legend b{font-size:13px}.activity-row,.follow-row{grid-template-columns:38px minmax(0,1fr)}.activity-row time,.follow-row time{grid-column:2}.performer-row{grid-template-columns:18px 34px minmax(0,1fr)}.performer-row strong{grid-column:3}}.leads-container{--leads-design-width:1180;--leads-scale:1;background:var(--l-bg);min-height:100vh;padding:28px;transition:all .3s;overflow-x:hidden;container-type:inline-size}.leads-container *,.leads-container :before,.leads-container :after{box-sizing:border-box}.leads-scale-shell{transform-origin:0 0;width:100%;min-width:0;transition:transform .2s,width .2s}@container (width<=1180px){.leads-scale-shell{--leads-scale:max(.72, calc((100cqw - 56px) / 1180));width:calc(100% / var(--leads-scale));transform:scale(var(--leads-scale))}}@container (width<=760px){.leads-scale-shell{--leads-scale:1;width:100%;transform:none}}.auto-dial-pill{background:var(--l-card)!important;border:1px solid var(--l-border)!important;color:var(--l-text)!important;border-radius:100px!important;align-items:center!important;gap:12px!important;padding:8px 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 6px -1px #0000001a!important}.auto-dial-pill:hover{border-color:var(--l-accent)!important;transform:translateY(-2px)!important;box-shadow:0 10px 15px -3px #0000001a!important}.auto-dial-pill.active{background:var(--l-accent-light)!important;border-color:var(--l-accent)!important}.premium-header{background:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);border-radius:16px;flex-direction:column;gap:18px;margin-bottom:24px;padding:22px;display:flex}.leads-breadcrumbs{color:var(--l-text-muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.breadcrumb-item.active{color:var(--l-text)}.header-top-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.header-actions{flex:auto;justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.branding{align-items:center;gap:16px;display:flex}.icon-box{background:var(--l-accent);color:#fff;border-radius:10px;padding:11px;box-shadow:0 8px 16px -4px #2563eb4d}.title-area h2{color:var(--l-text);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.subtitle{color:var(--l-text-muted);margin:2px 0 0;font-size:14px}.add-btn-main{background:linear-gradient(135deg, var(--l-accent) 0%, #4f46e5 100%);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #2563eb40}.add-btn-main:hover{background:linear-gradient(135deg, var(--l-accent-hover) 0%, #4338ca 100%);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59}.add-btn-main:active{transform:translateY(0)}.add-btn-main svg{transition:transform .3s}.add-btn-main:hover svg{transform:rotate(90deg)}.status-summary-cards{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;display:grid}.status-summary-card{border:1px solid var(--l-border);text-align:left;min-height:88px;color:var(--l-text);background:linear-gradient(#fff,#fbfdff);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 14px 30px #0f172a0f}.status-summary-card:hover{border-color:var(--status-accent);transform:translateY(-2px);box-shadow:0 18px 34px #0f172a17}.status-summary-card.active{border-color:var(--status-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-accent) 12%, transparent)}.summary-card-icon{width:42px;height:42px;color:var(--status-accent);background:var(--status-bg);border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.summary-card-copy{flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}.summary-card-title{text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.2}.summary-card-metrics{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.summary-card-metrics strong{font-size:18px;line-height:1}.summary-card-metrics span{color:var(--l-text-muted);font-size:12px;font-weight:700}.summary-card-progress{background:#94a3b82e;border-radius:999px;width:100%;height:3px;overflow:hidden}.summary-card-progress i{border-radius:inherit;background:var(--status-accent);height:100%;display:block}.status-placeholder{color:var(--l-text-muted);padding:4px 12px;font-size:13px;font-style:italic}.utility-wrapper{background:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);border-radius:9999px;padding:6px 12px;transition:all .3s}.utility-bar{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.actions-side{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.inline-filters{flex:1;justify-content:flex-start;min-width:0;display:flex}.inline-filters select,.inline-filters .select__control,.inline-filters .select__menu{background-color:var(--l-bg)!important;color:var(--l-text)!important;border-color:var(--l-border)!important}.action-icon-btn{background:var(--l-bg);border:1px solid var(--l-border);color:var(--l-text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.action-icon-btn:hover{background:var(--l-card);border-color:var(--l-accent);color:var(--l-accent)}.action-icon-btn.active{background:var(--l-accent);color:#fff;border-color:var(--l-accent)}.v-divider{background:var(--l-border);width:1px;height:24px;margin:0 4px}.utility-wrapper .view-toggle{border:1px solid var(--l-border);background:var(--l-bg);border-radius:999px;flex:none;height:42px;padding:0 16px;transition:all .2s}.utility-wrapper .view-toggle:hover{border-color:var(--l-accent);color:var(--l-accent)}.view-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.toggle-label{color:var(--l-text);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.toggle-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.toggle-track{background:var(--l-border);border-radius:100px;width:44px;height:24px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026,0 1px 2px #0000001a}.toggle-input:checked+.toggle-track{background:var(--l-accent)}.toggle-input:checked+.toggle-track:after{transform:translate(20px)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--l-accent);outline-offset:2px}.view-toggle-pill button.active{background:var(--l-card);color:var(--l-accent);box-shadow:0 2px 4px #0000001a}.results-meta{align-items:center;gap:12px;margin-top:4px;display:flex}.count-pill{background:var(--l-accent);color:#fff;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700}.page-size-control{color:var(--l-text-muted);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.page-size-control select{border:1px solid var(--l-border);background:var(--l-card);color:var(--l-text);font:inherit;cursor:pointer;border-radius:8px;padding:4px 8px}.pagination-bar{border:1px solid var(--l-border);background:var(--l-card);color:var(--l-text-muted);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.pagination-actions{align-items:center;gap:12px;display:flex}.pagination-actions button{border:1px solid var(--l-border);background:var(--l-bg);color:var(--l-text);cursor:pointer;border-radius:8px;padding:7px 12px;font-weight:700}.pagination-actions button:disabled{cursor:not-allowed;opacity:.45}.clear-text-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.leads-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;min-width:0;display:grid}.lead-clickable-wrapper{cursor:pointer;flex-direction:column;min-width:0;max-width:100%;transition:all .3s;display:flex;position:relative}.lead-clickable-wrapper:hover{transform:translateY(-5px)}.hover-arrow{opacity:0;color:var(--l-accent);transition:all .2s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.lead-clickable-wrapper:hover .hover-arrow{opacity:1;right:10px}.refreshing{background:var(--l-accent-light)!important;color:var(--l-accent)!important;border-color:var(--l-accent)!important}.refreshing .refresh-icon{animation:.8s linear infinite spin}.skeleton-card{background:var(--l-card);border:1px solid var(--l-border);border-radius:16px;flex-direction:column;gap:20px;height:520px;padding:20px;display:flex;position:relative;overflow:hidden}.skeleton-header-wrap{align-items:center;gap:12px;display:flex}.skeleton-avatar{background:var(--l-bg);border-radius:10px;width:44px;height:44px;animation:1.5s infinite shine}.skeleton-info-stack{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line.title-sk{background:var(--l-bg);width:60%;height:14px;animation:1.5s infinite shine}.skeleton-line.subtitle-sk{background:var(--l-bg);opacity:.6;width:40%;height:10px;animation:1.5s infinite shine}.skeleton-content-wrap{flex-direction:column;gap:10px;display:flex}.skeleton-line.detail-sk{background:var(--l-bg);width:100%;height:10px;animation:1.5s infinite shine}.skeleton-footer-wrap{gap:10px;margin-top:auto;display:flex}.skeleton-pill-sk{background:var(--l-bg);border-radius:20px;width:80px;height:24px;animation:1.5s infinite shine}@keyframes shine{0%{background-color:var(--l-bg);opacity:.5}50%{background-color:var(--l-border);opacity:.8}to{background-color:var(--l-bg);opacity:.5}}.skeleton-card:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.dark .skeleton-card:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}.scroll-navigation-buttons{background:var(--l-card);border:1px solid var(--l-border);z-index:99999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(12px);box-shadow:var(--l-shadow);border-radius:9999px;flex-direction:column;padding:4px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(15px)}.scroll-navigation-buttons.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-btn{color:var(--l-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.scroll-btn:hover{background:var(--l-accent-light);color:var(--l-accent);transform:scale(1.06)}.scroll-btn:active{transform:scale(.95)}.scroll-divider{background:var(--l-border);height:1px;margin:2px 6px}.skeleton-line{background:linear-gradient(90deg, var(--l-border) 25%, var(--l-bg) 50%, var(--l-border) 75%);background-size:200% 100%;border-radius:4px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--l-card);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.no-results{text-align:center;background:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);color:var(--l-text-muted);border-radius:16px;padding:48px 16px}.no-results h3{color:var(--l-text);margin-bottom:8px}.table-card-container{background:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);border-radius:16px;overflow:hidden}.leads-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:18px;display:grid}.board-column{border:1px solid var(--l-border);background:radial-gradient(circle at top, #fffffff2, #ffffffeb), var(--column-bg);border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 18px 42px #0f172a0f}.board-column-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.board-column-title{align-items:center;gap:10px;min-width:0;display:flex}.board-column-title h3{color:var(--l-text);text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.board-column-dot{background:var(--column-accent);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--column-accent) 12%, transparent);border-radius:50%}.board-column-count{min-width:36px;height:28px;color:var(--column-accent);background:color-mix(in srgb, var(--column-accent) 10%, white);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.board-column-body{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.board-lead-card{text-align:left;color:var(--l-text);background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:18px;flex-direction:column;gap:12px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 10px 22px #0f172a0d}.board-lead-card:hover{border-color:var(--column-accent);transform:translateY(-2px);box-shadow:0 16px 28px #0f172a14}.board-lead-top{align-items:center;gap:12px;display:flex}.board-avatar{background:color-mix(in srgb, var(--column-accent) 12%, white);width:38px;height:38px;color:var(--column-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.board-lead-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.board-lead-identity strong,.board-lead-identity span,.board-lead-meta span,.board-lead-tags span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-lead-identity strong{font-size:14px}.board-lead-identity span{color:var(--l-text-muted);font-size:12px}.board-lead-meta{gap:8px;display:grid}.board-lead-meta span{color:#50627f;align-items:center;gap:8px;font-size:12px;display:inline-flex}.board-lead-tags{flex-wrap:wrap;gap:8px;display:flex}.board-lead-tags span{color:#5f7190;background:#f4f7fb;border-radius:999px;max-width:100%;padding:5px 9px;font-size:11px;font-weight:700}.board-lead-footer{border-top:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.board-lead-footer em,.board-lead-footer small{color:var(--l-text-muted);font-size:11px}.board-lead-footer em{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.board-add-lead{border:1px dashed color-mix(in srgb, var(--column-accent) 36%, #cbd5e1);background:color-mix(in srgb, var(--column-accent) 5%, white);min-height:48px;color:var(--column-accent);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.board-add-lead:hover{background:color-mix(in srgb, var(--column-accent) 10%, white)}@media (width<=1100px){.header-top-row{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;width:100%}.utility-bar{flex-direction:column;align-items:stretch}.actions-side{flex-wrap:wrap;justify-content:flex-start}.results-meta{flex-direction:column;align-items:flex-start}}@media (width<=700px){.leads-container,.premium-header{padding:16px}.header-top-row{gap:14px}.leads-grid{grid-template-columns:1fr}.status-summary-cards{grid-template-columns:1fr 1fr}.leads-board{grid-template-columns:1fr}.v-divider{display:none}}.lead-mail-modal{--mail-bg:#f4f7fb;--mail-card:#fff;--mail-panel:#f8fafc;--mail-text:#172033;--mail-muted:#667085;--mail-border:#dbe3ef;--mail-soft-border:#edf2f7;--mail-accent:#1b511d;--mail-accent-strong:#123814;--mail-accent-soft:#e9f6ea;--mail-danger:#dc2626;--mail-shadow:0 30px 80px #0f172a47;--mail-input:#fff;--mail-top:#fff;--mail-top-text:#172033;--mail-top-muted:#667085;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--mail-text);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lead-mail-modal.dark{--mail-bg:#0b1020;--mail-card:#111827;--mail-panel:#0f172a;--mail-text:#e7edf6;--mail-muted:#a6b2c5;--mail-border:#29364c;--mail-soft-border:#223047;--mail-accent:#4ade80;--mail-accent-strong:#86efac;--mail-accent-soft:#4ade801f;--mail-input:#0b1220;--mail-shadow:0 30px 90px #0000008a;--mail-top:#0b1220;--mail-top-text:#f8fafc;--mail-top-muted:#9aa8bd}.lead-mail-window{background:var(--mail-card);border:1px solid var(--mail-border);width:min(1240px,100vw - 36px);height:min(840px,100vh - 36px);min-height:560px;box-shadow:var(--mail-shadow);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.lead-mail-topbar{background:var(--mail-top);min-height:88px;color:var(--mail-top-text);border-bottom:1px solid var(--mail-border);flex:none;grid-template-columns:minmax(260px,1fr) minmax(300px,420px) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.lead-mail-title{align-items:center;gap:12px;min-width:0;display:flex}.lead-mail-title-icon{background:var(--mail-accent-soft);width:44px;height:44px;color:var(--mail-accent);border:1px solid color-mix(in srgb, var(--mail-accent) 22%, var(--mail-border));border-radius:10px;flex:none;place-items:center;display:grid}.lead-mail-title-copy{min-width:0}.lead-mail-kicker{color:var(--mail-accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:900;line-height:1;display:block}.lead-mail-title h2{letter-spacing:0;margin:0;font-size:19px;font-weight:900;line-height:1.2;color:var(--mail-top-text)!important}.lead-mail-title p{overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;font-weight:750;color:var(--mail-top-muted)!important}.lead-mail-top-actions,.lead-mail-context-controls,.lead-mail-preview-actions,.lead-mail-compose-assets,.lead-mail-filter-row{align-items:center;gap:8px;display:flex}.lead-mail-context-controls{border:1px solid var(--mail-border);background:color-mix(in srgb, var(--mail-panel) 78%, var(--mail-card));border-radius:12px;justify-content:flex-start;min-width:0;padding:8px 10px}.lead-mail-context-label{color:var(--mail-muted);letter-spacing:.07em;text-transform:uppercase;flex:none;font-size:11px;font-weight:900}.lead-mail-top-actions{flex-wrap:wrap;justify-content:flex-end}.lead-mail-from-account-pill{border:1px solid var(--mail-border);background:var(--mail-card);min-width:0;color:var(--mail-text);border-radius:999px;flex:1;align-items:center;gap:9px;min-height:36px;padding:4px 12px 4px 4px;display:inline-flex}.lead-mail-account-avatar{color:#fff;background:#2563eb;border-radius:999px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:inline-flex}.lead-mail-account-avatar.small{width:28px;height:28px;font-size:12px}.lead-mail-account-copy{gap:1px;min-width:0;display:grid}.lead-mail-account-copy strong,.lead-mail-from-account-pill span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mail-text);font-size:13px;font-weight:850;overflow:hidden}.lead-mail-account-copy small{color:var(--mail-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.lead-mail-select,.lead-mail-compose-fields input,.lead-mail-rich-toolbar select,.lead-mail-search input{border:1px solid var(--mail-border);background:var(--mail-input);color:var(--mail-text);font:inherit;border-radius:8px;outline:none}.lead-mail-select{width:auto;min-width:180px;max-width:none;height:42px;color:var(--mail-text);background:var(--mail-card);border-color:var(--mail-border);flex:240px;padding:0 38px 0 14px;font-size:15px;font-weight:850}.lead-mail-select option{color:#111827;background:#fff}.lead-mail-primary-btn,.lead-mail-ghost-btn,.lead-mail-close-btn,.lead-mail-icon-btn,.lead-mail-filter,.lead-mail-rich-toolbar button,.lead-mail-color-control,.lead-mail-copy-toggles button,.lead-mail-saved-grid button{border:1px solid var(--mail-border);min-height:36px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:750;transition:background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}.lead-mail-primary-btn{background:var(--mail-accent);border-color:var(--mail-accent);color:#fff}.lead-mail-modal.dark .lead-mail-primary-btn{color:#052e16}.lead-mail-primary-btn:hover:not(:disabled){background:var(--mail-accent-strong);border-color:var(--mail-accent-strong);color:#fff}.lead-mail-ghost-btn,.lead-mail-icon-btn,.lead-mail-close-btn{background:var(--mail-card);color:var(--mail-text)}.lead-mail-topbar .lead-mail-ghost-btn,.lead-mail-topbar .lead-mail-close-btn{background:var(--mail-card);color:var(--mail-text);border-color:var(--mail-border)}.lead-mail-ghost-btn:hover:not(:disabled),.lead-mail-icon-btn:hover,.lead-mail-close-btn:hover{border-color:var(--mail-accent);color:var(--mail-accent-strong);background:var(--mail-accent-soft)}.lead-mail-ghost-btn.compact{min-height:32px;padding:0 10px}.lead-mail-close-btn,.lead-mail-icon-btn{flex:none;width:36px;padding:0}.lead-mail-primary-btn:disabled,.lead-mail-ghost-btn:disabled{opacity:.58;cursor:not-allowed}.lead-mail-body-grid{background:var(--mail-bg);flex:1;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:0;display:grid}.lead-mail-list-panel{border-right:1px solid var(--mail-border);background:var(--mail-panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.lead-mail-search{border:1px solid var(--mail-border);background:var(--mail-input);height:40px;color:var(--mail-muted);border-radius:9px;flex:none;align-items:center;gap:8px;margin:14px 14px 10px;padding:0 10px;display:flex}.lead-mail-search input{background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0}.lead-mail-filter-row{border-bottom:1px solid var(--mail-border);flex:none;padding:0 14px 12px}.lead-mail-filter{background:var(--mail-card);min-width:0;color:var(--mail-muted);flex:1;padding:0 8px}.lead-mail-filter span{background:var(--mail-panel);border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:inline-grid}.lead-mail-filter.active{color:var(--mail-accent-strong);border-color:var(--mail-accent);background:var(--mail-accent-soft)}.lead-mail-list{flex:1;min-height:0;overflow-y:auto}.lead-mail-list-item{border:0;border-bottom:1px solid var(--mail-soft-border);width:100%;min-height:96px;color:var(--mail-text);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.lead-mail-list-item:hover,.lead-mail-list-item.active{background:var(--mail-card)}.lead-mail-list-item.active{box-shadow:inset 3px 0 0 var(--mail-accent)}.lead-mail-avatar{color:#fff;background:#2563eb;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.lead-mail-avatar.sent{background:var(--mail-accent)}.lead-mail-avatar.large{width:46px;height:46px;font-size:15px}.lead-mail-list-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lead-mail-list-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.lead-mail-list-row strong,.lead-mail-list-subject,.lead-mail-list-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lead-mail-list-row strong{min-width:0;color:var(--mail-text);font-size:13px}.lead-mail-list-row small{max-width:94px;color:var(--mail-muted);flex:none;font-size:10px;font-weight:700}.lead-mail-list-subject{color:var(--mail-text);font-size:13px;font-weight:780}.lead-mail-list-preview{color:var(--mail-muted);font-size:12px;line-height:1.35}.lead-mail-state,.lead-mail-empty-preview{min-height:220px;color:var(--mail-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:22px;font-size:13px;font-weight:700;display:flex}.lead-mail-state.compact{min-height:74px;padding:14px}.lead-mail-state strong,.lead-mail-empty-preview strong{color:var(--mail-text);font-size:15px}.lead-mail-error-state,.lead-mail-error-state strong{color:var(--mail-danger)}.lead-mail-error-state span{max-width:320px;line-height:1.45}.lead-mail-preview-panel{background:var(--mail-card);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.lead-mail-preview-header{border-bottom:1px solid var(--mail-border);background:var(--mail-card);flex:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.lead-mail-preview-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.lead-mail-preview-heading h3{color:var(--mail-text);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:850;line-height:1.3}.lead-mail-preview-heading p{color:var(--mail-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.45}.lead-mail-preview-copy-line{font-weight:650}.lead-mail-preview-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:flex-start}.lead-mail-preview-actions>span{color:var(--mail-muted);padding-top:8px;font-size:12px;font-weight:700}.lead-mail-preview-scroll,.lead-mail-compose-preview{background:var(--mail-card);flex:1;min-height:0;padding:22px;overflow-y:auto}.lead-mail-chat-scroll{background:linear-gradient(180deg, color-mix(in srgb, var(--mail-panel) 72%, var(--mail-card)) 0%, var(--mail-card) 100%)}.lead-mail-chat-stack{flex-direction:column;gap:14px;min-height:100%;display:flex}.lead-mail-chat-message{cursor:pointer;align-items:flex-end;gap:10px;width:min(78%,760px);display:flex}.lead-mail-chat-message.received{align-self:flex-start}.lead-mail-chat-message.sent{flex-direction:row-reverse;align-self:flex-end}.lead-mail-chat-avatar{color:#fff;background:#2563eb;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #2563eb2e}.lead-mail-chat-message.sent .lead-mail-chat-avatar{background:var(--mail-accent);box-shadow:0 8px 18px color-mix(in srgb, var(--mail-accent) 22%, transparent)}.lead-mail-chat-bubble{border:1px solid var(--mail-border);background:var(--mail-card);width:100%;min-width:0;color:var(--mail-text);border-radius:14px 14px 14px 4px;overflow:hidden;box-shadow:0 12px 28px #0f172a12}.lead-mail-modal.dark .lead-mail-chat-bubble{box-shadow:0 14px 30px #00000038}.lead-mail-chat-message.sent .lead-mail-chat-bubble{border-color:color-mix(in srgb, var(--mail-accent) 32%, var(--mail-border));background:color-mix(in srgb, var(--mail-accent-soft) 38%, var(--mail-card));border-radius:14px 14px 4px}.lead-mail-chat-message.selected .lead-mail-chat-bubble{outline:2px solid color-mix(in srgb, var(--mail-accent) 42%, transparent);outline-offset:2px}.lead-mail-chat-head{color:var(--mail-text);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px 4px;display:flex}.lead-mail-chat-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:900;overflow:hidden}.lead-mail-chat-head span{color:var(--mail-muted);flex:none;font-size:11px;font-weight:750}.lead-mail-chat-subject,.lead-mail-chat-copy{overflow-wrap:anywhere;padding:0 14px}.lead-mail-chat-subject{color:var(--mail-text);font-size:13px;font-weight:850}.lead-mail-chat-copy{color:var(--mail-muted);margin-top:4px;font-size:11px;font-weight:700}.lead-mail-chat-body{padding:10px 14px 14px}.lead-mail-chat-body .mail-body{padding:0}.lead-mail-chat-body .lead-mail-preview-attachments{margin-top:12px;padding-top:12px}.lead-mail-preview-attachments{border-top:1px solid var(--mail-border);flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;display:flex}.lead-mail-attachment-chip,.lead-mail-file-pill{border:1px solid var(--mail-border);background:var(--mail-panel);min-width:0;color:var(--mail-text);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.lead-mail-empty-preview{margin:auto}.lead-mail-composer{border-top:1px solid var(--mail-border);background:linear-gradient(180deg, var(--mail-panel) 0%, var(--mail-card) 42%);flex-direction:column;flex:none;max-height:min(620px,70vh);display:flex;overflow:hidden}.lead-mail-composer-header{background:var(--mail-card);border-bottom:1px solid var(--mail-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.lead-mail-composer-title{align-items:center;gap:12px;min-width:0;display:flex}.lead-mail-composer-title>div{flex-direction:column;gap:3px;min-width:0;display:flex}.lead-mail-compose-icon{width:36px;height:36px;color:var(--mail-accent-strong);background:var(--mail-accent-soft);border:1px solid color-mix(in srgb, var(--mail-accent) 28%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.lead-mail-composer-header strong{color:var(--mail-text);font-size:15px;line-height:1.2}.lead-mail-composer-header span:not(.lead-mail-compose-icon),.lead-mail-compose-hint{color:var(--mail-muted);overflow-wrap:anywhere;font-size:12px;font-weight:650}.lead-mail-compose-card{border:1px solid var(--mail-border);background:var(--mail-card);border-radius:12px;flex-direction:column;min-height:0;margin:12px 16px 0;display:flex;overflow:hidden;box-shadow:0 12px 30px #0f172a14}.lead-mail-modal.dark .lead-mail-compose-card{box-shadow:0 16px 34px #0000003d}.lead-mail-envelope{background:var(--mail-card);padding:6px 14px 0}.lead-mail-envelope-row{border-bottom:1px solid var(--mail-soft-border);min-width:0;min-height:44px;color:var(--mail-text);align-items:center;gap:10px;display:flex}.lead-mail-envelope-row:last-child{border-bottom:0}.lead-mail-envelope-label{width:58px;color:var(--mail-muted);text-transform:uppercase;letter-spacing:.06em;flex:0 0 58px;font-size:12px;font-weight:800}.lead-mail-envelope-row input{width:100%;min-width:0;min-height:40px;color:var(--mail-text);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:14px;font-weight:600}.lead-mail-recipient-select{border:1px solid var(--mail-border);background:var(--mail-input);color:var(--mail-text);font:inherit;border-radius:8px;outline:none;flex:none;width:138px;height:32px;padding:0 8px;font-size:13px;font-weight:700}.lead-mail-recipient-editor{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;padding:7px 0;display:flex}.lead-mail-recipient-editor input{flex:180px;min-width:140px;min-height:28px}.lead-mail-recipient-chip{border:1px solid color-mix(in srgb, var(--mail-accent) 30%, var(--mail-border));background:var(--mail-accent-soft);min-width:0;max-width:260px;color:var(--mail-accent-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 7px 5px 10px;font-size:12px;font-weight:850;display:inline-flex;overflow:hidden}.lead-mail-recipient-chip.invalid{border-color:color-mix(in srgb, var(--mail-danger) 42%, var(--mail-border));background:color-mix(in srgb, var(--mail-danger) 10%, transparent);color:var(--mail-danger)}.lead-mail-recipient-chip button{background:color-mix(in srgb, currentColor 12%, transparent);width:18px;height:18px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.lead-mail-envelope-row input::placeholder{color:var(--mail-muted);font-weight:550}.lead-mail-envelope-row.invalid{background:color-mix(in srgb, var(--mail-danger) 7%, transparent)}.lead-mail-envelope-row.invalid .lead-mail-envelope-label,.lead-mail-envelope-row.invalid input{color:var(--mail-danger)}.lead-mail-recipient-pill{min-width:0;min-height:32px;color:var(--mail-text);flex:1;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.lead-mail-recipient-pill span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lead-mail-copy-toggles{flex:none;gap:6px;display:inline-flex}.lead-mail-copy-toggles button{border:1px solid var(--mail-border);background:var(--mail-panel);min-width:48px;min-height:30px;color:var(--mail-muted);cursor:pointer;border-radius:999px;padding:0 11px;font-size:12px;font-weight:850}.lead-mail-copy-toggles button.active{color:var(--mail-accent-strong);border-color:var(--mail-accent);background:var(--mail-accent-soft)}.lead-mail-compose-alert{border-radius:9px;margin:10px 14px 0;padding:9px 11px;font-size:12px;font-weight:750;line-height:1.4}.lead-mail-compose-alert.error{background:color-mix(in srgb, var(--mail-danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--mail-danger) 28%, transparent);color:var(--mail-danger)}.lead-mail-compose-alert.success{background:var(--mail-accent-soft);border:1px solid color-mix(in srgb, var(--mail-accent) 28%, transparent);color:var(--mail-accent-strong)}.lead-mail-rich-toolbar{border-top:1px solid var(--mail-soft-border);border-bottom:1px solid var(--mail-soft-border);background:var(--mail-panel);flex-wrap:wrap;flex:none;align-items:center;gap:7px;padding:10px 14px;display:flex}.lead-mail-toolbar-group{border-right:1px solid var(--mail-border);align-items:center;gap:5px;padding-right:8px;display:inline-flex}.lead-mail-toolbar-group:last-child{border-right:0;padding-right:0}.lead-mail-toolbar-group.selects{margin-left:auto}.lead-mail-rich-toolbar button.wide{width:auto;min-width:72px;padding:0 10px}.lead-mail-rich-toolbar button,.lead-mail-color-control{border:1px solid var(--mail-border);background:var(--mail-card);width:34px;min-width:34px;min-height:34px;color:var(--mail-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.lead-mail-rich-toolbar button.active,.lead-mail-rich-toolbar button:hover,.lead-mail-color-control:hover{color:var(--mail-accent-strong);border-color:var(--mail-accent);background:var(--mail-accent-soft)}.lead-mail-color-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.lead-mail-rich-toolbar select{border:1px solid var(--mail-border);background:var(--mail-card);height:34px;color:var(--mail-text);border-radius:8px;outline:none;padding:0 8px;font-size:12px;font-weight:700}.lead-mail-editor-shell{background:var(--mail-input);min-width:0;min-height:220px;overflow:hidden}.lead-mail-html-template-grid{background:var(--mail-input);grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:clamp(320px,42vh,520px);min-height:280px;max-height:min(520px,50vh);display:grid;overflow:hidden}.lead-mail-html-template-grid textarea{resize:none;border:0;border-right:1px solid var(--mail-border);color:#dbeafe;background:#0f172a;outline:none;width:100%;min-width:0;height:100%;min-height:0;padding:16px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.lead-mail-html-live-preview{background:var(--mail-card);min-width:0;height:100%;min-height:0;color:var(--mail-text);padding:16px;overflow:auto}.lead-mail-html-live-preview .mail-body,.lead-mail-compose-preview .mail-body{min-height:100%}.lead-mail-editor{min-height:220px;max-height:280px;color:var(--mail-text);background:var(--mail-input);overflow-wrap:anywhere;outline:none;flex:1;padding:18px 20px;font-size:14px;line-height:1.6;overflow-y:auto}.lead-mail-editor:empty:before{content:attr(data-placeholder);color:var(--mail-muted)}.lead-mail-compose-preview{border-bottom:0;min-height:220px;max-height:280px}.lead-mail-compose-assets{border-top:1px solid var(--mail-border);background:var(--mail-card);flex-wrap:wrap;padding:11px 16px}.lead-mail-file-stack{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.lead-mail-file-pill button{width:20px;height:20px;color:var(--mail-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.lead-mail-saved-picker{border:1px solid var(--mail-border);background:var(--mail-panel);border-radius:10px;margin:0 16px 10px;overflow:hidden}.lead-mail-saved-picker-head{border-bottom:1px solid var(--mail-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.lead-mail-saved-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;max-height:130px;padding:10px;display:grid;overflow-y:auto}.lead-mail-saved-grid button{background:var(--mail-card);min-width:0;color:var(--mail-text);justify-content:flex-start}.lead-mail-saved-grid button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lead-mail-saved-grid button.selected{border-color:var(--mail-accent);background:var(--mail-accent-soft);color:var(--mail-accent-strong)}.lead-mail-compose-footer{border-top:1px solid var(--mail-border);background:var(--mail-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.spin,.animate-spin{animation:.8s linear infinite lead-mail-spin}@keyframes lead-mail-spin{to{transform:rotate(360deg)}}@media (width<=980px){.lead-mail-window{width:calc(100vw - 24px);height:calc(100vh - 24px)}.lead-mail-topbar{grid-template-columns:minmax(0,1fr);align-items:flex-start}.lead-mail-context-controls,.lead-mail-top-actions{justify-content:flex-start;width:100%}.lead-mail-select{flex:260px;min-width:180px}.lead-mail-body-grid{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}}@media (width<=760px){.lead-mail-modal{padding:0}.lead-mail-window{border-radius:0;width:100vw;height:100vh;min-height:100vh}.lead-mail-body-grid{grid-template-columns:minmax(0,1fr)}.lead-mail-list-panel{border-right:0;border-bottom:1px solid var(--mail-border);min-height:260px;max-height:40vh}.lead-mail-preview-header,.lead-mail-compose-footer{flex-direction:column;align-items:flex-start}.lead-mail-preview-actions{justify-content:space-between;width:100%}.lead-mail-chat-message{width:100%}.lead-mail-chat-avatar{width:28px;height:28px}.lead-mail-composer{max-height:64vh}.lead-mail-compose-fields{grid-template-columns:minmax(0,1fr)}.lead-mail-copy-toggles{justify-content:flex-start}.lead-mail-envelope-row.recipient-row{flex-wrap:wrap;align-items:flex-start;padding:8px 0}.lead-mail-recipient-select{flex-basis:100%;width:100%;margin-left:68px}.lead-mail-html-template-grid{grid-template-columns:minmax(0,1fr);height:58vh;max-height:none}.lead-mail-html-template-grid textarea{border-right:0;border-bottom:1px solid var(--mail-border);height:28vh}.lead-mail-html-live-preview{height:30vh}.lead-mail-rich-toolbar{flex-wrap:nowrap;overflow-x:auto}.lead-mail-top-actions .lead-mail-ghost-btn span,.lead-mail-top-actions .lead-mail-primary-btn span{display:none}}.todo-tasks-container{--todo-bg:var(--l-card,#fff);--todo-text:var(--l-text,#1f2937);--todo-text-muted:var(--l-text-muted,#6b7280);--todo-border:var(--l-border,#e5e7eb);--todo-accent:var(--l-accent,#ff5a1f);--todo-accent-light:var(--l-accent-light,#ff5a1f14);--todo-accent-green:#10b981}.todo-content{grid-template-columns:1fr;gap:24px;padding:0;display:grid}.add-task-panel{border:1px solid var(--todo-border);box-shadow:var(--l-shadow,0 1px 3px #0000000d);background-color:#f3f4f666;border-radius:12px;padding:24px}.dark .add-task-panel{background-color:#1f293733}.form-header{color:var(--todo-accent);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:800;display:flex}.form-row-inputs{grid-template-columns:1fr;gap:16px;margin-bottom:16px;display:grid}@media (width>=768px){.form-row-inputs{grid-template-columns:2.5fr 1.2fr 1fr 1.2fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--todo-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:750}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--todo-border);background:var(--todo-bg);width:100%;color:var(--todo-text);border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input::-moz-placeholder{color:var(--todo-text-muted);opacity:.6}.form-group textarea::-moz-placeholder{color:var(--todo-text-muted);opacity:.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--todo-text-muted);opacity:.6}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--todo-text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--todo-accent);box-shadow:0 0 0 3px var(--todo-accent-light)}.form-row-footer{flex-direction:column;gap:16px;display:flex}.description-field{width:100%}.description-field textarea{resize:none;height:80px}.submit-task-btn{background-color:var(--todo-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (width>=600px){.submit-task-btn{align-self:flex-end;width:auto}}.submit-task-btn:hover:not(:disabled){background-color:var(--l-accent-hover,#e04a10);box-shadow:0 4px 12px var(--todo-accent-light);transform:translateY(-1px)}.submit-task-btn:active:not(:disabled){transform:translateY(0)}.submit-task-btn:disabled{opacity:.6;cursor:not-allowed}.task-list-section{flex-direction:column;display:flex}.task-list-header{border-bottom:1px solid var(--todo-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.task-list-header h4{text-transform:uppercase;letter-spacing:.5px;color:var(--todo-text);margin:0;font-size:15px;font-weight:750}.task-list-header p{color:var(--todo-text-muted);margin:4px 0 0;font-size:12px}.task-list-viewport{max-height:480px;padding-right:4px;overflow-y:auto}.task-list-viewport::-webkit-scrollbar{width:5px}.task-list-viewport::-webkit-scrollbar-track{background:0 0}.task-list-viewport::-webkit-scrollbar-thumb{background:#0000001a;border-radius:99px}.dark .task-list-viewport::-webkit-scrollbar-thumb{background:#ffffff1a}.task-stack{flex-direction:column;gap:12px;display:flex}.task-item{border:1px solid var(--todo-border);background-color:var(--todo-bg);box-shadow:var(--l-shadow,0 1px 3px #0000000d);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.task-item:hover{border-color:var(--todo-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.task-item.is-done{opacity:.6;background-color:#f9fafb80}.dark .task-item.is-done{background-color:#1f293733}.task-main{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.status-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:3px;padding:0;transition:transform .15s}.status-toggle:hover{transform:scale(1.1)}.status-circle{border:2px solid var(--todo-text-muted);background:0 0;border-radius:50%;width:18px;height:18px;transition:all .2s}.status-toggle:hover .status-circle{border-color:var(--todo-accent-green);background-color:#10b9811a}.task-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.task-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.t-title{color:var(--todo-text);word-break:break-word;font-size:14px;font-weight:700;line-height:1.4}.is-done .t-title{color:var(--todo-text-muted);text-decoration:line-through}.t-priority{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800}.t-desc{color:var(--todo-text-muted);word-break:break-word;margin:4px 0 0;font-size:13px;line-height:1.5}.t-meta{color:var(--todo-text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;font-size:11px;font-weight:600;display:flex}.t-meta span{align-items:center;gap:4px;display:flex}.t-meta svg{color:var(--todo-text-muted)}.t-cat{background-color:var(--todo-accent-light);color:var(--todo-accent);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.delete-task{color:var(--todo-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-2px;padding:6px;transition:all .2s;display:flex}.delete-task:hover{color:#ef4444;background-color:#ef444414}.empty-tasks{text-align:center;color:var(--todo-text-muted);border:1px dashed var(--todo-border);background-color:#f9fafb4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex}.dark .empty-tasks{background-color:#1118271a}.empty-tasks p{margin:12px 0 0;font-size:14px;font-weight:600}.todo-loader{color:var(--todo-accent);justify-content:center;padding:48px;display:flex}.lead-details-shell{--l-bg:#f3f4f6;--l-card:#fff;--l-text:#10211a;--l-text-muted:#6b7280;--l-border:#e5e7eb;--l-accent:#10b981;--l-accent-hover:#059669;--l-shadow:0 1px 3px #0000000d;--l-accent-light:#10b9811a;background-color:var(--l-bg);width:100%;height:calc(100vh - 65px);color:var(--l-text);flex-direction:column;font-family:Inter,sans-serif;display:flex;overflow:hidden}.dark .lead-details-shell{--l-bg:#111827;--l-card:#151c2c;--l-text:#f9fafb;--l-text-muted:#9ca3af;--l-border:#263449;--l-accent:#34d399;--l-accent-hover:#10b981;--l-accent-light:#34d39929;--l-shadow:0 4px 15px #0003}.lead-details-container{flex:1;width:100%;min-height:0;padding:18px 24px 28px;display:flex}.lead-details-nav{align-items:center;gap:18px;width:100%;min-width:0;padding:10px 0 18px;display:flex}.lead-back-btn{border:1px solid var(--l-border);background:var(--l-card);height:38px;color:var(--l-text);cursor:pointer;box-shadow:var(--l-shadow);border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:750;display:inline-flex}.lead-breadcrumb{color:#64748b;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:650;display:flex}.lead-breadcrumb span,.lead-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lead-breadcrumb svg{color:#94a3b8;flex:none}.lead-breadcrumb strong{color:var(--l-text);font-weight:800}.lead-actions-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.details-content-body{flex:1;gap:24px;width:100%;max-width:2200px;min-height:0;margin:0 auto;display:flex}.details-column{min-width:0}.details-column::-webkit-scrollbar{width:6px}.details-column::-webkit-scrollbar-track{background:0 0}.details-column::-webkit-scrollbar-thumb{background:#0000001f;border-radius:99px}.dark .details-column::-webkit-scrollbar-thumb{background:#ffffff1f}.details-mid-col{background-color:var(--l-bg);flex:1;min-width:0;padding-bottom:80px;padding-right:12px;overflow-y:auto}.details-right-col{background-color:var(--l-bg);flex-direction:column;flex:1 0 320px;gap:8px;min-width:0;max-width:380px;padding-bottom:80px;padding-right:12px;display:flex;overflow-y:auto}.details-right-col::-webkit-scrollbar{width:6px}.details-right-col::-webkit-scrollbar-track{background:0 0}.details-right-col::-webkit-scrollbar-thumb{background-color:var(--l-border,#e2e8f0);border-radius:6px}.dark .details-right-col::-webkit-scrollbar-thumb{background-color:var(--l-border,#334155)}.h-profile-card{background-color:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);border-radius:10px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.95fr);min-width:0;margin-bottom:20px;display:grid;position:relative;overflow:visible}.h-profile-collapse-btn{z-index:5;border:1px solid var(--l-border);background:var(--l-card);width:30px;height:30px;color:var(--l-text-muted);cursor:pointer;box-shadow:var(--l-shadow);border-radius:8px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:10px;right:10px}.h-profile-collapse-btn:hover{color:var(--l-accent);border-color:var(--l-accent);transform:translateY(-1px)}.h-profile-card.collapsed .h-profile-right,.h-profile-card.collapsed .h-profile-extra{display:none}.h-profile-card.collapsed .h-profile-left{border-bottom:0;border-right:0}.h-profile-card svg{width:12px!important;height:12px!important}.h-profile-left{border-right:1px solid var(--l-border);flex-direction:column;justify-content:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.h-identity-row{align-items:center;gap:12px;min-width:0;display:flex}.h-avatar-wrapper{background-color:var(--l-accent-light);border:2px solid var(--l-border);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.h-profile-details{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.h-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1px;display:flex}.h-name{color:var(--l-text);font-size:clamp(13px,.82vw,17px);font-weight:750}.h-rate{color:#10b981;background:#10b98114;border:1px solid #10b98126;border-radius:999px;align-items:center;width:fit-content;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:750;display:inline-flex}.h-source-pill{color:#8b5cf6;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:999px;align-items:center;width:fit-content;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:750;display:inline-flex}.h-pipeline-pill-select,.h-deal-stage-pill-select,.h-disposition-pill-select,.h-intent-pill-select,.h-product-pill-trigger{color:#10b981;box-sizing:border-box;cursor:pointer;background-color:#10b98114;border:1px solid #10b98126;border-radius:999px;width:100%;min-width:0;max-width:none;min-height:24px;font-size:11px;font-weight:750;transition:all .2s}.h-pipeline-pill-select,.h-deal-stage-pill-select,.h-disposition-pill-select,.h-intent-pill-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2310b981' stroke-width='3.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:8px;outline:none;padding:2px 24px 2px 12px}.h-product-pill-trigger{-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:2px 8px 2px 12px;display:inline-flex}.h-product-pill-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.h-product-pill-trigger svg{color:currentColor;flex:none;transition:transform .2s;width:13px!important;height:13px!important}.h-product-pill-trigger.open svg{transform:rotate(180deg)}.h-profile-right{border-right:1px solid var(--l-border);flex-direction:column;justify-content:flex-start;min-width:0;padding:16px;display:flex}.h-info-grid{grid-template-columns:100px 1fr;gap:4px;font-size:11px;display:grid}.h-info-label{color:var(--l-text-muted);font-weight:750}.h-info-value{color:var(--l-text);overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-weight:750;display:flex}.h-profile-extra{flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.h-icon-btn{border:2px solid var(--l-border);background:var(--l-card);height:34px;color:var(--l-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0000001a}.h-icon-btn:active{transform:scale(.92)!important}.h-icon-btn:hover{border-color:var(--l-accent);transform:translateY(-1px)}.h-icon-btn.primary{color:#fff;background:#10b981;border-color:#10b981;flex:0 0 34px;width:34px;padding:0}.h-icon-btn.danger{color:#fff;background:#ef4444;border-color:#ef4444;flex:0 0 34px;width:34px;padding:0}.h-icon-btn.lead-action-btn-log-calls,.h-icon-btn.lead-action-btn-email,.h-icon-btn.lead-action-btn-share,.h-icon-btn.lead-action-btn-notes,.h-icon-btn.lead-action-btn-whatsapp,.h-icon-btn.lead-action-btn-call,.h-icon-btn.lead-action-btn-edit{background:var(--l-card);border:1px solid var(--l-accent);color:var(--l-accent)}.h-icon-btn.lead-action-btn-log-calls:hover,.h-icon-btn.lead-action-btn-email:hover,.h-icon-btn.lead-action-btn-share:hover,.h-icon-btn.lead-action-btn-notes:hover,.h-icon-btn.lead-action-btn-whatsapp:hover,.h-icon-btn.lead-action-btn-call:hover,.h-icon-btn.lead-action-btn-edit:hover{background:var(--l-accent);border-color:var(--l-accent);color:#fff}.h-icon-btn[class*=lead-action-btn-] svg{color:currentColor;stroke:currentColor}.h-icon-btn svg{stroke-width:2.2px;width:15px;height:15px}.h-icon-btn:disabled{opacity:.6;cursor:not-allowed}.h-edit-input,.h-edit-select{border:1px solid var(--l-border);background:var(--l-bg);width:100%;min-width:0;color:var(--l-text);border-radius:4px;outline:none;padding:4px 6px;font-size:11px;font-weight:750}.h-left-list{gap:4px;width:100%;display:grid}.h-left-row{min-width:0;min-height:28px;color:var(--l-text);grid-template-columns:24px minmax(70px,.36fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.h-row-icon{border:1px solid var(--l-border);background:var(--l-card);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.h-row-label{color:var(--l-text-muted);font-size:clamp(10px,.64vw,12px);font-weight:750}.h-row-value{min-width:0;color:var(--l-text);overflow-wrap:anywhere;font-size:clamp(10px,.64vw,12px);font-weight:800;overflow:hidden}.h-product-row .h-row-value{position:relative;overflow:visible}.h-detail-heading{color:var(--l-text-muted);margin-bottom:6px;font-size:11px;font-weight:800}.h-assigned-container{border-bottom:1px solid var(--l-border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.h-detail-users{flex-wrap:wrap;gap:6px;display:flex}.h-detail-row{display:contents}.h-detail-row .h-info-label,.h-detail-row .h-info-value{align-items:center;min-height:24px;display:flex}.h-user-chip,.h-email-chip{background:var(--l-accent-light);border:1px solid var(--l-border);max-width:100%;color:var(--l-text);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.h-user-chip img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:14px;height:14px}.h-user-chip span,.h-email-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.h-remove-email{color:#ef4444;cursor:pointer;background:#ef44441f;border:0;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.h-add-email-row{align-items:center;gap:6px;margin-top:8px;display:flex}.h-mini-message{color:var(--l-text-muted);min-height:14px;font-size:11px;font-weight:700}.h-empty{color:var(--l-text-muted);font-size:11px}.h-product-menu{background:var(--l-card);border:1px solid var(--l-border);z-index:50;border-radius:6px;width:min(220px,100%);max-height:150px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.h-product-option{width:100%;color:var(--l-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.h-product-option:hover{background-color:var(--l-accent-light)}.h-check-box{border:1px solid var(--l-border);border-radius:3px;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.h-check-box.active{background:var(--l-accent);border-color:var(--l-accent);color:#fff}.h-product-chip{border:1px solid var(--l-border);background:var(--l-bg);border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.h-extra-facts{-moz-column-gap:10px;grid-template-columns:minmax(70px,.42fr) minmax(0,1fr);gap:6px 10px;margin-top:8px;font-size:11px;display:grid}.h-extra-fact{display:contents}.activity-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.activity-tabs{background-color:var(--l-border);border-radius:10px;gap:8px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.act-tab{color:var(--l-text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.act-tab.active{background-color:var(--l-card);color:var(--l-text);box-shadow:var(--l-shadow)}.filters-row{flex-wrap:wrap;gap:12px;display:flex}.filter-select{border:1px solid var(--l-border);background-color:var(--l-card);color:var(--l-text);cursor:pointer;border-radius:8px;outline:none;padding:8px 16px;font-size:13px}.section-heading{color:var(--l-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:15px;font-weight:750}.task-card{background-color:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);border-radius:12px;margin-bottom:18px;padding:20px}.task-header,.task-title-row,.task-meta-grid{flex-wrap:wrap;display:flex}.task-meta-grid{border-top:1px solid var(--l-border);justify-content:space-between;gap:12px;margin-left:30px;padding-top:14px}.right-section-box{background-color:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);border-radius:8px;min-width:0;margin-bottom:15px;padding:16px;overflow:visible}.company-header{align-items:center;gap:12px;margin-bottom:15px;display:flex}.company-logo-box{border:1px solid var(--l-border);width:36px;height:36px;color:var(--l-accent);border-radius:6px;justify-content:center;align-items:center;font-size:18px;display:flex}.company-details .c-name{color:var(--l-text);overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.company-details .c-web{color:var(--l-text-muted);overflow-wrap:anywhere;font-size:12px}.company-contact-row{color:var(--l-text);overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;margin-top:10px;font-size:13px;display:flex}.company-contact-row svg{color:var(--l-text-muted);width:14px}.section-header-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.section-header-row .title{color:var(--l-text);overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:600}.section-header-row .count{background:var(--l-bg);color:var(--l-text-muted);border-radius:10px;margin-left:5px;padding:2px 6px;font-size:11px}.section-header-row .action-link{color:var(--l-text-muted);font-size:11px;text-decoration:none}.details-right-col .contact-actions-container,.details-right-col .additional-contacts-list-container,.details-right-col .additional-contacts-list,.details-right-col .contact-list-item,.details-right-col .contact-list-item-details,.details-right-col .contact-list-item-field{min-width:0}.details-right-col .contact-actions-container{flex-wrap:wrap;flex:none;justify-content:flex-end}.details-right-col .add-contact-form-beautiful{margin-top:10px;padding:10px;overflow:visible}.details-right-col .add-contact-form-beautiful .form-grid{grid-template-columns:1fr;gap:8px}.details-right-col .add-contact-form-beautiful .add-contact-actions{flex-wrap:wrap;gap:8px}.details-right-col .btn-primary-small,.details-right-col .btn-secondary-small{min-width:82px}.details-right-col .additional-contacts-list-container{overflow:visible}.details-right-col .contact-list-item{gap:10px}.details-right-col .contact-list-item-details{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:10px 12px}.details-right-col .contact-list-item-value{overflow-wrap:anywhere;word-break:break-word}.details-right-col .contact-list-item-actions{flex:none}.btn-add-deal{border:1px dashed var(--l-border);width:100%;color:var(--l-text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;padding:8px;font-size:12px;font-weight:500;display:flex}.btn-add-deal:hover{background-color:var(--l-bg)}.deal-card{border:1px solid var(--l-border);background:var(--l-card);border-radius:6px;margin-bottom:10px;padding:12px}.deal-top{color:var(--l-text-muted);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.deal-status-tag{background-color:var(--l-accent-light);color:var(--l-accent);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.deal-name-text{color:var(--l-text);margin-bottom:4px;font-size:13px;font-weight:600}.deal-amount{color:var(--l-text);font-size:14px;font-weight:700}.accordion-bar{background:var(--l-card);border:1px solid var(--l-border);cursor:pointer;box-shadow:var(--l-shadow);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.accordion-bar:hover{background-color:var(--l-bg)}.accordion-bar span .count{color:var(--l-text-muted);margin-left:5px;font-weight:400}.accordion-bar svg{color:var(--l-text-muted);font-size:12px}.accordion-body{border:1px solid var(--l-border);background-color:var(--l-card);color:var(--l-text-muted);border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin-top:-10px;margin-bottom:8px;padding:10px 14px;font-size:12px}.meetings-container{flex-direction:column;gap:16px;display:flex}.meetings-header{justify-content:flex-end;align-items:center;display:flex}.add-meeting-btn{background:var(--l-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-meeting-btn:hover{filter:brightness(1.1)}.meetings-list{flex-direction:column;gap:16px;display:flex}.meeting-item{background:var(--l-card,#fff);border:1px solid var(--l-border,#e2e8f0);box-shadow:var(--l-shadow);border-radius:12px;padding:16px}.meeting-title{color:var(--l-text);margin-bottom:8px;font-size:1rem;font-weight:700}.meeting-meta{color:var(--l-text-muted,#64748b);flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.meeting-meta span{align-items:center;gap:6px;display:flex}.meeting-notes,.meeting-location{margin-top:12px;font-size:.85rem;line-height:1.5}.todo-header{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.add-task-btn{background:var(--l-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-task-btn:hover{filter:brightness(1.1)}.todo-tasks-container .todo-content{flex-direction:column;display:flex}@media (width<=1100px){.details-content-body{gap:20px}.h-profile-left,.h-profile-right,.h-profile-extra{padding:14px}}@media (width<=900px){.details-content-body{flex-direction:column;gap:20px}.details-right-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:none;display:grid}.details-mid-col,.details-right-col{padding-right:0}}@media (width<=768px){.lead-details-container{padding:12px}.lead-details-nav{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:14px}.h-profile-card{grid-template-columns:1fr}.h-profile-left,.h-profile-right{border-right:0;border-bottom:1px solid var(--l-border)}.h-profile-extra{border-bottom:0;border-right:0}.h-avatar-wrapper{width:42px;height:42px}.h-name{font-size:13px}.details-right-col{grid-template-columns:1fr}.task-meta-grid{margin-left:0}}@media (width<=480px){.lead-back-btn{justify-content:center;width:100%}.lead-breadcrumb{gap:7px;width:100%;font-size:13px}.h-profile-left,.h-profile-right,.h-profile-extra,.right-section-box{padding:14px}.h-identity-row{flex-direction:column;align-items:flex-start;gap:12px}.h-avatar-wrapper{width:64px;height:64px}.activity-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:4px;width:100%;overflow-x:auto}.activity-tabs::-webkit-scrollbar{display:none}.act-tab{flex:none;padding:6px 10px;font-size:12px}.filters-row{gap:8px}.filter-select{width:100%}.company-header,.h-add-email-row,.deal-top{align-items:flex-start}.h-add-email-row,.deal-top{flex-direction:column}.h-add-email-row .h-icon-btn{width:100%}}@media (width>=2200px){.lead-details-container{padding-inline:36px}.details-content-body{gap:30px}.h-profile-card{grid-template-columns:minmax(420px,1.08fr) minmax(380px,1fr) minmax(360px,.96fr)}.h-profile-left,.h-profile-right,.h-profile-extra,.right-section-box,.task-card{padding:20px}.h-avatar-wrapper{width:58px;height:58px}}@media (width<=1600px){.lead-details-container{padding:16px 20px 26px}.details-content-body{gap:20px}.details-right-col{flex-basis:300px;max-width:350px}.h-profile-card{grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr) minmax(0,.9fr)}}@media (width<=1440px){.lead-details-container{padding:14px 18px 24px}.details-content-body{gap:16px}.details-mid-col,.details-right-col{padding-right:6px}.details-right-col{flex:0 0 clamp(280px,23vw,320px);gap:10px;max-width:clamp(280px,23vw,320px)}.h-profile-left,.h-profile-right,.h-profile-extra,.right-section-box,.task-card{padding:14px}.h-profile-card{grid-template-columns:minmax(0,1fr)}.h-profile-left{border-right:0;border-bottom:1px solid var(--l-border);grid-template-columns:minmax(220px,.22fr) minmax(0,1fr);align-items:center;gap:14px 24px;padding-right:54px;display:grid}.h-identity-row{align-self:start}.h-left-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px}.h-profile-right{border-right:0;border-bottom:1px solid var(--l-border)}.h-assigned-container{grid-template-columns:auto minmax(0,1fr);margin-bottom:10px;display:grid}.h-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.h-detail-row{flex-direction:column;gap:5px;min-width:0;display:flex}.h-profile-extra{border-right:0}.h-profile-extra .h-extra-facts{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.h-profile-extra .h-extra-fact{flex-direction:column;gap:6px;min-width:0;display:flex}.h-left-row{grid-template-columns:20px minmax(62px,auto) minmax(0,1fr);gap:7px}.h-row-icon{width:20px;height:20px}}@media (width<=1366px){.lead-details-shell{height:calc(100vh - 60px)}.lead-details-container{padding:12px 16px 22px}.h-profile-left,.h-profile-right,.h-profile-extra,.right-section-box,.task-card{padding:12px}.h-profile-left,.h-identity-row{gap:10px}.h-avatar-wrapper{width:44px;height:44px}.h-rate,.h-source-pill,.h-pipeline-pill-select,.h-deal-stage-pill-select,.h-disposition-pill-select,.h-intent-pill-select,.h-product-pill-trigger,.h-user-chip,.h-email-chip,.h-info-grid,.h-extra-facts{font-size:10px}.h-left-list{gap:5px}.h-left-row{min-height:26px}}@media (width<=1300px){.details-content-body{gap:12px}.details-mid-col{padding-right:4px}.details-right-col{flex-basis:clamp(260px,22vw,290px);max-width:clamp(260px,22vw,290px);padding-right:4px}.details-right-col .right-section-box{margin-bottom:10px;padding:12px}.details-right-col .section-header-row{flex-wrap:wrap;align-items:flex-start;gap:8px}.details-right-col .contact-actions-container{justify-content:stretch;width:100%}.details-right-col .contact-action-btn{flex:auto}.details-right-col .company-header{align-items:flex-start;gap:10px}.details-right-col .company-logo-box{flex:0 0 32px;width:32px;height:32px}.details-right-col .company-details .c-name{font-size:13px}.details-right-col .company-contact-row{align-items:flex-start;font-size:12px}.details-right-col .contact-list-item{flex-direction:column;align-items:stretch;padding:10px}.details-right-col .contact-list-item-actions{align-self:flex-end;margin-left:0;padding-top:0}.h-profile-card{grid-template-columns:minmax(0,1fr)}.h-profile-left{border-right:0;border-bottom:1px solid var(--l-border);grid-template-columns:minmax(210px,.28fr) minmax(0,1fr);padding-right:54px}.h-profile-right{border-right:0;border-bottom:1px solid var(--l-border)}.h-profile-extra{border-right:0}.h-left-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px 14px}.h-left-row{grid-template-columns:20px minmax(72px,auto) minmax(0,1fr)}.h-profile-card.collapsed .h-profile-left{border-right:0;padding-bottom:14px}}@media (width<=1100px){.lead-details-container{padding:12px 14px 20px}.details-content-body{gap:10px}.details-right-col{flex-basis:250px;gap:8px;max-width:250px}.details-right-col .right-section-box{padding:10px}.details-right-col .contact-action-btn{min-height:32px;padding-inline:10px;font-size:12px}.h-profile-card{grid-template-columns:minmax(0,1fr)}.h-profile-left{border-right:0;border-bottom:1px solid var(--l-border);grid-template-columns:minmax(0,1fr);padding-right:44px}.h-profile-right{border-right:0;border-bottom:1px solid var(--l-border)}.h-profile-extra{border:0;grid-column:auto;padding-top:10px}.h-profile-card.collapsed .h-profile-left{border-bottom:0}.h-left-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.h-info-grid,.h-extra-facts{grid-template-columns:minmax(96px,.34fr) minmax(0,1fr)}.h-profile-extra .h-extra-facts{border:1px solid var(--l-border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:10px;padding:10px}.h-profile-extra .h-extra-fact{border-right:1px solid var(--l-border);flex-direction:column;gap:6px;min-width:0;padding-right:10px;display:flex}.h-profile-extra .h-extra-fact:last-child{border-right:0;padding-right:0}.h-profile-extra .h-info-label,.h-profile-extra .h-info-value{min-height:auto}}@media (width<=900px){.lead-details-shell{height:auto;min-height:calc(100vh - 60px);overflow:visible}.lead-details-container{display:block}.details-content-body{min-height:auto}.details-mid-col,.details-right-col{padding-bottom:28px}.details-right-col,.h-profile-card{grid-template-columns:1fr}.h-profile-left,.h-profile-right{border-right:0;border-bottom:1px solid var(--l-border)}.h-profile-extra{grid-column:auto}.h-left-list{grid-template-columns:1fr}.h-profile-extra .h-extra-facts{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=640px){.lead-details-container{padding:10px}.h-left-row{grid-template-columns:22px minmax(82px,auto) minmax(0,1fr)}.h-info-grid,.h-extra-facts{grid-template-columns:1fr;gap:4px}.h-profile-extra .h-extra-facts{border:0;grid-template-columns:1fr;gap:6px;padding:0}.h-profile-extra .h-extra-fact{border:1px solid var(--l-border);border-radius:8px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.h-detail-row{gap:2px;padding:4px 0;display:grid}}.modal-overlay{z-index:9999;background-color:#f0f2f5d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.notes-popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notes-popup-modal{background:var(--l-card,#fff);width:min(720px,100%);max-height:min(760px,92vh);color:var(--l-text,#1f2937);border:1px solid var(--l-border,#e5e7eb);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a3d}.notes-popup-header{border-bottom:1px solid var(--l-border,#e5e7eb);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.notes-popup-title{color:var(--l-accent,#10b981);align-items:center;gap:8px;font-size:16px;font-weight:750;display:inline-flex}.notes-popup-close{border:1px solid var(--l-border,#e5e7eb);background:var(--l-card,#fff);width:34px;height:34px;color:var(--l-text-muted,#6b7280);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.notes-popup-close:hover{border-color:var(--l-accent,#10b981);color:var(--l-accent,#10b981)}.notes-popup-body{padding:18px;overflow-y:auto}.notes-popup-body .notes-wrapper{min-height:0}@media (width<=640px){.notes-popup-overlay{padding:12px}.notes-popup-modal{max-height:94vh}}.email-window{background-color:#fff;border:1px solid #e2e8f0e6;border-radius:18px;grid-template-columns:330px minmax(0,1fr);width:min(1180px,100vw - 48px);max-width:96vw;height:min(760px,100vh - 56px);max-height:92vh;display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a52}.sidebar-panel{background-color:#fff;border-right:1px solid #e9edef;flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-header{background:linear-gradient(#f8fafc 0%,#eef6f3 100%);border-bottom:1px solid #e2e8f0;flex-direction:column;justify-content:center;gap:7px;min-height:88px;padding:18px 20px;display:flex}.sidebar-header h3{color:#111b21;margin:0;font-size:16px;font-weight:850;line-height:1.2}.sidebar-header p{color:#667781;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:650;line-height:1.4}.email-selector{color:#111b21;background-color:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:min(320px,42vw);min-width:220px;padding:10px 12px;font-size:14px;font-weight:700}.email-selector:focus{border-color:#00a884}.contact-list{flex:1;min-height:0;overflow-y:auto}.contact-item{cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;min-width:0;padding:13px 18px;transition:background-color .2s;display:flex}.contact-item:hover{background-color:#f0f2f5}.contact-item.active{background-color:#eae6df}.avatar-circle{color:#fff;background-color:#0f766e;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:14px;font-weight:600;display:flex}.contact-details{flex:1;min-width:0;overflow:hidden}.contact-details .name{color:#111b21;margin-bottom:2px;font-size:14px;font-weight:600}.contact-details .preview-msg{color:#667781;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.contact-details .preview-meta{color:#94a3b8;margin-top:3px;font-size:11px;font-weight:700}.mail-list-state{color:#667781;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:180px;padding:22px;font-size:13px;font-weight:750;display:flex}.chat-thread-panel{background-color:#efeae2;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-thread-panel:before{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(#dfdcd6 1px,#0000 0);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.chat-header{z-index:10;background-color:#f0f2f5;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;gap:14px;min-height:88px;padding:14px 20px;display:flex}.current-recipient-info{flex:auto;align-items:center;min-width:0;display:flex;overflow:hidden}.current-recipient-info .avatar-circle{margin-right:14px}.current-recipient-info>div:last-child{min-width:0}.current-recipient-info .name{text-overflow:ellipsis;white-space:nowrap;color:#111b21;max-width:260px;font-size:15px;font-weight:850;line-height:1.25;overflow:hidden}.current-recipient-info .status-indicator{color:#667781;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;overflow:hidden}.chat-header-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:360px;margin-left:auto;display:inline-flex}.chat-header-actions .email-selector{border-color:#d1d5db;width:320px;min-width:260px;max-width:320px;height:46px;box-shadow:0 8px 20px #0f172a0d}.dismiss-x-btn{color:#54656f;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:inline-flex}.chat-scroll-area{z-index:5;flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px 30px;display:flex;overflow-y:auto}.bubble-wrapper{width:100%;display:flex}.bubble-wrapper.incoming{justify-content:flex-start}.bubble-wrapper.outgoing{justify-content:flex-end}.chat-bubble{color:#111b21;border-radius:8px;max-width:65%;padding:8px 12px 24px;font-size:14px;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.incoming .chat-bubble,.chat-bubble.incoming{background-color:#fff;border-top-left-radius:0}.outgoing .chat-bubble,.chat-bubble.outgoing{background-color:#d9fdd3;border-top-right-radius:0}.email-subject-tag{color:#008f70;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.mail-body,.lead-mail-shadow-host{width:100%;min-width:0;display:block}.mail-body{overflow-wrap:anywhere}.bubble-timestamp{color:#667781;font-size:10px;position:absolute;bottom:4px;right:8px}.mail-empty-thread{color:#667781;text-align:center;background:#ffffffb8;border:1px dashed #00a88457;border-radius:12px;flex-direction:column;align-items:center;gap:8px;max-width:320px;margin:auto;padding:24px;display:flex}.mail-empty-thread strong{color:#111b21;font-size:15px}.mail-empty-thread span{font-size:13px;line-height:1.45}.chat-footer-actionbar{z-index:10;background-color:#f0f2f5;border-top:1px solid #e9edef;align-items:flex-end;gap:12px;padding:14px 20px;display:flex}.text-input-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:8px 14px;display:flex;box-shadow:0 8px 20px #0f172a0d}.text-input-container:focus-within{border-color:#00a884}.subject-field{color:#333;border:none;border-bottom:1px solid #f0f2f5;border-radius:0;outline:none;width:100%;min-height:30px;margin:0 0 5px;padding:0 0 5px;font-size:12px;font-weight:700;box-shadow:none!important;background:#fff!important}.message-body-field{resize:none;color:#111b21;border:none;border-radius:0;outline:none;width:100%;min-height:38px;max-height:80px;font-family:inherit;font-size:14px;box-shadow:none!important;background:#fff!important}.subject-field::-moz-placeholder{color:#94a3b8}.message-body-field::-moz-placeholder{color:#94a3b8}.subject-field::placeholder,.message-body-field::placeholder{color:#94a3b8}.utility-row{color:#54656f;gap:10px;padding-bottom:4px;display:flex}.util-icon{cursor:pointer;font-size:18px}.util-icon:hover{color:#111b21}.btn-send-email{color:#fff;cursor:pointer;background-color:#00a884;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;box-shadow:0 1px 3px #0003}.btn-send-email:hover{background-color:#008f70}@media (width<=980px){.email-window{grid-template-columns:280px minmax(0,1fr)}.chat-header{flex-direction:column;align-items:flex-start;min-height:132px}.chat-header-actions{width:100%;min-width:0;margin-left:0}.chat-header-actions .email-selector{flex:1;width:100%;min-width:0;max-width:none}.current-recipient-info .name,.current-recipient-info .status-indicator{max-width:100%}}@media (width<=760px){.email-window{grid-template-columns:minmax(0,1fr);width:calc(100vw - 24px);height:calc(100vh - 24px)}.sidebar-panel{display:none}.chat-scroll-area{padding:18px}.chat-footer-actionbar{gap:8px;padding:12px}.utility-row{display:none}.chat-bubble{max-width:86%}}.deep-dive-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deep-dive-modal-container{background-color:var(--l-card,white);border:1px solid var(--l-border,#e5e7eb);border-radius:12px;flex-direction:column;width:95%;max-width:960px;height:75vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.deep-dive-modal-header{border-bottom:1px solid var(--l-border,#e5e7eb);background-color:var(--l-accent,#ff5a1f);color:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.deep-dive-modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.deep-dive-modal-close-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;padding:4px;transition:background-color .2s;display:flex}.deep-dive-modal-close-btn:hover{background-color:#fff3}.deep-dive-modal-content{background-color:var(--l-bg,#f3f4f6);flex-grow:1;display:flex;overflow:hidden}.deep-dive-sidebar{border-right:1px solid var(--l-border,#e5e7eb);background-color:var(--l-card,white);flex-shrink:0;width:280px;padding:8px;overflow-y:auto}.sidebar-item{cursor:pointer;border:1px solid #0000;border-radius:6px;margin-bottom:4px;padding:12px 16px;font-size:.9rem;transition:all .2s}.sidebar-item.selected{background-color:var(--l-accent,#ff5a1f);color:#fff;font-weight:500;box-shadow:0 2px 8px #0000001a}.sidebar-item:not(.selected):hover{background-color:var(--l-bg,#f9fafb)}.deep-dive-preview{flex-grow:1;overflow-y:auto}.no-item-selected{height:100%;color:var(--l-text-muted,#9ca3af);justify-content:center;align-items:center;display:flex}@media (width<=768px){.deep-dive-modal-container{border-radius:0;width:100%;height:100%}.deep-dive-modal-content{flex-direction:column}.deep-dive-sidebar{border-right:none;border-bottom:1px solid var(--l-border,#e5e7eb);width:100%;padding:8px;display:flex;overflow:auto hidden}.sidebar-item{white-space:nowrap;flex-shrink:0;margin-bottom:0;margin-right:8px}.deep-dive-preview{box-shadow:0 -5px 10px -5px #0000001a}}.preview-container{background-color:var(--l-card,white);height:100%;padding:20px 24px}.preview-header{border-bottom:1px solid var(--l-border,#eee);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;display:flex}.preview-title{color:var(--l-text,#1f2937);margin:0;font-size:1.5rem;font-weight:700}.preview-edit-btn{background-color:var(--l-bg,#f3f4f6);border:1px solid var(--l-border,#ccc);cursor:pointer;color:var(--l-text,#1f2937);border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.preview-edit-btn:hover{background-color:var(--l-accent-light,#fde4d8);border-color:var(--l-accent,#ff5a1f)}.preview-main-info{background-color:var(--l-bg,#f9fafb);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.main-info-amount{align-items:center;gap:12px;display:flex}.main-info-icon{color:var(--l-accent,#ff5a1f)}.amount-value{color:var(--l-text,#1f2937);font-size:2rem;font-weight:700}.amount-label{color:var(--l-text-muted,#666);align-self:flex-end;margin-bottom:4px;font-size:.9rem}.status-badge{text-transform:uppercase;border-radius:999px;padding:6px 16px;font-size:.875rem;font-weight:600}.status-completed{color:#067647;background-color:#10b9811a}.status-cancelled{color:#b91c1c;background-color:#ef44441a}.status-inprogress{color:#1d4ed8;background-color:#3b82f61a}.preview-main-info.ticket{justify-content:flex-start;gap:20px}.main-info-status .info-label{color:var(--l-text-muted,#666);margin-bottom:8px;font-size:.9rem;display:block}.priority-badge{text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.priority-high{color:#b91c1c;background-color:#ef44441a}.priority-medium{color:#b45309;background-color:#f59e0b1a}.priority-low{color:#15803d;background-color:#22c55e1a}.preview-section{margin-bottom:24px}.preview-section-title{color:var(--l-text,#1f2937);border-bottom:1px solid var(--l-border,#eee);margin:0 0 8px;padding-bottom:8px;font-size:1rem;font-weight:600}.preview-description{color:var(--l-text-muted,#666);margin:0;font-size:.9rem;line-height:1.6}.preview-details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.detail-item{background-color:var(--l-bg,#f9fafb);border:1px solid var(--l-border,#eee);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.detail-icon{color:var(--l-text-muted,#666);flex-shrink:0}.detail-label{color:var(--l-text-muted,#666);font-size:.8rem;display:block}.detail-value{color:var(--l-text,#1f2937);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.preview-section-title{align-items:center;gap:8px;display:flex}.attachment-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:20px;display:grid}.attachment-item{background-color:var(--l-bg,#f9fafb);border:1px solid var(--l-border,#eee);color:inherit;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.attachment-item:hover{border-color:var(--l-accent,#ff5a1f);background-color:var(--l-accent-light,#fde4d8)}.file-icon{width:24px;height:24px;color:var(--l-text-muted,#666);flex-shrink:0}.attachment-details{min-width:0}.attachment-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;display:block;overflow:hidden}.attachment-meta{color:var(--l-text-muted,#666);font-size:.8rem}.no-attachments{color:var(--l-text-muted,#666);text-align:center;background-color:var(--l-bg,#f9fafb);border-radius:8px;margin:10px 0 20px;padding:20px;font-size:.9rem}.upload-form{background-color:var(--l-bg,#f9fafb);border:1px solid var(--l-border,#eee);border-radius:8px;padding:16px}.upload-area{margin-bottom:12px}.upload-input{display:none}.upload-label{border:2px dashed var(--l-border,#ccc);cursor:pointer;color:var(--l-text-muted,#666);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;font-size:.9rem;transition:all .2s;display:flex}.upload-label:hover{border-color:var(--l-accent,#ff5a1f);background-color:#fff}.file-selected-view{align-items:center;gap:10px;font-weight:500;display:flex}.remove-file-btn{color:var(--l-text-muted,#666);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;display:inline-flex}.remove-file-btn:hover{color:#fff;background-color:#ef4444}.upload-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.upload-category,.upload-remarks{border:1px solid var(--l-border,#ccc);background-color:var(--l-card,white);width:100%;color:var(--l-text);border-radius:6px;padding:10px}.upload-btn{background-color:var(--l-accent,#ff5a1f);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;transition:background-color .2s;display:inline-flex}.upload-btn:hover{filter:brightness(1.1)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-error{color:#b91c1c;text-align:center;margin-top:8px;font-size:.8rem}.attachment-preview-container{flex-direction:column;height:100%;display:flex}.attachment-preview-content{flex-grow:1;overflow:auto}.attachment-preview-image{max-width:100%;height:auto}.attachment-preview-pdf-container,.attachment-preview-pdf{width:100%;height:100%}.attachment-preview-default,.attachment-preview-empty{text-align:center;color:#6c757d;padding:16px}.attachment-upload-section{border-top:1px solid #eee;padding:16px}.attachment-upload-section h4,.attachment-upload-section input[type=file]{margin-bottom:8px}.attachment-upload-error{color:red;margin-top:8px;font-size:12px}.accounts-dashboard{max-width:1600px;color:var(--nav-text);margin:2rem auto;padding:0 2rem}.accounts-layout{grid-template-columns:1.2fr 1px .8fr;align-items:stretch;gap:3rem;display:grid;position:relative}.accounts-layout:before{content:"";background:var(--nav-border);grid-column:2;place-self:stretch center;width:1px;height:auto;min-height:100%}.page-header{border-bottom:1px solid var(--nav-border);grid-column:1/-1;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.header-info h1{letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:800}.header-info p{color:var(--nav-text-muted);margin-top:.5rem}.form-column{grid-column:1;position:sticky;top:2rem}.premium-card{background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:none;padding:2rem;border-radius:0!important}.premium-card.locked-card{opacity:.82}.single-account-notice{border:1px solid color-mix(in srgb, #6366f1 28%, var(--nav-border));background:color-mix(in srgb, #6366f1 9%, var(--nav-bg));color:var(--nav-text);margin:-.8rem 0 1.4rem;padding:.9rem 1rem;font-size:.88rem;font-weight:650;line-height:1.45}.card-header{color:#44458f;align-items:center;gap:12px;margin-bottom:2rem;display:flex}.card-header h3{margin:0;font-size:1.3rem;font-weight:700}:root{--light-grey-input:#f8fafc}.server-group h4{color:var(--nav-text);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:1.2rem;font-size:.95rem;font-weight:700;display:flex}.form-section label{color:var(--nav-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.form-column input,.form-column select{background:var(--light-grey-input);border:1px solid var(--nav-border);width:100%;color:var(--nav-text);outline:none;margin-bottom:1rem;padding:.85rem 1rem;font-size:.95rem;transition:all .2s;border-radius:0!important}.dark .form-column input,.dark .form-column select{background:#0f172a;border-color:#334155}.form-column input:focus{background:var(--nav-bg);border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.col.small{flex:0 0 100px}.form-actions{gap:1rem;margin-top:1rem;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:1rem;font-weight:700;transition:all .2s;display:flex;border-radius:0!important}.submit-btn:hover{filter:brightness(1.1)}.submit-btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.cancel-btn{border:1px solid var(--nav-border);color:var(--nav-text);cursor:pointer;background:0 0;padding:1rem 1.5rem;font-weight:600;border-radius:0!important}.list-column{flex-direction:column;grid-column:3;gap:1.2rem;display:flex}.account-card{background:var(--nav-bg);border:1px solid var(--nav-border);width:100%;padding:1.2rem;transition:all .3s;border-radius:0!important}.account-card:hover{background:var(--light-grey-input);border-color:#6366f1}.dark .account-card:hover{background:#1e293b}.acc-info{align-items:flex-start;gap:1rem;display:flex;position:relative}.acc-icon{color:#6366f1;background:#6366f11a;padding:10px;border-radius:0!important}.acc-details .acc-name{color:var(--nav-text);font-size:1rem;font-weight:700;display:block}.acc-details .acc-name small{color:#10b981;margin-left:5px;font-weight:600}.acc-details .acc-mail{color:var(--nav-text-muted);font-size:.85rem}.acc-badges{margin-left:auto}.badge{text-transform:uppercase;color:var(--nav-text-muted);background:#64748b22;border-radius:0;padding:2px 8px;font-size:.7rem;font-weight:700}.badge.active{color:#10b981;background:#10b9811a}.acc-server-meta{background:#00000005;border-radius:0;flex-direction:column;gap:5px;margin-top:1rem;padding:10px;display:flex}.dark .acc-server-meta{background:#ffffff08}.meta-item{color:var(--nav-text-muted);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.acc-actions{border-top:1px solid var(--nav-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.btn-test{color:#6366f1;cursor:pointer;background:0 0;border:1px solid #6366f1;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s;border-radius:0!important}.btn-test:hover:not(:disabled){color:#fff;background:#6366f1}.btn-group{gap:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;color:#fff;border:none;align-items:center;padding:8px;display:flex;border-radius:0!important}.btn-edit{background:#3b82f6}.btn-delete{background:#ef4444}.checkbox-group{align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.checkbox-group input{width:16px;height:16px;margin-bottom:0}.test-msg{border-radius:0;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:.8rem;display:flex}.test-msg.success{color:#10b981;background:#10b9811a}.test-msg.fail{color:#ef4444;background:#ef44441a}.refresh-btn{background:var(--nav-bg);border:1px solid var(--nav-border);cursor:pointer;color:var(--nav-text);padding:10px}@media (width<=1200px){.accounts-layout{grid-template-columns:1fr}.accounts-layout:before{display:none}.list-column{order:2;grid-column:1}.form-column{order:1;grid-column:1}}.accounts-dashboard{box-sizing:border-box;max-width:none;height:100%;margin:0;padding:18px;overflow:hidden auto}.page-header{align-items:center;margin-bottom:1rem;padding-bottom:1rem}.accounts-layout{grid-template-columns:minmax(330px,1.08fr) minmax(300px,.92fr);align-items:start;gap:18px}.accounts-layout:before{display:none}.form-column,.list-column{grid-column:auto;min-width:0}.form-column{position:static}.premium-card,.account-card{box-shadow:0 14px 34px #0f172a0f;border-radius:8px!important}.premium-card{padding:clamp(18px,2vw,26px)}.form-section{margin-bottom:1.35rem}.form-column input,.form-column select{min-height:44px;margin-bottom:.85rem;border-radius:8px!important}.dark .form-column input,.dark .form-column select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.submit-btn,.cancel-btn,.refresh-btn,.btn-test,.btn-edit,.btn-delete{min-height:42px;border-radius:8px!important}.btn-edit,.btn-delete{justify-content:center;width:42px}.account-card{padding:1rem}.acc-info{align-items:center}.acc-icon{flex:none;border-radius:8px!important}.acc-details{min-width:0}.acc-mail,.meta-item span{overflow-wrap:anywhere}.acc-server-meta{border-radius:8px}.account-modal-backdrop{z-index:90;background:#0f172a6b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.account-modal-card{background:var(--nav-bg);border:1px solid var(--nav-border);width:min(460px,100%);color:var(--nav-text);border-radius:8px;gap:14px;padding:18px 46px 18px 18px;display:flex;position:relative;box-shadow:0 24px 70px #0f172a3d}.account-modal-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.account-modal-icon.success{color:#10b981;background:#10b98121}.account-modal-icon.error{color:#ef4444;background:#ef444421}.account-modal-copy h3{color:var(--nav-text);margin:2px 0 6px;font-size:1rem}.account-modal-copy p{color:var(--nav-text-muted);margin:0;line-height:1.45}.account-modal-close{border:1px solid var(--nav-border);background:var(--nav-bg);width:32px;height:32px;color:var(--nav-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.account-modal-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.modal-secondary,.modal-danger{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.modal-secondary{border:1px solid var(--nav-border);background:var(--nav-bg);color:var(--nav-text)}.modal-danger{color:#fff;background:#ef4444;border:1px solid #ef4444}@media (width<=980px){.accounts-dashboard{height:auto;padding:12px;overflow:visible}.accounts-layout{grid-template-columns:1fr}.list-column{order:1}.form-column{order:2}}@media (width<=620px){.page-header,.acc-actions,.form-actions{flex-direction:column;align-items:stretch}.row{grid-template-columns:1fr;gap:0}.acc-info{align-items:flex-start}.acc-badges{margin-left:0}}.inventory-container{min-height:100vh;padding:24px;transition:background .3s}.light-mode{color:#111827;background:#f9fafb}.dark-mode{color:#f8fafc;background:#0f172a}.inventory-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.header-text h2{margin:0;font-size:24px;font-weight:700}.header-text p{color:#6b7280;margin:4px 0 0;font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.search-box{position:relative}.search-box input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:280px;padding:10px 12px 10px 40px}.dark-mode .search-box input{color:#fff;background:#1e293b;border-color:#334155}.spinning{animation:1s linear infinite spin}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.dark-mode .stat-card{background:#1e293b;border-color:#334155}.stat-header{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;display:flex}.stat-header p{text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.stat-card h3{margin:0;font-size:22px;font-weight:700}.inventory-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;transition:all .2s;overflow:hidden}.action-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}.dark-mode .action-footer{border-color:#334155}.request-hold-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.request-hold-btn:hover{background:#2563eb}.request-hold-btn:disabled{cursor:not-allowed;background:#94a3b8}.status-note{color:#94a3b8;font-size:12px;font-style:italic}.dark-mode .inventory-item{background:#1e293b;border-color:#334155}.inventory-item.is-open{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.item-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.summary-left{align-items:center;gap:16px;display:flex}.status-indicator{border-radius:50%;width:12px;height:12px}.status-indicator.available{background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator.hold-requested{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-indicator.sold{background:#ef4444;box-shadow:0 0 8px #ef4444}.product-info h4{margin:0;font-size:16px}.meta-info{gap:12px;margin-top:4px;display:flex}.id-tag{color:#94a3b8;font-size:12px}.status-tag{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.status-tag.available{color:#10b981;background:#10b9811a}.price-info{text-align:right;margin-right:20px}.price-label{color:#94a3b8;text-transform:uppercase;font-size:10px;display:block}.price-value{color:#3b82f6;font-weight:700}.item-details{background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px}.dark-mode .item-details{background:#0f172a;border-color:#334155}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.detail-item{color:#64748b;align-items:flex-start;gap:12px;display:flex}.detail-content label{color:#94a3b8;margin-bottom:2px;font-size:11px;display:block}.detail-content p{color:inherit;margin:0;font-size:14px;font-weight:500}.full-width{grid-column:1/-1}.asset-link{color:#3b82f6;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.skeleton-item{background:#e2e8f0;border-radius:8px;height:70px;margin-bottom:12px;position:relative;overflow:hidden}.dark-mode .skeleton-item{background:#1e293b}.skeleton-item:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:1.5s infinite wave;position:absolute;top:0;left:0}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.todo-page-container{--todo-bg:#f7f9fc;--todo-card:#fff;--todo-card-soft:#f8fafc;--todo-text:#0f172a;--todo-muted:#667085;--todo-border:#e4e7ec;--todo-accent:#2563eb;--todo-accent-soft:#eff6ff;--todo-shadow:0 12px 34px #0f172a12;background:var(--todo-bg);min-height:calc(100vh - 65px);color:var(--todo-text);padding:28px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark .todo-page-container{--todo-bg:#0f172a;--todo-card:#111827;--todo-card-soft:#1f2937;--todo-text:#f8fafc;--todo-muted:#94a3b8;--todo-border:#263449;--todo-accent:#3b82f6;--todo-accent-soft:#3b82f629;--todo-shadow:0 18px 44px #00000047}.todo-page-header,.todo-toolbar,.todo-tools,.todo-tabs,.todo-summary-grid,.todo-main-grid,.todo-chart-row,.todo-table-footer,.todo-pagination,.todo-related,.todo-assignee,.todo-panel-head,.todo-upcoming-item,.todo-modal-header,.todo-modal-footer{align-items:center;display:flex}.todo-page-header{justify-content:space-between;gap:18px;margin-bottom:24px}.todo-page-header h1{color:var(--todo-text);letter-spacing:0;margin:0;font-size:28px;font-weight:850}.todo-primary-btn,.todo-secondary-btn,.todo-filter-btn,.todo-icon-btn,.todo-tab,.todo-pagination button,.todo-row-check{font:inherit;cursor:pointer}.todo-primary-btn{background:var(--todo-accent);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 22px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px #2563eb38}.todo-primary-btn.full{width:100%}.todo-primary-btn:hover{filter:brightness(1.06)}.todo-toolbar{justify-content:space-between;gap:16px;margin-bottom:22px}.todo-tabs{scrollbar-width:none;background:#eef2f7;border-radius:10px;gap:10px;padding:6px;overflow-x:auto}.dark .todo-tabs{background:#1f2937}.todo-tabs::-webkit-scrollbar{display:none}.todo-tab{height:42px;color:var(--todo-muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 18px;font-size:13px;font-weight:800}.todo-tab.active{background:var(--todo-card);color:var(--todo-accent);box-shadow:0 6px 18px #0f172a0f}.todo-tools{gap:12px;min-width:0}.todo-search,.todo-sort,.todo-filter-btn{border:1px solid var(--todo-border);background:var(--todo-card);height:46px;color:var(--todo-muted);border-radius:8px}.todo-search{align-items:center;width:min(360px,32vw);display:flex;overflow:hidden}.todo-search input{border:0;border-right:1px solid var(--todo-border);min-width:0;height:100%;color:var(--todo-text);background:0 0;outline:none;flex:1;padding:0 14px;font-size:14px;font-weight:650}.todo-search svg{flex:none;margin:0 14px}.todo-filter-btn{align-items:center;gap:8px;padding:0 18px;font-weight:800;display:inline-flex}.todo-sort{align-items:center;gap:8px;min-width:260px;padding:0 12px 0 16px;display:flex}.todo-sort span{color:var(--todo-muted);font-weight:800}.todo-sort select{color:var(--todo-text);appearance:none;background:0 0;border:0;outline:none;flex:1;font-weight:850}.todo-stats-bar{background:var(--todo-card);border:1px solid var(--todo-border);box-shadow:var(--todo-shadow);border-radius:12px;grid-template-columns:repeat(5,1fr);margin-bottom:24px;padding:16px 8px;display:grid}.todo-stats-bar-item{justify-content:flex-start;align-items:center;gap:16px;padding:8px 24px;transition:all .2s;display:flex}.todo-stats-bar-item:not(:last-child){border-right:1px solid var(--todo-border)}.todo-stats-bar-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.todo-stats-bar-item.tone-blue .todo-stats-bar-icon-wrap{color:#2563eb;background:#eff6ff}.todo-stats-bar-item.tone-purple .todo-stats-bar-icon-wrap{color:#8b5cf6;background:#f5f3ff}.todo-stats-bar-item.tone-orange .todo-stats-bar-icon-wrap{color:#f97316;background:#fff7ed}.todo-stats-bar-item.tone-green .todo-stats-bar-icon-wrap{color:#22c55e;background:#ecfdf5}.todo-stats-bar-item.tone-red .todo-stats-bar-icon-wrap{color:#ef4444;background:#fff1f2}.dark .todo-stats-bar-item.tone-blue .todo-stats-bar-icon-wrap{color:#60a5fa;background:#2563eb29}.dark .todo-stats-bar-item.tone-purple .todo-stats-bar-icon-wrap{color:#a78bfa;background:#8b5cf629}.dark .todo-stats-bar-item.tone-orange .todo-stats-bar-icon-wrap{color:#fb923c;background:#f9731629}.dark .todo-stats-bar-item.tone-green .todo-stats-bar-icon-wrap{color:#4ade80;background:#22c55e29}.dark .todo-stats-bar-item.tone-red .todo-stats-bar-icon-wrap{color:#f87171;background:#ef444429}.todo-stats-bar-content{flex-direction:column;gap:2px;display:flex}.todo-stats-bar-label{color:var(--todo-muted);white-space:nowrap;font-size:13px;font-weight:600}.todo-stats-bar-value{color:var(--todo-text);font-size:24px;font-weight:800;line-height:1.1}.todo-chart-card,.todo-table-card,.todo-filter-panel,.todo-upcoming-panel,.todo-modal-card{background:var(--todo-card);border:1px solid var(--todo-border);box-shadow:var(--todo-shadow)}.todo-chart-card{border-radius:12px;padding:22px}.todo-chart-card h3,.todo-panel-head h3{color:var(--todo-text);margin:0;font-size:16px;font-weight:850}.todo-chart-card{grid-column:span 1}.todo-chart-row{gap:24px;margin-top:22px}.todo-donut{border-radius:50%;flex:none;width:112px;height:112px;position:relative}.todo-donut:after{content:"";background:var(--todo-card);border-radius:50%;position:absolute;inset:26px}.todo-chart-legend{flex:1;gap:12px;min-width:0;display:grid}.todo-chart-legend div{color:var(--todo-muted);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;font-weight:750;display:grid}.todo-chart-legend span,.todo-dot{border-radius:50%;width:10px;height:10px}.todo-chart-legend strong{color:var(--todo-text)}.todo-main-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.todo-table-card,.todo-filter-panel,.todo-upcoming-panel{border-radius:12px;overflow:hidden}.todo-table-scroll{overflow-x:auto}.todo-task-table{border-collapse:collapse;text-align:left;width:100%;min-width:1450px}.todo-task-table th,.todo-task-table td{border-bottom:1px solid var(--todo-border);vertical-align:middle;padding:22px 20px}.todo-task-table th:nth-child(3),.todo-task-table td:nth-child(3){min-width:240px}.todo-task-table th:nth-child(6),.todo-task-table td:nth-child(6){min-width:150px}.todo-task-table th:nth-child(7),.todo-task-table td:nth-child(7),.todo-task-table th:nth-child(8),.todo-task-table td:nth-child(8){min-width:200px}.todo-task-table th{color:var(--todo-muted);background:var(--todo-card-soft);font-size:12px;font-weight:850}.todo-check-box,.todo-row-check{border:2px solid var(--todo-border);background:var(--todo-card);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.todo-row-check.checked{background:#22c55e;border-color:#22c55e}.todo-task-name{gap:6px;min-width:220px;display:grid}.todo-task-name strong,.todo-related strong,.todo-assignee span,.todo-upcoming-item strong{color:var(--todo-text);font-size:14px;font-weight:850}.todo-task-name span,.todo-related small,.todo-due span,.todo-upcoming-item small,.todo-muted{color:var(--todo-muted);font-size:13px;font-weight:650}.todo-related{gap:12px}.todo-related>span{background:var(--todo-accent-soft);width:38px;height:38px;color:var(--todo-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.todo-related div,.todo-due{gap:4px;display:grid}.todo-priority,.todo-status{border-radius:8px;justify-content:center;align-items:center;min-width:78px;min-height:30px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.priority-High{color:#ef4444;background:#fee2e2}.priority-Medium{color:#f97316;background:#fff7ed}.priority-Low{color:#22c55e;background:#ecfdf5}.status-todo{color:#2563eb;background:#eff6ff}.status-progress{color:#f97316;background:#fff7ed}.status-done{color:#22c55e;background:#ecfdf5}.dark .todo-priority,.dark .todo-status{background:#ffffff0f}.todo-due strong{color:var(--todo-text);font-size:13px;font-weight:850}.todo-due.overdue strong,.todo-due.overdue span{color:#ef4444}.todo-due.future strong,.todo-due.future span{color:#22c55e}.todo-assignee{gap:10px}.todo-assignee img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:38px;height:38px}.todo-icon-btn{width:34px;height:34px;color:var(--todo-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.todo-icon-btn:hover{background:var(--todo-card-soft);color:var(--todo-accent)}.todo-icon-btn.danger:hover{color:#ef4444}.todo-table-footer{color:var(--todo-muted);justify-content:space-between;gap:16px;padding:16px 20px;font-size:13px;font-weight:750}.todo-pagination{gap:8px}.todo-pagination button{border:1px solid var(--todo-border);background:var(--todo-card);width:34px;height:34px;color:var(--todo-muted);border-radius:8px;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.todo-pagination button.active{background:var(--todo-accent);color:#fff;border-color:var(--todo-accent)}.todo-pagination button:disabled{opacity:.45;cursor:not-allowed}.todo-side{gap:18px;display:grid}.todo-filter-panel,.todo-upcoming-panel{padding:22px}.todo-panel-head{justify-content:space-between;margin-bottom:20px}.todo-panel-head button{color:var(--todo-accent);cursor:pointer;background:0 0;border:0;font-weight:850}.todo-filter-panel label{color:var(--todo-muted);gap:8px;margin-bottom:16px;font-size:12px;font-weight:850;display:grid}.todo-filter-panel select,.todo-filter-panel input,.todo-field input,.todo-field select,.todo-field textarea{border:1px solid var(--todo-border);background:var(--todo-card);width:100%;min-height:42px;color:var(--todo-text);font:inherit;border-radius:8px;outline:none;padding:0 12px;font-weight:650}.todo-field textarea{resize:vertical;min-height:90px;padding-top:12px}.todo-upcoming-panel{gap:18px;display:grid}.todo-upcoming-item{align-items:flex-start;gap:12px}.todo-upcoming-item div{flex:1;gap:5px;display:grid}.todo-upcoming-item svg{color:var(--todo-muted)}.todo-dot.priority-High{background:#ef4444}.todo-dot.priority-Medium{background:#f59e0b}.todo-dot.priority-Low{background:#22c55e}.todo-loading,.todo-empty{min-height:260px;color:var(--todo-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:750;display:flex}.todo-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.todo-modal-card{border-radius:14px;width:min(620px,100%);overflow:hidden}.todo-modal-header{border-bottom:1px solid var(--todo-border);justify-content:space-between;padding:18px 22px}.todo-modal-header h3{color:var(--todo-text);margin:0;font-size:18px;font-weight:850}.todo-modal-body{padding:22px}.todo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.todo-field{gap:8px;display:grid}.todo-field.full-width{grid-column:1/-1}.todo-field span{color:var(--todo-muted);font-size:12px;font-weight:850}.todo-modal-footer{justify-content:flex-end;gap:12px;margin-top:20px}.todo-secondary-btn{border:1px solid var(--todo-border);background:var(--todo-card);min-height:42px;color:var(--todo-text);border-radius:8px;padding:0 18px;font-weight:800}@keyframes todo-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.todo-toolbar,.todo-page-header{flex-direction:column;align-items:flex-start}.todo-tools{flex-wrap:wrap;width:100%}.todo-search,.todo-sort{flex:260px;width:auto}.todo-main-grid{grid-template-columns:minmax(0,1fr)}.todo-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1200px){.todo-stats-bar-item{gap:12px;padding:8px 16px}}@media (width<=1024px){.todo-stats-bar{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.todo-stats-bar-item{background:var(--todo-card-soft);border-radius:8px;padding:12px;border-right:none!important}}@media (width<=900px){.todo-chart-card{grid-column:1/-1}.todo-task-table,.todo-task-table thead,.todo-task-table tbody,.todo-task-table tr,.todo-task-table td{width:100%;display:block}.todo-task-table{min-width:0}.todo-task-table thead{display:none}.todo-task-table tr{border-bottom:1px solid var(--todo-border);padding:16px}.todo-task-table td{border:0;padding:8px 0}.todo-side{grid-template-columns:1fr}}@media (width<=620px){.todo-page-container{padding:18px}.todo-stats-bar{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.todo-stats-bar-item{background:var(--todo-card-soft);border-radius:8px;gap:10px;padding:10px;border-right:none!important}.todo-tabs,.todo-search,.todo-sort,.todo-filter-btn,.todo-primary-btn{width:100%}.todo-chart-row,.todo-table-footer,.todo-modal-footer{flex-direction:column;align-items:flex-start}.todo-form-grid{grid-template-columns:1fr}}@media (width<=480px){.todo-stats-bar{grid-template-columns:1fr}}.inventory-container{box-sizing:border-box;width:100%;min-height:100vh;padding:clamp(18px,4vw,40px) clamp(12px,3vw,20px);font-family:Inter,sans-serif;transition:background .3s;overflow-x:hidden}.inventory-container *,.inventory-container :before,.inventory-container :after{box-sizing:border-box}.inventory-container.light{--card:#fff;--border:#e5e7eb;--text:#111114;--subtext:#64748b;background:#fcfcfd}.inventory-container.dark{--card:#111114;--border:#222226;--text:#fff;--subtext:#94a3b8;background:#0a0a0c}.max-width-wrapper{width:min(1200px,100%);margin:0 auto}.page-header{border-bottom:1px solid #3b82f633;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:20px;display:flex}.accent-bar{background:#2563eb;width:32px;height:4px;margin-bottom:8px}.subtitle{text-transform:uppercase;letter-spacing:.3em;color:#3b82f6;font-size:10px;font-weight:900}.main-title{color:var(--text);font-size:32px;font-weight:300}.main-title span{font-weight:800}.action-bar{gap:12px;display:flex}.search-wrapper{min-width:0;position:relative}.search-icon{color:var(--subtext);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrapper input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:4px;width:min(300px,100%);min-width:0;padding:12px 12px 12px 42px}.refresh-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:12px}.metrics-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:30px;display:grid}.metric-card{background:var(--card);justify-content:space-between;align-items:center;padding:24px;display:flex}.metric-card p{text-transform:uppercase;color:var(--subtext);margin-bottom:4px;font-size:10px;font-weight:800}.metric-card h3{color:var(--text);font-size:28px;font-weight:700}.product-stack{flex-direction:column;gap:12px;display:flex}.product-card{background:var(--card);border:1px solid var(--border);border-radius:4px;min-width:0;transition:all .3s}.product-card.expanded{border-color:#3b82f6;box-shadow:0 10px 30px -10px #00000080}.card-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:20px;display:flex}.summary-left{align-items:center;gap:20px;min-width:0;display:flex}.summary-left>div:last-child{min-width:0}.status-indicator{border:1px solid var(--border);width:40px;height:40px;color:var(--subtext);justify-content:center;align-items:center;display:flex}.status-indicator .active{color:#3b82f6}.summary-left h4{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700}.meta-tags{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;margin-top:4px;display:flex}.product-id{color:#3b82f6;overflow-wrap:anywhere;font-family:monospace;font-size:10px;font-weight:700}.location-tag{overflow-wrap:anywhere}.status-pill{text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:9px;font-weight:900}.status-available{color:#166534;background:#dcfce7}.status-hold-requested{color:#92400e;background:#fef3c7}.summary-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.price-display{text-align:right;margin-right:0}.price-display .label{color:var(--subtext);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.price-display .value{color:var(--text);overflow-wrap:anywhere;font-size:18px;font-weight:900}.card-details{border-top:1px solid var(--border);min-width:0;padding:clamp(18px,3vw,30px)}.details-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,3vw,40px);min-width:0;display:grid}.media-column,.info-column{min-width:0}.video-wrapper{aspect-ratio:16/9;border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.video-wrapper iframe,.video-wrapper video{width:100%;height:100%}.image-container{border:1px solid var(--border);margin-top:20px;position:relative}.image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:clamp(190px,24vw,280px);display:block}.img-overlay{color:#fff;background:#000c;padding:4px 10px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.action-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.tool-btn,.hold-action-btn{text-transform:uppercase;cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.tool-btn{border:1px solid var(--border);color:var(--text);background:0 0}.hold-action-btn{color:#fff;background:#2563eb;border:none}.hold-action-btn:hover{background:#1d4ed8}.section-title{text-transform:uppercase;color:var(--subtext);border-left:2px solid #3b82f6;align-items:center;gap:8px;margin-bottom:12px;padding-left:10px;font-size:10px;font-weight:900;display:flex}.description-section p{color:var(--subtext);overflow-wrap:anywhere;font-size:14px;line-height:1.6}.metadata-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.meta-box{border:1px solid var(--border);background:#ffffff08;padding:15px}.meta-box .label{color:var(--subtext);text-transform:uppercase;font-size:9px;font-weight:800;display:block}.meta-box .val{color:var(--text);overflow-wrap:anywhere;font-size:14px;font-weight:700}.specs-section{margin-top:24px}.specs-content{color:var(--subtext);white-space:pre-line;border-left:1px solid var(--border);overflow-wrap:anywhere;padding-left:20px;font-size:12px}.document-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;display:flex}.doc-link{text-transform:uppercase;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.doc-link.pdf{color:#ef4444;border-color:#ef44444d}.doc-link.pay{color:#10b981;border-color:#10b9814d}.animate-spin{animation:1s linear infinite spin}.animate-fade{animation:.4s ease-out fadeIn}@keyframes fadeIn{to{opacity:1}}.loader-container{min-height:50vh;color:var(--subtext);letter-spacing:.4em;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}.corporate-loader{background:#3b82f6;width:40px;height:2px;margin-bottom:20px;position:relative;overflow:hidden}.corporate-loader:after{content:"";background:#fff;width:100%;height:100%;animation:1.5s infinite slide;position:absolute;left:-100%}@keyframes slide{to{left:100%}}@media (width<=900px){.page-header{flex-direction:column;align-items:stretch;gap:18px}.action-bar{width:100%}.search-wrapper{flex:1}.search-wrapper input{width:100%}.metrics-grid,.details-grid{grid-template-columns:1fr}}@media (width<=640px){.main-title{font-size:26px}.subtitle{letter-spacing:.18em}.card-summary{flex-direction:column;align-items:flex-start;padding:16px}.summary-left{gap:12px;width:100%}.status-indicator{flex:0 0 34px;width:34px;height:34px}.summary-right{justify-content:space-between;width:100%}.price-display{text-align:left}.metadata-grid,.document-links,.action-row{grid-template-columns:1fr}.metadata-grid{display:grid}.tool-btn,.hold-action-btn,.doc-link{flex:100%;width:100%}}.intent-dashboard-page{width:100%}.intent-hero{justify-content:space-between;gap:16px}.intent-refresh{border:1px solid var(--dash-border);background:var(--dash-card);width:42px;height:42px;color:var(--dash-text);cursor:pointer;box-shadow:var(--dash-shadow);border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,transform .2s;display:inline-flex}.intent-refresh:hover:not(:disabled){border-color:color-mix(in srgb, var(--dash-blue) 42%, var(--dash-border));transform:translateY(-1px)}.intent-refresh:disabled{cursor:default;color:var(--dash-muted)}.intent-kpis{grid-template-columns:repeat(4,minmax(180px,1fr))}.intent-kpi{cursor:default}.intent-kpi:hover{transform:none}.intent-kpi .kpi-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.intent-table-card{background:linear-gradient(180deg, color-mix(in srgb, var(--dash-card) 96%, var(--dash-blue-soft)) 0%, var(--dash-card) 100%)}.intent-card-header h2{font-size:18px}.intent-table-wrap{border:1px solid var(--dash-border);border-radius:8px;overflow-x:auto}.intent-table{border-collapse:collapse;text-align:left;width:100%;min-width:920px}.intent-table th{background:var(--dash-card-soft);color:var(--dash-muted);border-bottom:1px solid var(--dash-border);text-transform:uppercase;padding:14px 16px;font-size:11px;font-weight:900}.intent-table td{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 86%, transparent);color:var(--dash-text);vertical-align:middle;padding:16px}.intent-table tr:last-child td{border-bottom:0}.intent-table tbody tr{cursor:pointer;transition:background-color .2s}.intent-table tbody tr:hover{background:var(--dash-card-soft)}.intent-lead-name{color:var(--dash-text);font-size:14px;font-weight:900}.intent-lead-meta{color:var(--dash-muted);flex-wrap:wrap;gap:12px;margin-top:5px;font-size:12px;font-weight:760;display:flex}.intent-lead-meta span,.intent-location{align-items:center;gap:5px;display:inline-flex}.intent-status-tag{background:var(--dash-neutral-soft);min-height:26px;color:var(--dash-muted);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.intent-product{color:var(--dash-text);font-size:14px;font-weight:900}.intent-source{color:var(--dash-muted);margin-top:4px;font-size:11px;font-weight:760}.intent-location{color:var(--dash-muted);font-size:13px;font-weight:850}.intent-open-icon{color:var(--dash-muted)}.intent-empty{border:0;min-height:320px}.intent-query-note{color:var(--dash-muted);font-size:12px;font-weight:800}.intent-skeleton{border:1px solid var(--dash-border);border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.intent-skeleton-row{border-bottom:1px solid color-mix(in srgb, var(--dash-border) 86%, transparent);grid-template-columns:minmax(260px,1.4fr) minmax(130px,.7fr) minmax(180px,1fr) minmax(140px,.8fr);align-items:center;gap:18px;min-height:74px;padding:16px;display:grid}.intent-skeleton-row:last-child{border-bottom:0}.intent-skeleton-row .dashboard-shimmer{height:18px;min-height:18px}.spin{animation:1s linear infinite spin}@media (width<=1500px){.intent-kpis{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=980px){.intent-hero{align-items:flex-start}.intent-kpis{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.intent-refresh{flex:none}.intent-table-card{padding:14px}}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}*,:before,:after{box-sizing:border-box}body{overflow:hidden}.app-layout{background:#f8fafc;width:100%;height:100dvh;min-height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background:#0f172a;flex-direction:column;width:240px;min-width:240px;height:100vh;padding:20px;display:flex;overflow-y:auto}.logo{margin-bottom:24px;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-nav .nav-item{color:#cbd5f5;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav .nav-item:hover{color:#fff;background:#1e293b}.sidebar-nav .active{color:#fff;background:#eb9525}.main-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-section header{flex-shrink:0;width:100%}.content-area{background:#f8fafc;flex:1;padding:24px;overflow-y:auto}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.preview-panel{display:none}@media (width<=768px){.sidebar{z-index:100;transition:left .3s;position:fixed;top:0;left:-240px}.sidebar.open{left:0}.main-section{width:100%}}.legal-container{color:#333;background-color:#f9f9f9;max-width:1200px;min-height:100vh;margin:120px auto 0;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.legal-header{text-align:center;border-bottom:1px solid #ddd;margin-bottom:40px;padding-bottom:20px}.legal-header h1{color:#1a1a2e;margin-bottom:10px;font-size:2.5rem}.legal-header p{color:#666;font-size:1.1rem}.legal-layout{gap:30px;display:flex;position:relative}.legal-sidebar{flex:0 0 250px}.legal-sidebar nav{background:#fff;border-radius:8px;padding:10px;position:sticky;top:20px;box-shadow:0 2px 8px #0000000d}.legal-sidebar button{text-align:left;cursor:pointer;color:#555;background:0 0;border:none;border-radius:6px;width:100%;margin-bottom:5px;padding:12px 15px;font-size:.95rem;transition:all .2s;display:block}.legal-sidebar button:hover{color:#0056b3;background-color:#f0f4ff}.legal-sidebar button.active{color:#fff;background-color:#0056b3;font-weight:600}.legal-content{background:#fff;border-radius:8px;flex:1;padding:40px;box-shadow:0 2px 10px #0000000d}.policy-doc h2{color:#1a1a2e;border-bottom:2px solid #0056b3;margin-bottom:10px;padding-bottom:10px;font-size:2rem;display:inline-block}.policy-doc .last-updated{color:#888;margin-bottom:30px;font-size:.9rem;font-style:italic}.policy-doc h3{color:#2c3e50;margin-top:30px;margin-bottom:15px;font-size:1.4rem}.policy-doc h4{color:#444;margin-top:20px;margin-bottom:10px;font-size:1.1rem}.policy-doc p{text-align:justify;margin-bottom:15px}.policy-doc ul{margin-bottom:20px;padding-left:25px}.policy-doc li{margin-bottom:8px}.policy-doc a{color:#0056b3;text-decoration:none}.policy-doc a:hover{text-decoration:underline}.legal-footer{text-align:center;color:#888;border-top:1px solid #eee;margin-top:50px;padding-top:20px;font-size:.85rem}@media (width<=768px){.legal-layout{flex-direction:column}.legal-sidebar{flex:none;width:100%}.legal-sidebar nav{gap:10px;padding:10px;display:flex;position:static;overflow-x:auto}.legal-sidebar button{white-space:nowrap;width:auto;margin-bottom:0}.legal-content{padding:20px}.policy-doc h2{font-size:1.5rem}}.login-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;opacity:0;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.login-modal-container{background:#fff;border-radius:32px;width:95%;max-width:920px;max-height:95vh;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 40px 100px -30px #0006}@keyframes slideUp{to{transform:translateY(0)}}.login-modal-left{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-modal-image{-o-object-fit:cover;object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.industry-animate{animation:1.2s ease-out forwards scaleIn}@keyframes scaleIn{0%{opacity:.5;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.login-modal-gradient{background:linear-gradient(#0000001a 0%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.industry-badge{z-index:5;color:#fff;animation:.8s cubic-bezier(.16,1,.3,1) .2s both slideRight;position:absolute;bottom:40px;left:40px}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.industry-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.05em;background:#fff3;border:1px solid #ffffff1a;border-radius:100px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.industry-name{text-shadow:0 4px 12px #0000004d;margin:0;font-size:1.5rem;font-weight:800}.login-modal-right{flex-direction:column;flex:1;padding:40px 48px 72px;display:flex;position:relative;overflow:hidden}.modal-close-btn{cursor:pointer;color:#0f172a;z-index:9999;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.modal-close-btn:hover{transform:scale(1.05)}.modal-close-btn svg{stroke-width:2.5px;display:block;stroke:#0f172a!important;width:20px!important;height:20px!important}.modal-header-section{margin-bottom:24px}.login-modal-right h2{color:#0f172a;text-align:center;margin-bottom:8px;font-size:1.75rem;font-weight:800}.modal-subtitle{color:#64748b;text-align:center;margin-bottom:20px;font-size:.85rem}.google-login-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:14px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.google-login-btn:hover{background:#f8fafc;border-color:#cbd5e1}.google-icon{width:22px;height:22px;display:block}.modal-separator{align-items:center;margin-bottom:12px;display:flex}.modal-separator:after,.modal-separator:before{content:"";background:#e2e8f0;flex:1;height:1px}.modal-separator span{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;padding:0 12px;font-size:.7rem}.modal-form-group{flex:1;margin-bottom:12px}.modal-form-row{gap:16px;margin-bottom:0;display:flex}.modal-form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.modal-input-wrapper{position:relative}.modal-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.modal-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.modal-input-icon{align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.modal-status-text{margin-top:4px;font-size:.75rem;font-weight:500}.modal-status-text.exists{color:#059669}.modal-status-text.not-found{color:#ef4444}.modal-status-text.checking{color:#64748b}.modal-input.input-success{background:#f0fdf4;border-color:#10b981}.modal-input.input-error{background:#fef2f2;border-color:#ef4444}.modal-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:48%;right:12px;transform:translateY(-50%)}.modal-forgot-link{text-align:right;color:#64748b;cursor:pointer;background:0 0;border:none;width:100%;margin-top:6px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s;display:block}.modal-forgot-link:hover{color:#2563eb;text-decoration:underline}.modal-submit-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:15px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.modal-submit-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.modal-spinner{animation:1s linear infinite spin}.modal-toggle-auth{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:.9rem;display:flex}.modal-toggle-auth button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.modal-toggle-auth button:hover{color:#1d4ed8;text-decoration:underline}.modal-error-msg{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-bottom:16px;padding:10px;font-size:.85rem}.modal-success-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 0;animation:.5s ease-out fadeIn;display:flex}.success-icon-wrapper{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.success-check-icon{color:#059669;animation:2s infinite pulseSuccess}@keyframes pulseSuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-success-screen h2{color:#0f172a;margin-bottom:12px;font-size:1.8rem}.modal-success-screen p{color:#64748b;margin-bottom:24px;font-size:1rem;line-height:1.6}.auto-close-timer{color:#94a3b8;font-size:.85rem;font-weight:500}.modal-footer-text{text-align:center;color:#94a3b8;margin-top:auto;padding-top:16px;font-size:.8rem;line-height:1.2}.modal-footer-text a{color:#64748b;font-weight:500;text-decoration:underline}@media (width<=768px){.login-modal-left{display:none}.login-modal-container{max-width:450px;max-height:95vh}.login-modal-right{padding:32px 24px 40px}.modal-form-row{flex-direction:column;gap:0}.modal-back-btn{top:20px;left:24px}.modal-header-section{margin-top:48px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.\@container,.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[-3\.25rem\]{margin-top:-3.25rem}.ml-auto{margin-left:auto}.box-content{box-sizing:content-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[8\.5rem\]{height:8.5rem}.h-\[12rem\]{height:12rem}.h-\[14rem\]{height:14rem}.h-\[16rem\]{height:16rem}.h-\[18rem\]{height:18rem}.h-\[22rem\]{height:22rem}.h-\[31rem\]{height:31rem}.h-\[34rem\]{height:34rem}.h-\[clamp\(5\.5rem\,18vw\,7\.5rem\)\]{height:clamp(5.5rem,18vw,7.5rem)}.h-\[clamp\(6rem\,10vw\,8rem\)\]{height:clamp(6rem,10vw,8rem)}.h-full{height:100%}.h-px{height:1px}.w-\[clamp\(5\.5rem\,18vw\,7\.5rem\)\]{width:clamp(5.5rem,18vw,7.5rem)}.w-\[clamp\(6rem\,10vw\,8rem\)\]{width:clamp(6rem,10vw,8rem)}.w-full{width:100%}.max-w-\[1760px\]{max-width:1760px}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\[clamp\(1rem\,1\.4vw\,1\.5rem\)\]{gap:clamp(1rem,1.4vw,1.5rem)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-\[linear-gradient\(135deg\,\#eaf2ff_0\%\,\#dfeaff_36\%\,\#eff4ff_100\%\)\]{background-image:linear-gradient(135deg,#eaf2ff 0%,#dfeaff 36%,#eff4ff 100%)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[clamp\(1rem\,0\.7rem\+0\.6vw\,1\.25rem\)\]{padding:clamp(1rem,.7rem + .6vw,1.25rem)}.p-\[clamp\(1rem\,0\.7rem\+0\.8vw\,1\.35rem\)\]{padding:clamp(1rem,.7rem + .8vw,1.35rem)}.p-\[clamp\(1rem\,0\.9rem\+0\.7vw\,1\.5rem\)\]{padding:clamp(1rem,.9rem + .7vw,1.5rem)}.px-\[clamp\(0\.9rem\,1vw\,1\.25rem\)\]{padding-inline:clamp(.9rem,1vw,1.25rem)}.px-\[clamp\(0\.75rem\,2vw\,1\.5rem\)\]{padding-inline:clamp(.75rem,2vw,1.5rem)}.px-\[clamp\(1rem\,1\.35vw\,1\.4rem\)\]{padding-inline:clamp(1rem,1.35vw,1.4rem)}.pt-\[clamp\(0\.75rem\,2vw\,1\.5rem\)\]{padding-top:clamp(.75rem,2vw,1.5rem)}.pb-\[clamp\(1\.5rem\,3vw\,2\.25rem\)\]{padding-bottom:clamp(1.5rem,3vw,2.25rem)}.pb-\[clamp\(1rem\,1\.2vw\,1\.25rem\)\]{padding-bottom:clamp(1rem,1.2vw,1.25rem)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[clamp\(1\.05rem\,0\.9rem\+0\.75vw\,1\.5rem\)\]{font-size:clamp(1.05rem,.9rem + .75vw,1.5rem)}.text-\[clamp\(1\.6rem\,2vw\,2\.4rem\)\]{font-size:clamp(1.6rem,2vw,2.4rem)}.text-\[clamp\(1\.35rem\,1\.12rem\+0\.85vw\,1\.9rem\)\]{font-size:clamp(1.35rem,1.12rem + .85vw,1.9rem)}.text-\[clamp\(1\.45rem\,1\.2rem\+0\.75vw\,2rem\)\]{font-size:clamp(1.45rem,1.2rem + .75vw,2rem)}.text-\[clamp\(1rem\,0\.95rem\+0\.2vw\,1\.15rem\)\]{font-size:clamp(1rem,.95rem + .2vw,1.15rem)}.leading-none{--tw-leading:1;line-height:1}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow-\[0_14px_32px_rgba\(37\,99\,235\,0\.24\)\]{--tw-shadow:0 14px 32px var(--tw-shadow-color,#2563eb3d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_32px_rgba\(15\,23\,42\,0\.18\)\]{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.\[hostname\:port\]{hostname:port}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus\:ring-2:focus,.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=1180px){.min-\[1180px\]\:col-start-2{grid-column-start:2}.min-\[1180px\]\:grid-cols-\[minmax\(18\.5rem\,22rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(18.5rem,22rem) minmax(0,1fr)}}@media (width>=1536px){.min-\[1536px\]\:grid-cols-\[minmax\(18\.5rem\,23rem\)_minmax\(0\,1\.55fr\)_minmax\(18rem\,21rem\)\]{grid-template-columns:minmax(18.5rem,23rem) minmax(0,1.55fr) minmax(18rem,21rem)}}@container (width>=48rem){.\@\[48rem\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@\[48rem\]\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.\@\[48rem\]\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\@\[48rem\]\:last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}}.dark\:border-\[\#2a3550\]:where(.dark,.dark *){border-color:#2a3550}.dark\:border-\[\#202d47\]:where(.dark,.dark *){border-color:#202d47}.dark\:border-\[\#27437f\]:where(.dark,.dark *){border-color:#27437f}.dark\:border-\[\#31415f\]:where(.dark,.dark *){border-color:#31415f}.dark\:border-\[\#31549f\]:where(.dark,.dark *){border-color:#31549f}.dark\:border-\[\#34405c\]:where(.dark,.dark *){border-color:#34405c}.dark\:border-\[\#37445f\]:where(.dark,.dark *){border-color:#37445f}.dark\:border-\[\#42506e\]:where(.dark,.dark *){border-color:#42506e}.dark\:border-\[\#182237\]:where(.dark,.dark *){border-color:#182237}.dark\:border-\[\#203156\]:where(.dark,.dark *){border-color:#203156}.dark\:bg-\[\#1b2438\]:where(.dark,.dark *){background-color:#1b2438}.dark\:bg-\[\#4d3820\]:where(.dark,.dark *){background-color:#4d3820}.dark\:bg-\[\#141d31\]:where(.dark,.dark *){background-color:#141d31}.dark\:bg-\[\#153f33\]:where(.dark,.dark *){background-color:#153f33}.dark\:bg-\[\#193d37\]:where(.dark,.dark *){background-color:#193d37}.dark\:bg-\[\#18233b\]:where(.dark,.dark *){background-color:#18233b}.dark\:bg-\[\#18356a\]:where(.dark,.dark *){background-color:#18356a}.dark\:bg-\[\#24324e\]:where(.dark,.dark *){background-color:#24324e}.dark\:bg-\[\#142548\]:where(.dark,.dark *){background-color:#142548}.dark\:bg-\[\#223766\]:where(.dark,.dark *){background-color:#223766}.dark\:bg-\[\#332657\]:where(.dark,.dark *){background-color:#332657}.dark\:bg-\[\#472536\]:where(.dark,.dark *){background-color:#472536}.dark\:bg-transparent:where(.dark,.dark *){background-color:#0000}.dark\:bg-\[radial-gradient\(circle_at_top_right\,_rgba\(45\,212\,191\,0\.05\)\,_transparent_28\%\)\,linear-gradient\(180deg\,\#1d2942_0\%\,\#182237_100\%\)\]:where(.dark,.dark *){background-image:radial-gradient(circle at 100% 0,#2dd4bf0d,#0000 28%),linear-gradient(#1d2942 0%,#182237 100%)}.dark\:stroke-\[\#34425e\]:where(.dark,.dark *){stroke:#34425e}.dark\:text-\[\#3e74ff\]:where(.dark,.dark *){color:#3e74ff}.dark\:text-\[\#3f75ff\]:where(.dark,.dark *){color:#3f75ff}.dark\:text-\[\#7da5ff\]:where(.dark,.dark *){color:#7da5ff}.dark\:text-\[\#7ea6ff\]:where(.dark,.dark *){color:#7ea6ff}.dark\:text-\[\#7f8fb2\]:where(.dark,.dark *){color:#7f8fb2}.dark\:text-\[\#8f9bb6\]:where(.dark,.dark *){color:#8f9bb6}.dark\:text-\[\#9ca8c3\]:where(.dark,.dark *){color:#9ca8c3}.dark\:text-\[\#9ec0ff\]:where(.dark,.dark *){color:#9ec0ff}.dark\:text-\[\#38d08f\]:where(.dark,.dark *){color:#38d08f}.dark\:text-\[\#49d78f\]:where(.dark,.dark *){color:#49d78f}.dark\:text-\[\#76a3ff\]:where(.dark,.dark *){color:#76a3ff}.dark\:text-\[\#7784a0\]:where(.dark,.dark *){color:#7784a0}.dark\:text-\[\#a9b6d0\]:where(.dark,.dark *){color:#a9b6d0}.dark\:text-\[\#aab7d0\]:where(.dark,.dark *){color:#aab7d0}.dark\:text-\[\#b2bfd7\]:where(.dark,.dark *){color:#b2bfd7}.dark\:text-\[\#b897ff\]:where(.dark,.dark *){color:#b897ff}.dark\:text-\[\#bcc8dc\]:where(.dark,.dark *){color:#bcc8dc}.dark\:text-\[\#dbe5f7\]:where(.dark,.dark *){color:#dbe5f7}.dark\:text-\[\#f0b347\]:where(.dark,.dark *){color:#f0b347}.dark\:text-\[\#ff6b8d\]:where(.dark,.dark *){color:#ff6b8d}.dark\:text-\[\#ff655b\]:where(.dark,.dark *){color:#ff655b}.dark\:shadow-\[0_16px_32px_rgba\(2\,6\,23\,0\.46\)\]:where(.dark,.dark *){--tw-shadow:0 16px 32px var(--tw-shadow-color,#02061775);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:shadow-\[0_20px_48px_rgba\(2\,8\,23\,0\.34\)\]:where(.dark,.dark *){--tw-shadow:0 20px 48px var(--tw-shadow-color,#02081757);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.dark\:hover\:border-\[\#2a4e97\]:where(.dark,.dark *):hover{border-color:#2a4e97}.dark\:hover\:bg-\[\#1a2945\]:where(.dark,.dark *):hover{background-color:#1a2945}.dark\:hover\:bg-\[\#13284e\]:where(.dark,.dark *):hover{background-color:#13284e}.dark\:hover\:bg-\[\#173061\]:where(.dark,.dark *):hover{background-color:#173061}.dark\:hover\:bg-\[\#204287\]:where(.dark,.dark *):hover{background-color:#204287}.dark\:hover\:bg-\[\#223152\]:where(.dark,.dark *):hover{background-color:#223152}.dark\:hover\:text-\[\#9ec0ff\]:where(.dark,.dark *):hover{color:#9ec0ff}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}:root{--l-bg:#f8fafc;--l-card:#fff;--l-text:#1e293b;--l-text-muted:#64748b;--l-border:#e2e8f0;--l-accent:#2563eb;--l-accent-hover:#1d4ed8;--l-shadow:0 10px 15px -3px #0000001a;--l-accent-light:#2563eb1a}.dark{--l-bg:#0f172a;--l-card:#1e293b;--l-text:#f1f5f9;--l-text-muted:#94a3b8;--l-border:#334155;--l-accent:#3b82f6;--l-accent-hover:#60a5fa;--l-shadow:0 20px 25px -5px #0000004d;--l-accent-light:#3b82f633}body{min-width:320px;margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html{scroll-behavior:smooth}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}