@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#f8fafc;--surface-color:#fff;--sidebar-bg:#fff;--sidebar-surface:#f8fafc;--sidebar-hover:#f1f5f9;--sidebar-active:linear-gradient(135deg, #e11d48 0%, #be123c 100%);--primary-color:#e11d48;--primary-hover:#be123c;--primary-active:#9f1239;--primary-light:#fff1f2;--primary-subtle:#ffe4e6;--primary-border:#fecdd3;--primary-glow:#e11d4840;--accent-color:#dc2626;--accent-hover:#b91c1c;--dark-brand:#0f172a;--dark-brand-hover:#1e293b;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-primary:0 4px 14px #e11d4847}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-hover)}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg,#fff);color:#1e293b;scrollbar-width:thin;scrollbar-color:#0000001a transparent;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:260px;height:100vh;max-height:100vh;padding:1.25rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto;box-shadow:1px 0 10px #0f172a05}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#0003}.sidebar-brand{border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding:0 1.25rem 1.25rem}.sidebar-menu-title{text-transform:uppercase;letter-spacing:1.2px;color:#94a3b8;margin-bottom:.5rem;padding:0 1.4rem;font-size:.72rem;font-weight:700}.nav-links{flex-direction:column;gap:.25rem;padding:0 .85rem;list-style:none;display:flex}.nav-links a{color:#475569;border-radius:10px;align-items:center;gap:.85rem;padding:.7rem .95rem;font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-links a:hover{color:#0f172a;background-color:#f1f5f9;transform:translate(2px)}.nav-links a.active{font-weight:600;box-shadow:0 4px 14px #e11d4847;color:#fff!important;background:var(--sidebar-active)!important}.module-group{flex-direction:column;margin-bottom:.15rem;display:flex}.module-header-btn{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.7rem .95rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.module-header-btn:hover{color:#0f172a;background-color:#f1f5f9}.module-header-btn.is-active{color:#e11d48;background-color:#fff1f2;border-left:3px solid #e11d48}.module-header-btn.is-active .module-title{color:#e11d48;font-weight:600}.module-header-content{align-items:center;gap:.85rem;display:flex}.module-header-right{align-items:center;gap:.5rem;display:flex}.module-chevron{color:#94a3b8;transition:transform .25s cubic-bezier(.4,0,.2,1)}.module-chevron.rotated{color:#e11d48;transform:rotate(180deg)}.module-active-pill{background-color:#e11d48;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #e11d4880}.submodule-list{border-left:2px solid #e2e8f0;flex-direction:column;gap:.2rem;margin:.2rem 0 .4rem 1.45rem;padding:.2rem 0 .2rem .75rem;list-style:none;animation:.2s ease-out fadeInSubmenu;display:flex}@keyframes fadeInSubmenu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submodule-link{border-radius:8px;align-items:center;gap:.7rem;padding:.5rem .75rem;font-size:.86rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative;color:#64748b!important}.submodule-link:hover{transform:translate(3px);color:#0f172a!important;background-color:#f8fafc!important}.submodule-link.active{font-weight:600;color:#e11d48!important;background:#fff1f2!important}.submodule-link.active:before{content:"";background-color:#e11d48;border-radius:2px;width:4px;height:16px;position:absolute;top:50%;left:-.85rem;transform:translateY(-50%)}.submodule-dot{background-color:#cbd5e1;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:all .2s}.submodule-link:hover .submodule-dot{background-color:#e11d48;transform:scale(1.3)}.submodule-link.active .submodule-dot{background-color:#e11d48;box-shadow:0 0 6px #e11d4866}.main-content{background-color:var(--bg-color);flex:1;height:100vh;padding:1.5rem 2rem;transition:all .2s;overflow-y:auto}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;box-shadow:0 2px 8px -2px #0f172a0f,0 1px 3px #00000005}.card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 24px -6px #0f172a17,0 4px 8px -2px #00000008}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);box-shadow:0 2px 8px #e11d4847}.btn-primary:hover{background:linear-gradient(135deg,#be123c 0%,#9f1239 100%);transform:translateY(-1px);box-shadow:0 4px 14px #e11d4861}.btn-primary:active{transform:translateY(0)}.btn-accent{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 2px 8px #dc262640}.btn-accent:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-1px);box-shadow:0 4px 14px #dc262659}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.badge{letter-spacing:.2px;border-radius:9999px;padding:.28rem .8rem;font-size:.8rem;font-weight:600}.badge-primary{color:#e11d48;background-color:#ffe4e6}.badge-success{color:#059669;background-color:#10b98126}.badge-warning{color:#d97706;background-color:#f59e0b26}.badge-danger{color:#dc2626;background-color:#ef444426}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.75rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#e11d48!important;box-shadow:0 0 0 3px #e11d4826!important}.modern-ui{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recent-orders-panel{border:1px solid var(--border-color);background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 14px -2px #0f172a0d}.panel-header-ref{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box-ref input{width:200px;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.85rem}.table-responsive-ref{scrollbar-width:thin;border-radius:10px;overflow-x:auto}.status-pill{letter-spacing:.2px;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.76rem;font-weight:600;display:inline-flex}.status-pill.in-progress{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}@media (width<=1024px){.sidebar{width:230px}.main-content{padding:1.25rem}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:280px}.main-content{height:auto;padding:1rem}.grid{grid-template-columns:1fr}.panel-header-ref{flex-direction:column;align-items:flex-start}.table-actions,.search-box-ref,.search-box-ref input{width:100%}}.dashboard-container.modern-ui{background-color:var(--bg-color,#f8fafc);max-width:1440px;min-height:100vh;margin:0 auto;padding:1.75rem 2rem;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container.modern-ui h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.stats-grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.stat-card-ref{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px -2px #0f172a0a}.stat-card-ref:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px -6px #0f172a14}.stat-card-ref.primary-card{color:#fff;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border-color:#0000;box-shadow:0 8px 24px -4px #e11d4852}.stat-card-ref.primary-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -4px #e11d486b}.stat-content-ref{flex-direction:column;display:flex}.stat-title-ref{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.6rem;font-size:.85rem;font-weight:600}.primary-card .stat-title-ref{color:#ffffffe0}.stat-val-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.stat-number-ref{color:#0f172a;letter-spacing:-.02em;font-size:1.65rem;font-weight:800}.primary-card .stat-number-ref{color:#fff}.stat-badge-ref{letter-spacing:.2px;border-radius:9999px;padding:.22rem .6rem;font-size:.72rem;font-weight:700}.stat-badge-ref.positive{color:#059669;background:#ecfdf5}.primary-card .stat-badge-ref.positive{color:#fff;background:#ffffff38}.stat-badge-ref.negative{color:#e11d48;background:#fff1f2}.stat-badge-ref.neutral{color:#64748b;background:#f1f5f9}.stat-subtitle-ref{color:#94a3b8;font-size:.76rem;font-weight:500}.primary-card .stat-subtitle-ref{color:#ffffffbf}.stat-icon-ref{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.stat-icon-ref.icon-white{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3}.stat-icon-ref.icon-orange{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.stat-icon-ref.icon-blue{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.stat-icon-ref.icon-purple{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6}.monthly-goal-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1.75rem;padding:1.5rem 1.75rem;box-shadow:0 2px 10px -2px #0f172a0a}.monthly-goal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.monthly-goal-title-group{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.monthly-goal-title{color:#0f172a;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.monthly-goal-percent{color:#e11d48;font-size:1.5rem;font-weight:800}.monthly-goal-progress-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;width:100%;height:10px;margin-bottom:1.25rem;overflow:hidden}.monthly-goal-progress-bar{background:linear-gradient(90deg,#e11d48 0%,#fb7185 100%);border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #e11d4859}.monthly-goal-stats-row{color:#64748b;border-top:1px solid #f8fafc;flex-wrap:wrap;align-items:center;gap:2rem;padding-top:.5rem;font-size:.88rem;display:flex}.monthly-goal-stat-item{align-items:center;gap:.45rem;display:flex}.monthly-goal-stat-label{color:#64748b;font-size:.84rem;font-weight:600}.monthly-goal-stat-value{color:#0f172a;font-weight:700}.monthly-goal-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.4rem .85rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s}.monthly-goal-select:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.charts-row{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.75rem;display:grid}.chart-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px -2px #0f172a0a}.panel-header-ref{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.dropdown-btn-ref{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dropdown-btn-ref:hover{background:#f1f5f9;border-color:#cbd5e1}.icon-btn-ref{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn-ref:hover{color:#0f172a;background:#f1f5f9}.bar-chart-container{margin-top:1rem}.gauge-container{justify-content:center;align-items:flex-end;margin-bottom:2rem;display:flex;position:relative}.gauge-label{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;transform:translateY(20px)}.gauge-percent{color:#0f172a;letter-spacing:-.02em;font-size:2.2rem;font-weight:800}.gauge-text{color:#64748b;margin-top:.25rem;font-size:.78rem;font-weight:600}.gauge-footer-stats{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:2.5rem;padding-top:1rem;display:flex}.g-stat{flex-direction:column;gap:.4rem;display:flex}.g-label{color:#64748b;font-size:.8rem;font-weight:600}.g-val{align-items:center;gap:.5rem;display:flex}.g-val strong{color:#0f172a;font-size:1.25rem;font-weight:800}.g-badge{color:#059669;background:#ecfdf5;border-radius:10px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.g-badge.dark{color:#e11d48;background:#fff1f2}.recent-orders-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px -2px #0f172a0a}.table-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-box-ref{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.5rem;padding:.45rem 1rem;transition:all .2s;display:flex}.search-box-ref:focus-within{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.search-box-ref input{color:#0f172a;background:0 0;border:none;outline:none;width:200px;font-size:.85rem}.table-responsive-ref{scrollbar-width:thin;overflow-x:auto}.ref-table{border-collapse:collapse;width:100%;margin-top:1rem}.ref-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.78rem;font-weight:700}.ref-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem 1rem;font-size:.88rem}.ref-table tr:hover td{background-color:#fcfdfe}.info-cell{align-items:center;gap:.75rem;display:flex}.info-icon{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.status-pill{letter-spacing:.2px;border-radius:20px;align-items:center;padding:.28rem .8rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-pill.paid,.status-pill.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill.pending{color:#ca8a04;background:#fefce8;border:1px solid #fef08a}.status-pill.overdue{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}@media (width<=1024px){.charts-row{grid-template-columns:1fr}}@media (width<=768px){.dashboard-container.modern-ui{padding:1.25rem 1rem}.stats-grid-4{grid-template-columns:1fr}.monthly-goal-stats-row{gap:1rem}.panel-header-ref{flex-direction:column;align-items:flex-start;gap:.75rem}.table-actions,.search-box-ref,.search-box-ref input{width:100%}}.login-container{z-index:1000;background-color:#fff;width:100vw;min-height:100vh;margin:0;padding:0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.login-left{color:#1e293b;background:linear-gradient(145deg,#f8fafc 0%,#fff1f2 40%,#f1f5f9 100%);border-right:1px solid #e2e8f0;flex:6;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#e11d4812 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-120px}.login-right{color:#1e293b;background-color:#fff;flex:4;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.brand-section{flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex}.logo-container{text-align:center;line-height:1}.platform-name{color:#64748b;letter-spacing:.5px;margin-top:.5rem;margin-bottom:2rem;font-size:.95rem;font-weight:600}.contact-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;width:100%;padding:24px 32px;display:flex;box-shadow:0 4px 20px -2px #0f172a0d,0 1px 3px #00000005}.contact-item{align-items:flex-start;gap:14px;font-size:.9rem;display:flex}.contact-icon{color:#e11d48;flex-shrink:0;margin-top:2px}.contact-item p{color:#64748b;margin:0;font-size:.88rem}.contact-item strong{color:#0f172a;margin-bottom:2px;font-weight:700;display:block}.login-form-container{width:100%;max-width:380px;padding:1rem}.login-form-container h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:6px;font-size:1.85rem;font-weight:700}.login-subtitle{color:#64748b;margin-bottom:28px;font-size:.92rem}.login-form{flex-direction:column;gap:18px;display:flex}.form-group label{color:#334155;text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:700}.form-group input{color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus{background-color:#fff;border-color:#e11d48!important;box-shadow:0 0 0 3px #e11d4826!important}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:10px;margin-top:8px;padding:13px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #e11d4859}.login-btn:hover{background:linear-gradient(135deg,#be123c 0%,#9f1239 100%);transform:translateY(-1px);box-shadow:0 6px 22px #e11d4873}.login-btn:active{transform:translateY(0)}@media (width<=900px){.login-container{flex-direction:column;height:auto;position:relative;overflow-y:auto}.login-left,.login-right{flex:none;padding:2.5rem 1.5rem}.contact-box{min-width:auto}}.pagination-container{border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;display:flex}.pagination-info{color:var(--text-secondary,#64748b);font-size:.875rem}.pagination-controls{align-items:center;gap:.5rem;display:flex}.pagination-btn{color:var(--text-primary,#1e293b);border:1px solid var(--border-color,#cbd5e1);cursor:pointer;background-color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{align-items:center;gap:.25rem;display:flex}.pagination-number{width:2rem;height:2rem;color:var(--text-primary,#1e293b);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover:not(.active){background-color:#f1f5f9}.pagination-number.active{background-color:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.pagination-ellipsis{color:var(--text-secondary,#64748b);padding:0 .25rem}.clients-list-container{flex-direction:column;gap:1.25rem;width:100%;padding-bottom:2.5rem;display:flex}.clients-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;margin-top:.5rem;display:flex}.clients-main-heading{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.client-count-badge{color:#e11d48;background:#ffe4e6;border:1px solid #e11d4826;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.clients-subheading{color:#64748b;margin:0;font-size:.86rem;font-weight:400}.clients-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.action-btn.import-label{margin:0}.client-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008}.kpi-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-wrapper.blue{color:#2563eb;background:#eff6ff}.kpi-icon-wrapper.indigo{color:#4f46e5;background:#eef2ff}.kpi-icon-wrapper.emerald{color:#059669;background:#ecfdf5}.kpi-icon-wrapper.rose{color:#e11d48;background:#fff1f2}.kpi-content{flex-direction:column;gap:.15rem;min-width:0;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.75rem;font-weight:600}.kpi-value{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.28rem;font-weight:700;overflow:hidden}.kpi-value.green-text{color:#059669}.kpi-value.rose-text{color:#e11d48}.kpi-subtext{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:400;overflow:hidden}.clients-table-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;overflow:visible;box-shadow:0 2px 6px #00000008}.clients-filter-bar{background:#fff;border-bottom:1px solid #f1f5f9;border-top-left-radius:14px;border-top-right-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.search-field-box{flex:260px;max-width:380px;position:relative}.search-field-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field-box input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 32px 0 38px;font-size:.84rem;transition:all .15s}.search-field-box input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 .85rem;font-size:.83rem;font-weight:500;transition:all .15s}.filter-select:hover{background:#fff;border-color:#cbd5e1}.filter-select:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.date-range-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:38px;padding:0 .65rem;display:flex}.date-input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.8rem}.date-separator{color:#94a3b8;font-size:.78rem;font-weight:500}.clients-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.clients-table thead th{color:#475569;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.clients-table tbody td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.95rem 1rem}.client-row{transition:background-color .15s}.client-row:hover{background-color:#fbfcfe}.client-identity-cell{align-items:center;gap:.85rem;display:flex}.client-avatar{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.client-avatar.initials{color:#fff;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.client-name-details{flex-direction:column;gap:.15rem;min-width:0;display:flex}.client-primary-name{color:#0f172a;font-size:.88rem;font-weight:600;line-height:1.25;text-decoration:none;transition:color .15s}.client-primary-name:hover{color:#e11d48}.client-contact-name{color:#64748b;align-items:center;gap:.3rem;font-size:.76rem;font-weight:500;display:inline-flex}.client-id-badge{color:#94a3b8;font-size:.72rem;font-weight:500}.client-comm-cell{flex-direction:column;gap:.25rem;display:flex}.comm-item{align-items:center;display:flex}.comm-link{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;max-width:175px;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex;overflow:hidden}.comm-link.whatsapp{color:#15803d}.comm-link.whatsapp:hover{color:#166534;text-decoration:underline}.comm-link.email{color:#475569}.comm-link.email:hover{color:#e11d48;text-decoration:underline}.comm-empty{color:#cbd5e1;font-size:.75rem;font-style:italic}.finance-amount{font-size:.84rem;font-weight:600}.finance-amount.invoiced{color:#0f172a}.finance-amount.paid{color:#059669}.balance-badge-wrap{flex-direction:column;align-items:center;gap:.15rem;display:inline-flex}.balance-pill{letter-spacing:-.01em;border-radius:9999px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.balance-pill.due{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.balance-subtext{color:#94a3b8;font-size:.68rem;font-weight:500}.balance-pill.settled{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.balance-pill.new{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.portal-cred-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:.15rem;max-width:140px;padding:.35rem .55rem;display:flex}.cred-line{align-items:center;gap:.3rem;font-size:.72rem;display:flex}.cred-label{color:#94a3b8;font-weight:500}.cred-val{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cred-masked{color:#64748b;letter-spacing:.1em;font-weight:700}.joined-date{color:#64748b;white-space:nowrap;font-size:.78rem}.client-action-container{display:inline-block;position:relative}.btn-action-trigger{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:flex}.btn-action-trigger:hover{color:#0f172a;background:#f1f5f9}.client-actions-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;min-width:180px;padding:.35rem;animation:.15s fadeInDown;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-action-item{color:#334155;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;align-items:center;gap:.55rem;width:100%;padding:.55rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.dropdown-action-item:hover{color:#0f172a;background:#f8fafc}.dropdown-action-item.highlight{color:#e11d48;font-weight:600}.dropdown-action-item.highlight:hover{background:#fff1f2}.dropdown-action-item.danger{color:#ef4444}.dropdown-action-item.danger:hover{background:#fef2f2}.dropdown-divider{background:#f1f5f9;height:1px;margin:.25rem 0}.empty-state{text-align:center;color:#64748b;padding:3rem 1.5rem!important}.empty-state-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-content h3{color:#0f172a;margin:0 0 .25rem;font-size:1.05rem}.loading-spinner-row{color:#64748b;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 0;font-size:.85rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clients-pagination-wrapper{background:#fff;border-top:1px solid #f1f5f9;border-bottom-right-radius:14px;border-bottom-left-radius:14px;padding:.75rem 1.25rem}.client-modal-content{background:#fff;border-radius:16px;width:90%;max-width:680px;max-height:90vh;padding:1.5rem 1.75rem;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.client-modal-form{flex-direction:column;gap:1.25rem;display:flex}@media (width<=600px){.form-grid-2{grid-template-columns:1fr}}.form-group-custom input,.form-group-custom select,.form-group-custom textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.84rem;transition:all .15s}.form-group-custom input:focus,.form-group-custom select:focus,.form-group-custom textarea:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.form-group-custom input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface-color);border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.modal-content h2{color:var(--text-primary);margin-top:0;margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border-color);box-sizing:border-box;border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-group input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr;gap:0}}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-secondary{color:#475569;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background-color:#e2e8f0}.modal-header{justify-content:space-between;align-items:center;display:flex}.btn-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.btn-close:hover{color:var(--text-primary);background-color:#f1f5f9}.client-profile-container{flex-direction:column;gap:1.25rem;padding-bottom:2rem;display:flex}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.back-link{color:#64748b;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:#e11d48}.profile-top-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.profile-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.profile-btn.whatsapp{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.profile-btn.whatsapp:hover{color:#047857;background:#d1fae5}.profile-btn.email{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.profile-btn.email:hover{color:#0f172a;background:#f1f5f9}.profile-btn.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.profile-btn.secondary:hover{background:#f8fafc;border-color:#94a3b8}.profile-btn.primary{color:#fff;background:#e11d48;box-shadow:0 2px 4px #e11d4833}.profile-btn.primary:hover{background:#be123c;box-shadow:0 4px 8px #e11d484d}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem 1.75rem;box-shadow:0 2px 6px #00000008}.profile-main{align-items:center;gap:1.5rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:72px;height:72px}.profile-avatar.placeholder{color:#fff;background:#e11d48;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.profile-info{flex-direction:column;gap:.5rem;min-width:0;display:flex}.profile-title-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.profile-title-badge-row h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.profile-sub-title{color:#64748b;font-size:.82rem;font-weight:500}.profile-id-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.profile-meta{flex-wrap:wrap;gap:1.25rem;display:flex}.meta-item{color:#64748b;align-items:center;gap:.4rem;font-size:.84rem;font-weight:500;display:inline-flex}.profile-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.profile-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.2rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #00000005}.profile-kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.72rem;font-weight:700}.profile-kpi-card .kpi-value{color:#0f172a;font-size:1.25rem;font-weight:700}.profile-kpi-card .kpi-value.green-text{color:#059669}.profile-kpi-card .kpi-value.rose-text{color:#e11d48}.profile-kpi-card .kpi-subtext{color:#94a3b8;font-size:.72rem}.profile-tabs{border-bottom:1px solid var(--border-color);gap:1rem;padding-bottom:0;display:flex}.profile-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.profile-tabs button:hover{color:var(--primary-color)}.profile-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{min-height:300px;padding:1.5rem}.loading{height:50vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;display:flex}.notes-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.notes-section-header h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.btn-add-note{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-add-note:hover{opacity:.9}.client-notes-grid{flex-direction:column;gap:1rem;display:flex}.client-note-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #00000005}.client-note-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.client-note-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.note-author-info{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.note-author-name{color:#0f172a;font-size:.95rem;font-weight:700}.note-role-badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.note-role-badge.admin{color:#4338ca;background:#e0e7ff}.note-role-badge.client{color:#15803d;background:#dcfce7}.note-role-badge.staff{color:#475569;background:#f1f5f9}.note-date{color:#94a3b8;font-size:.8rem;font-weight:500}.note-card-actions{align-items:center;gap:.4rem;display:flex}.note-btn-action{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.note-btn-action.edit{color:#64748b}.note-btn-action.edit:hover{color:#0f172a;background-color:#f1f5f9}.note-btn-action.delete{color:#ef4444}.note-btn-action.delete:hover{background-color:#fee2e2}.note-content-body{color:#334155;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.92rem;line-height:1.6}.client-note-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.client-note-modal{background:#fff;border-radius:16px;width:100%;max-width:550px;padding:1.75rem;animation:.2s ease-out modalFadeIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.client-note-modal h3{color:#0f172a;margin:0 0 .5rem;font-size:1.25rem}.client-note-modal p.note-hint{color:#64748b;margin:0 0 1rem;font-size:.85rem;line-height:1.4}.client-note-modal textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:140px;margin-bottom:1.25rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.client-note-modal textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.client-note-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.invoice-management-container{flex-direction:column;gap:1.5rem;display:flex}.invoice-modal{max-width:800px}.invoice-total-display{text-align:right;border-top:1px solid var(--border-color);margin-top:1rem;padding:1rem 0;font-size:1.25rem}.invoice-document{color:#333;padding:1rem}.invoice-doc-header{border-bottom:2px solid #eee;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem;display:flex}.invoice-meta h1{color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;text-align:right;margin:0 0 1rem;font-size:2rem}.invoice-meta p{text-align:right;margin:.25rem 0}.invoice-bill-to{margin-bottom:2rem}.invoice-bill-to h3{color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem}.invoice-bill-to p{margin:.25rem 0}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:2rem}.invoice-table th{text-transform:uppercase;color:#64748b;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1rem;font-size:.85rem}.invoice-table td{border-bottom:1px solid #f1f5f9;padding:1rem}.invoice-table tfoot td{border-bottom:none;padding-top:1.5rem;font-size:1.2rem}.invoice-terms h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.invoice-terms pre{white-space:pre-wrap;color:#666;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-family:inherit;font-size:.9rem}.invoice-document{position:relative;overflow:hidden}.invoice-stamp{opacity:0;pointer-events:none;z-index:0;letter-spacing:.2em;font-size:8rem;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.invoice-document.is-paid .invoice-stamp{color:#16a34a;opacity:.15}.invoice-document.is-unpaid .invoice-stamp{color:#dc2626;opacity:.15}@media print{@page{margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}#printable-invoice,#printable-invoice *{visibility:visible!important}#printable-invoice{width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.print-hide{display:none!important}.modal-overlay{background:0 0;position:absolute;display:block!important;overflow:visible!important}.modal-content{box-shadow:none!important;border:none!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.print-only-layout{display:block!important}.terms-page-break{page-break-before:always!important;break-before:page!important;border-top:none!important;margin-top:0!important;padding-top:1.5rem!important}}.invoice-editor-container{color:#334155;background-color:#fff;border-radius:8px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 4px 6px -1px #0000000d}.invoice-editor-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding:0 2rem;display:flex}.invoice-editor-tab{color:#9ca3af;cursor:pointer;border-bottom:2px solid #0000;padding:1rem 1.5rem;font-weight:600}.invoice-editor-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.invoice-editor-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 2rem;display:flex}.invoice-badge-unpaid{color:#ca8a04;letter-spacing:.05em;text-transform:uppercase;background-color:#fefce8;border:1px solid #fef08a;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.invoice-badge-paid{color:#047857;letter-spacing:.05em;text-transform:uppercase;background-color:#ecfdf5;border:1px solid #6ee7b7;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.invoice-badge-partial{color:#1d4ed8;letter-spacing:.05em;text-transform:uppercase;background-color:#eff6ff;border:1px solid #93c5fd;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.invoice-editor-actions{gap:.75rem;display:flex}.invoice-editor-title{color:var(--accent-color);letter-spacing:-.02em;margin:0 2rem 2rem;font-size:2rem;font-weight:900}.invoice-editor-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;padding:0 2rem;display:grid}.invoice-table-modern{border-collapse:separate;border-spacing:0;border:1px solid #f1f5f9;border-radius:8px;width:calc(100% - 4rem);margin:0 2rem;overflow:hidden}.invoice-table-modern th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;background-color:#f8fafc;padding:1rem;font-size:.75rem;font-weight:800}.invoice-table-modern td{vertical-align:middle;border-top:1px solid #f1f5f9;padding:1rem}.invoice-table-modern input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-weight:600}.invoice-table-modern input.border-bottom{color:var(--accent-color);border-bottom:1px dashed #cbd5e1;padding-bottom:.25rem}.inv-main-container{flex-direction:column;gap:1.25rem;width:100%;padding:.25rem 0 2rem;display:flex}.inv-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.inv-header-title-area{flex-direction:column;gap:.25rem;display:flex}.inv-header-title-row{align-items:center;gap:.75rem;display:flex}.inv-header-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.inv-header-badge{color:#e11d48;background:#ffe4e6;border:1px solid #fecdd3;border-radius:9999px;padding:.25rem .7rem;font-size:.78rem;font-weight:700}.inv-header-sub{color:#64748b;margin:0;font-size:.86rem}.inv-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.inv-btn-primary{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #e11d484d}.inv-btn-primary:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 4px 8px #e11d4859}.inv-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.inv-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.inv-btn-refresh.spinning svg{animation:.8s linear infinite spin}.inv-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.inv-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1rem 1.15rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.inv-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000f}.inv-kpi-card.active-kpi{background:#fff5f5;border-color:#e11d48;box-shadow:0 0 0 2px #e11d4833}.inv-kpi-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.inv-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.74rem;font-weight:700}.inv-kpi-icon-box{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.inv-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.2}.inv-kpi-subtext{color:#94a3b8;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.75rem;font-weight:500;display:flex}.inv-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000008}.inv-toolbar{flex-direction:column;gap:.85rem;margin-bottom:1rem;display:flex}.inv-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.inv-search-wrapper{flex:280px;max-width:360px;position:relative}.inv-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 34px 0 38px;font-size:.85rem;transition:all .2s}.inv-search-input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.inv-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inv-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.inv-filters-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inv-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:40px;padding:0 .85rem;font-size:.85rem;font-weight:500;transition:border-color .2s}.inv-select:focus{background:#fff;border-color:#e11d48}.inv-date-group{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:40px;padding:0 .65rem;display:flex}.inv-date-input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.82rem}.inv-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:40px;padding:0 .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.inv-reset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.inv-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:3px;display:flex}.inv-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.inv-view-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.inv-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:10px;margin-top:.5rem;overflow-x:auto}.inv-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.inv-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.inv-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.inv-table tr:hover td{background:#f8fafc}.inv-table tr.is-overdue td{background:#fef2f273}.inv-table tr.is-overdue td:first-child{border-left:3px solid #e11d48}.inv-num-cell{color:#0f172a;cursor:pointer;align-items:center;gap:.45rem;font-family:monospace;font-size:.88rem;font-weight:700;display:flex}.inv-num-cell:hover{color:#e11d48}.inv-client-cell{align-items:center;gap:.65rem;display:flex}.inv-avatar{color:#4338ca;background:#e0e7ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex}.inv-business-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;margin-top:2px;padding:.1rem .45rem;font-size:.72rem;font-weight:500;display:inline-block}.inv-progress-track{background:#e2e8f0;border-radius:3px;width:75px;height:5px;margin-top:4px;overflow:hidden}.inv-progress-fill{background:#10b981;border-radius:3px;height:100%;transition:width .3s}.inv-status-pill{text-transform:capitalize;white-space:nowrap;border-radius:12px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.inv-status-pill.paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.inv-status-pill.partial{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.inv-status-pill.unpaid{color:#a16207;background:#fefce8;border:1px solid #fde047}.inv-status-pill.overdue{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.inv-due-badge{border-radius:4px;align-items:center;gap:.25rem;margin-top:3px;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.inv-due-badge.overdue{color:#e11d48;background:#ffe4e6}.inv-due-badge.normal{color:#64748b}.inv-cards-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.15rem;margin-top:.5rem;display:grid}.inv-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.inv-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #00000012}.inv-card.is-overdue{border-left:4px solid #e11d48}.inv-card-header{justify-content:space-between;align-items:center;display:flex}.inv-card-num{color:#0f172a;align-items:center;gap:.35rem;font-family:monospace;font-size:.95rem;font-weight:700;display:flex}.inv-card-body{flex-direction:column;gap:.75rem;display:flex}.inv-card-client-row{align-items:center;gap:.65rem;display:flex}.inv-card-financials{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:flex-end;padding:.75rem .9rem;display:flex}.inv-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.inv-pay-modal-context{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.35rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.inv-pay-chips{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;margin-bottom:.75rem;display:flex}.inv-pay-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.inv-pay-chip:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.terms-template-selector-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem;box-shadow:0 1px 3px #00000005}.terms-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.terms-main-label{color:#1e293b;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.85rem;font-weight:800;display:inline-flex}.terms-label-icon{color:var(--primary-color,#4f46e5)}.terms-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.terms-dropdown-select{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .8rem;font-size:.82rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.terms-dropdown-select:focus{background-color:#fff;border-color:#4f46e5}.terms-btn-action{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.terms-btn-action:hover{color:#0f172a;background:#e2e8f0}.terms-quick-chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.9rem;padding-bottom:.25rem;display:flex}.quick-chips-label{color:#64748b;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.terms-chip{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:.25rem .7rem;font-size:.76rem;font-weight:600;transition:all .15s}.terms-chip:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.terms-chip.active{color:#4338ca;background:#e0e7ff;border-color:#6366f1}.terms-chip.custom{color:#a21caf;background:#fdf4ff;border-color:#f0abfc;font-weight:700}.terms-chip.custom:hover{color:#86198f;background:#fae8ff;border-color:#e879f9}.terms-chip.custom.active{color:#fff;background:#d946ef;border-color:#c026d3}.terms-main-textarea{color:#334155;resize:vertical;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:border-color .2s,background-color .2s}.terms-main-textarea:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.terms-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.terms-modal-card{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:1.5rem;animation:.2s ease-out termsModalFadeIn;box-shadow:0 20px 25px -5px #0000001a}.terms-modal-card.wide{flex-direction:column;max-width:650px;max-height:80vh;display:flex}@keyframes termsModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.terms-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.terms-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem}.terms-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.terms-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.terms-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.terms-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600}.terms-btn-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700}.terms-manage-list{flex-direction:column;gap:.75rem;max-height:55vh;padding-right:.25rem;display:flex;overflow-y:auto}.terms-manage-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;display:flex}.terms-manage-info{flex:1}.terms-manage-preview{color:#64748b;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.terms-category-pill{color:#475569;background:#e2e8f0;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:600}.terms-default-pill{color:#15803d;background:#dcfce7;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:700}.terms-manage-actions{gap:.35rem;display:flex}.terms-btn-icon{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.terms-btn-icon:hover{color:#0f172a;background:#e2e8f0}.terms-btn-icon.delete{color:#ef4444}.terms-btn-icon.delete:hover{background:#fee2e2}.quotation-management-container{flex-direction:column;gap:1.5rem;display:flex}.quotation-modal{max-width:800px}.preview-modal{background-color:#fff;max-width:900px}.catalog-section{background-color:var(--background-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.catalog-section label{color:var(--text-secondary);margin-bottom:.75rem;font-weight:600;display:block}.catalog-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-catalog{background-color:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.btn-catalog:hover{border-color:var(--primary-color);color:var(--primary-color)}.line-items-section{margin-bottom:1.5rem}.line-item-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.item-total{text-align:right;width:100px;font-weight:600}.quotation-total-display{text-align:right;border-top:1px solid var(--border-color);margin-top:1rem;padding:1rem 0;font-size:1.25rem}.quotation-document{color:#333;padding:1rem}.quotation-doc-header{border-bottom:2px solid #eee;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem;display:flex}.company-details h1{color:var(--primary-color);margin:0 0 .5rem;font-size:1.8rem}.company-details p{color:#666;margin:.25rem 0}.quotation-meta h1{color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;text-align:right;margin:0 0 1rem;font-size:2rem}.quotation-meta p{text-align:right;margin:.25rem 0}.quotation-bill-to{margin-bottom:2rem}.quotation-bill-to h3{color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem}.quotation-bill-to p{margin:.25rem 0}.quotation-table{border-collapse:collapse;width:100%;margin-bottom:2rem}.quotation-table th{text-transform:uppercase;color:#64748b;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1rem;font-size:.85rem}.quotation-table td{border-bottom:1px solid #f1f5f9;padding:1rem}.quotation-table tfoot td{border-bottom:none;padding-top:1.5rem;font-size:1.2rem}.quotation-terms h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.quotation-terms pre{white-space:pre-wrap;color:#666;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-family:inherit;font-size:.9rem}.quotation-document{position:relative;overflow:hidden}.quotation-stamp{opacity:0;pointer-events:none;z-index:0;letter-spacing:.2em;font-size:8rem;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.quotation-document.is-paid .quotation-stamp{color:#16a34a;opacity:.15}.quotation-document.is-unpaid .quotation-stamp{color:#dc2626;opacity:.15}.balance-row{background-color:#f8fafc}.balance-row td{padding-top:1rem!important;padding-bottom:1rem!important}.payment-history-section{z-index:1;margin-top:2rem;margin-bottom:2rem;position:relative}.payment-history-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.payment-table{border-collapse:collapse;width:100%;font-size:.9rem}.payment-table th,.payment-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.payment-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:.75rem;font-weight:600}.payment-table td:last-child,.payment-table th:last-child{text-align:right}.btn-success{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:6px;align-items:center;padding:.5rem 1rem;font-weight:500;display:flex}.btn-success:hover{background-color:#15803d}.action-buttons{white-space:nowrap;flex-flow:row;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.btn-icon{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-icon:hover{background-color:#f1f5f9}.btn-icon.view-btn:hover{color:#3b82f6;background-color:#eff6ff}.btn-icon.edit-btn:hover{color:#eab308;background-color:#fefce8}.btn-icon.delete-btn:hover{color:#ef4444;background-color:#fef2f2}@media print{@page{margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}#printable-quotation,#printable-quotation *{visibility:visible!important}#printable-quotation{width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.print-hide{display:none!important}.modal-overlay{background:0 0;position:absolute;display:block!important;overflow:visible!important}.modal-content{box-shadow:none!important;border:none!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.print-only-layout{display:block!important}.terms-page-break{page-break-before:always!important;break-before:page!important;border-top:none!important;margin-top:0!important;padding-top:1.5rem!important}}.terms-page-break{border-top:2px dashed #cbd5e1;margin-top:3rem;padding-top:2rem;page-break-before:always!important;break-before:page!important}.print-only-layout{display:none}.quotation-editor-container{color:#334155;background-color:#fff;border-radius:8px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 4px 6px -1px #0000000d}.quotation-editor-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding:0 2rem;display:flex}.quotation-editor-tab{color:#9ca3af;cursor:pointer;border-bottom:2px solid #0000;padding:1rem 1.5rem;font-weight:600}.quotation-editor-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.quotation-editor-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 2rem;display:flex}.quotation-badge-unpaid{color:#ca8a04;letter-spacing:.05em;text-transform:uppercase;background-color:#fefce8;border:1px solid #fef08a;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.quotation-badge-paid{color:#047857;letter-spacing:.05em;text-transform:uppercase;background-color:#ecfdf5;border:1px solid #6ee7b7;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.quotation-badge-partial{color:#1d4ed8;letter-spacing:.05em;text-transform:uppercase;background-color:#eff6ff;border:1px solid #93c5fd;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.quotation-editor-actions{gap:.75rem;display:flex}.btn-icon-outline{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-purple{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.btn-green{color:#fff;cursor:pointer;background-color:#4ade80;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.quotation-editor-title{color:var(--accent-color);letter-spacing:-.02em;margin:0 2rem 2rem;font-size:2rem;font-weight:900}.quotation-editor-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;padding:0 2rem;display:grid}.bill-from-box{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:1.5rem}.bill-from-label,.bill-to-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-weight:800}.bill-to-section{flex-direction:column;gap:.75rem;display:flex}.bill-to-row{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.bill-to-row label{color:#94a3b8;text-align:right;width:100px;font-size:.85rem;font-weight:600}.bill-to-input{color:#334155;background-color:#f1f5f9;border:none;border-radius:4px;outline:none;width:200px;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.quotation-table-modern{border-collapse:separate;border-spacing:0;border:1px solid #f1f5f9;border-radius:8px;width:calc(100% - 4rem);margin:0 2rem;overflow:hidden}.quotation-table-modern th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;background-color:#f8fafc;padding:1rem;font-size:.75rem;font-weight:800}.quotation-table-modern td{vertical-align:middle;border-top:1px solid #f1f5f9;padding:1rem}.quotation-table-modern input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-weight:600}.quotation-table-modern input.border-bottom{color:var(--accent-color);border-bottom:1px dashed #cbd5e1;padding-bottom:.25rem}.category-toggle{background-color:#f1f5f9;border-radius:20px;width:fit-content;padding:2px;display:flex}.category-toggle span{color:#94a3b8;cursor:pointer;border-radius:20px;padding:.25rem .5rem;font-size:.65rem;font-weight:700}.category-toggle span.active{color:#334155;background-color:#fff;box-shadow:0 1px 2px #0000000d}.totals-section{justify-content:flex-end;margin-top:1rem;padding:2rem;display:flex}.totals-grid{grid-template-columns:200px 150px;align-items:center;gap:.75rem;display:grid}.totals-label{color:#64748b;font-size:.85rem;font-weight:600}.totals-value{color:#0f172a;text-align:right;font-weight:800}.totals-input{text-align:right;color:#0f172a;background-color:#f8fafc;border:none;border-radius:4px;outline:none;width:100%;padding:.4rem;font-weight:700}.totals-divider{background-color:#f1f5f9;grid-column:span 2;height:1px;margin:.25rem 0}.agent-commission{background-color:#eff6ff;border-radius:6px;grid-column:span 2;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.agent-commission label{color:var(--accent-color);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.bottom-actions{justify-content:flex-end;align-items:center;gap:2rem;padding:2rem;display:flex}.btn-cancel-text{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-weight:600}.quote-main-container{flex-direction:column;gap:1.25rem;width:100%;padding:.25rem 0 2rem;display:flex}.quote-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.quote-header-title-area{flex-direction:column;gap:.25rem;display:flex}.quote-header-title-row{align-items:center;gap:.75rem;display:flex}.quote-header-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.quote-header-badge{color:#e11d48;background:#ffe4e6;border:1px solid #fecdd3;border-radius:9999px;padding:.25rem .7rem;font-size:.78rem;font-weight:700}.quote-header-sub{color:#64748b;margin:0;font-size:.86rem}.quote-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.quote-btn-primary{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #e11d484d}.quote-btn-primary:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 4px 8px #e11d4859}.quote-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.quote-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.quote-btn-refresh.spinning svg{animation:.8s linear infinite spin}.quote-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.quote-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1rem 1.15rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.quote-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000f}.quote-kpi-card.active-kpi{background:#fff5f5;border-color:#e11d48;box-shadow:0 0 0 2px #e11d4833}.quote-kpi-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.quote-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.74rem;font-weight:700}.quote-kpi-icon-box{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.quote-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.2}.quote-kpi-subtext{color:#94a3b8;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.75rem;font-weight:500;display:flex}.quote-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000008}.quote-toolbar{flex-direction:column;gap:.85rem;margin-bottom:1rem;display:flex}.quote-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quote-search-wrapper{flex:280px;max-width:360px;position:relative}.quote-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 34px 0 38px;font-size:.85rem;transition:all .2s}.quote-search-input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.quote-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.quote-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.quote-filters-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quote-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:40px;padding:0 .85rem;font-size:.85rem;font-weight:500;transition:border-color .2s}.quote-select:focus{background:#fff;border-color:#e11d48}.quote-date-group{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:40px;padding:0 .65rem;display:flex}.quote-date-input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.82rem}.quote-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:40px;padding:0 .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.quote-reset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.quote-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:3px;display:flex}.quote-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.quote-view-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.quote-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:10px;margin-top:.5rem;overflow-x:auto}.quote-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.quote-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.quote-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.quote-table tr:hover td{background:#f8fafc}.quote-num-cell{color:#0f172a;cursor:pointer;align-items:center;gap:.45rem;font-family:monospace;font-size:.88rem;font-weight:700;display:flex}.quote-num-cell:hover{color:#e11d48}.quote-client-cell{align-items:center;gap:.65rem;display:flex}.quote-avatar{color:#db2777;background:#fdf2f8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex}.quote-business-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;margin-top:2px;padding:.1rem .45rem;font-size:.72rem;font-weight:500;display:inline-block}.quote-status-pill{text-transform:capitalize;white-space:nowrap;border-radius:12px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.quote-status-pill.draft{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.quote-status-pill.sent{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.quote-status-pill.accepted{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.quote-status-pill.rejected{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.quote-status-pill.expired{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.quote-due-badge{border-radius:4px;align-items:center;gap:.25rem;margin-top:3px;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.quote-due-badge.expired{color:#b45309;background:#fffbeb}.quote-due-badge.normal{color:#64748b}.quote-cards-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.15rem;margin-top:.5rem;display:grid}.quote-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.quote-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #00000012}.quote-card.is-accepted{border-left:4px solid #10b981}.quote-card.is-rejected{border-left:4px solid #e11d48}.quote-card.is-sent{border-left:4px solid #0284c7}.quote-card-header{justify-content:space-between;align-items:center;display:flex}.quote-card-num{color:#0f172a;align-items:center;gap:.35rem;font-family:monospace;font-size:.95rem;font-weight:700;display:flex}.quote-card-body{flex-direction:column;gap:.75rem;display:flex}.quote-card-client-row{align-items:center;gap:.65rem;display:flex}.quote-card-financials{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:flex-end;padding:.75rem .9rem;display:flex}.quote-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.projects-container.modern-ui{flex-direction:column;gap:1.25rem;width:100%;padding-bottom:3rem;display:flex}.projects-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;margin-top:.5rem;display:flex}.projects-main-heading{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.project-count-badge{color:#e11d48;background:#ffe4e6;border:1px solid #e11d4833;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.projects-subheading{color:#64748b;margin:0;font-size:.86rem;font-weight:400}.projects-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.projects-control-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #00000008}.projects-filter-bar{flex-wrap:wrap;align-items:center;gap:.65rem;padding:.85rem 1.15rem;display:flex}.projects-search-box{flex:240px;min-width:200px;max-width:340px;position:relative}.projects-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.projects-search-box input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.5rem 2rem .5rem 2.2rem;font-size:.85rem;transition:all .2s}.projects-search-box input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.custom-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.5rem .85rem;font-size:.82rem;transition:all .2s}.custom-filter-select:focus,.custom-filter-select:hover{border-color:#cbd5e1}.date-filter-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;display:flex}.date-filter-box .calendar-icon{color:#e11d48;flex-shrink:0}.date-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.projects-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000008}.table-responsive{width:100%;overflow-x:auto}.enterprise-projects-table{border-collapse:collapse;text-align:left;width:100%}.enterprise-projects-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.enterprise-projects-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.85rem 1rem;font-size:.74rem;font-weight:700}.enterprise-projects-table tbody tr{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .15s}.enterprise-projects-table tbody tr:hover{background-color:#fff9fa}.enterprise-projects-table td{vertical-align:middle;padding:.75rem 1rem;font-size:.85rem}.project-title-wrapper{align-items:center;gap:.75rem;display:flex}.project-folder-icon{color:#e11d48;background:#fff1f2;border:1px solid #e11d4826;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-name-group{flex-direction:column;gap:.2rem;display:flex}.project-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-name-text{color:#0f172a;font-size:.88rem;font-weight:600}.project-sub-meta{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.project-id-tag{color:#94a3b8;font-weight:600}.project-desc-snippet{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.project-alert-badges{align-items:center;gap:.3rem;display:inline-flex}.alert-badge{color:#fff;border-radius:9999px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.68rem;font-weight:700;display:inline-flex}.alert-badge.comment{background:#ef4444}.alert-badge.internal{background:#f59e0b}.alert-badge.doc{background:#3b82f6}.client-cell{align-items:center;gap:.55rem;display:flex}.client-avatar-sm{color:#475569;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.client-info-sm{flex-direction:column;gap:.1rem;display:flex}.client-name{color:#1e293b;font-size:.83rem;font-weight:600}.client-business{color:#64748b;font-size:.73rem}.team-chips-wrap{flex-wrap:wrap;gap:.25rem;display:flex}.team-member-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:.15rem .45rem;font-size:.74rem;font-weight:600;display:inline-flex}.team-member-chip.extra{color:#475569;background:#e2e8f0}.unassigned-text{color:#94a3b8;font-size:.8rem;font-style:italic}.service-tags-wrap{flex-wrap:wrap;gap:.25rem;display:flex}.service-category-tag{color:#e11d48;background:#fff1f2;border:1px solid #e11d4826;border-radius:6px;padding:.15rem .45rem;font-size:.74rem;font-weight:600;display:inline-block}.service-category-tag.extra{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.service-category-tag.empty{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.due-date-cell{flex-direction:column;gap:.25rem;display:flex}.due-date-row{align-items:center;gap:.35rem;display:flex}.due-date-text{color:#1e293b;font-size:.82rem;font-weight:600}.due-urgency-pill{border-style:solid;border-width:1px;border-radius:9999px;align-items:center;width:fit-content;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.no-date-text{color:#94a3b8;font-size:.78rem;font-style:italic}.progress-cell{flex-direction:column;gap:.35rem;min-width:110px;display:flex}.progress-track{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:9999px;height:100%;transition:width .3s}.progress-stats-row{align-items:center;gap:.35rem;font-size:.76rem;display:flex}.progress-percent{color:#0f172a;font-weight:700}.progress-steps{color:#64748b;font-weight:500}.project-status-badge{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-style:solid;border-width:1px;border-radius:9999px;padding:.22rem .65rem;font-size:.73rem;font-weight:700;display:inline-block}.row-action-btns{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.row-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;padding:.35rem .55rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.row-btn.view{color:#334155;background:#f8fafc;border-color:#e2e8f0}.row-btn.edit{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.row-btn.edit:hover{color:#fff;background:#e11d48;border-color:#e11d48}.row-btn.delete{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.row-btn.delete:hover{color:#fff;background:#e11d48}.empty-table-cell{text-align:center;padding:3.5rem 1rem}.empty-state-content{color:#64748b;flex-direction:column;align-items:center;gap:.6rem;display:flex}.empty-icon{color:#cbd5e1}.empty-state-content h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.empty-state-content p{color:#64748b;margin:0 0 .5rem;font-size:.86rem}.projects-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.project-grid-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.project-grid-card:hover{border-color:#e11d484d;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.grid-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.card-identity{flex:1;align-items:flex-start;gap:.65rem;display:flex}.grid-folder-icon{color:#e11d48;background:#fff1f2;border:1px solid #e11d4826;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.grid-project-id{color:#94a3b8;font-size:.72rem;font-weight:700}.grid-project-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.1rem 0 0;font-size:.98rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.grid-card-client-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.client-text-col{flex-direction:column;display:flex}.client-label{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:600}.client-name-val{color:#1e293b;font-size:.82rem;font-weight:600}.grid-services-row{flex-wrap:wrap;gap:.35rem;display:flex}.grid-timeline-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .75rem;display:flex}.timeline-col{flex-direction:column;gap:.15rem;display:flex}.timeline-title{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:600}.timeline-val-row{color:#1e293b;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.grid-progress-section{flex-direction:column;gap:.4rem;display:flex}.grid-progress-labels{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.progress-name{color:#64748b;font-weight:600}.progress-numbers{color:#0f172a;font-weight:700}.grid-card-team-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.65rem;font-size:.78rem;display:flex}.team-lead-info{align-items:center;gap:.45rem;display:flex}.team-lead-icon{color:#e11d48}.team-lead-text{color:#475569;font-weight:500}.grid-card-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.small-btn{padding:.4rem .7rem;font-size:.78rem}.grid-action-icon-group{align-items:center;gap:.35rem;display:flex}.grid-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.grid-icon-btn.edit:hover{color:#fff;background:#e11d48;border-color:#e11d48}.grid-icon-btn.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.empty-grid-state{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;grid-column:1/-1;align-items:center;gap:.6rem;padding:4rem 1rem;display:flex}.empty-grid-state h3{color:#0f172a;margin:0;font-size:1.15rem}.empty-grid-state p{margin:0 0 .5rem;font-size:.88rem}.projects-pagination-wrap{justify-content:center;margin-top:.75rem;display:flex}.professional-project-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:95%;max-width:760px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 20px 40px #0000002e}.project-modal-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-section-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.section-icon{color:#e11d48}.form-section-header h3{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.req-star,.input-icon{color:#e11d48}.form-input,.form-select,.form-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.multi-select-container{flex-direction:column;gap:.5rem;display:flex}.selected-tags-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:42px;padding:.4rem .6rem;display:flex}.empty-tags-hint{color:#94a3b8;font-size:.82rem;font-style:italic}.member-chip{color:#9f1239;background:#ffe4e6;border:1px solid #e11d4833;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.member-chip-role{color:#e11d48;background:#e11d4826;border-radius:4px;padding:.05rem .35rem;font-size:.68rem}.tag-remove-btn{color:#e11d48;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.tag-remove-btn:hover{color:#881337}.service-tags-box{flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem;display:flex}.service-tag-chip{color:#e11d48;background:#fff1f2;border:1px solid #e11d4833;border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.service-tag-chip .remove-icon{cursor:pointer}.service-tag-chip .remove-icon:hover{color:#9f1239}.date-preview-badge{border-style:solid;border-width:1px;border-radius:6px;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .55rem;font-size:.76rem;font-weight:600;display:inline-flex}@media (width<=768px){.projects-header-actions{justify-content:flex-start;width:100%;margin-left:0}.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.step-comments-chat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;margin-top:.5rem;display:flex;overflow:hidden}.comments-messages-container{flex-direction:column;gap:1rem;min-height:120px;max-height:350px;padding:1.25rem;display:flex;overflow-y:auto}.empty-comments-box{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.chat-message-row{align-items:flex-start;gap:.75rem;max-width:85%;display:flex}.chat-message-row.my-message{flex-direction:row-reverse;align-self:flex-end}.chat-message-row.other-message{align-self:flex-start}.chat-avatar{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.my-message .chat-avatar{background:#2563eb}.chat-bubble{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.75rem 1rem;box-shadow:0 1px 2px #0000000a}.my-message .chat-bubble{background:#eff6ff;border-color:#bfdbfe}.chat-author-line{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.chat-author-name{color:#1e293b;font-size:.85rem;font-weight:600}.chat-role-tag{color:#475569;background:#e2e8f0;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:500}.chat-role-tag.role-client{color:#1e40af;background:#dbeafe}.chat-role-tag.role-admin{color:#991b1b;background:#fee2e2}.chat-timestamp{color:#94a3b8;margin-left:auto;font-size:.75rem}.chat-message-text{color:#334155;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.4}.comments-input-area{background:#fff;border-top:1px solid #e2e8f0;gap:.5rem;padding:.75rem 1rem;display:flex}.comments-input-area input{border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;padding:.6rem 1rem;font-size:.9rem;transition:border-color .2s}.comments-input-area input:focus{border-color:#3b82f6}.btn-send-comment{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.btn-send-comment:hover:not(:disabled){background:#1d4ed8}.btn-send-comment:disabled{opacity:.5;cursor:not-allowed}.step-inhouse-chat-wrapper{border:1px solid #fcd34d;border-radius:8px;flex-direction:column;margin-top:1rem;display:flex;overflow:hidden}.inhouse-chat-header{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.inhouse-chat-header h4{margin:0;font-size:.95rem;font-weight:600}.inhouse-badge{color:#b45309;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border-radius:4px;margin-left:auto;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.step-comments-chat.inhouse-variant{background:#fff;border:none;border-radius:0;margin-top:0}.inhouse-variant .chat-avatar{background:#d97706}.inhouse-variant .my-message .chat-avatar{background:#b45309}.inhouse-variant .my-message .chat-bubble{background:#fef3c7;border-color:#fde68a}.inhouse-btn{background:#d97706!important}.inhouse-btn:hover:not(:disabled){background:#b45309!important}.project-details-container{flex-direction:column;gap:1.5rem;display:flex}.pd-clean-header{background-color:var(--surface-color);border-radius:12px;padding:1.5rem 2rem;box-shadow:0 4px 6px -1px #0000000d}.btn-back-clean{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0;font-size:.9rem;font-weight:500;display:flex}.btn-back-clean:hover{color:var(--primary-color)}.pd-header-content{justify-content:space-between;align-items:flex-end;display:flex}.pd-header-info h1{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.pd-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.subtitle-label{color:#94a3b8}.subtitle-value{color:#475569;font-weight:500}.subtitle-divider{color:#cbd5e1;margin:0 .5rem}.pd-header-progress{flex-direction:column;align-items:flex-end;min-width:150px;display:flex}.pd-percent-text{color:var(--primary-color);margin-bottom:-.2rem;font-size:1.5rem;font-weight:700}.pd-percent-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.progress-bar-bg-clean{background-color:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill-clean{background-color:var(--primary-color);height:100%;transition:width .3s}.workflow-section{margin-top:1rem}.workflow-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.workflow-header h2{color:var(--text-primary);margin:0;font-size:1.25rem}.workflow-empty-state{text-align:center;color:#94a3b8;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;font-weight:500}.workflow-list{flex-direction:column;gap:.75rem;display:flex}.workflow-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .2s;display:flex}.workflow-item.completed{background-color:#f8fafc;border-color:#e2e8f0}.workflow-item-left{align-items:flex-start;gap:1rem;display:flex}.step-number{color:#64748b;background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:.1rem;font-size:.9rem;font-weight:600;display:flex}.workflow-item.completed .step-number{color:#166534;background-color:#dcfce7}.step-info h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem}.workflow-item.completed .step-info h4{color:#94a3b8;text-decoration:line-through}.step-info p{color:var(--text-secondary);margin:0;font-size:.85rem}.btn-step-toggle{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.btn-step-toggle:hover{background-color:#f8fafc}.btn-step-toggle.active{color:#166534;background-color:#dcfce7;border-color:#bbf7d0}.workflow-item-header{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.workflow-item.expanded{flex-direction:column;align-items:flex-start;padding:1.5rem}.step-title-row{align-items:center;gap:1rem;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.status-badge.completed{color:#166534;background-color:#dcfce7}.step-expanded-content{border-top:1px solid var(--border-color);width:100%;margin-top:1.5rem;padding-top:1rem}.step-tabs{border-bottom:1px solid var(--border-color);gap:1.5rem;margin-bottom:1.5rem;display:flex}.step-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.95rem;font-weight:600;transition:color .2s;position:relative}.step-tab:hover{color:#64748b}.step-tab.active{color:var(--primary-color)}.step-tab.active:after{content:"";background-color:var(--primary-color);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.step-tab-content{color:var(--text-primary)}.tp-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.tp-col label{color:#94a3b8;margin-bottom:.25rem;font-size:.85rem;display:block}.tp-col p{color:#475569;margin:0;font-size:.95rem}.schema-fields-list{flex-direction:column;gap:1.25rem;display:flex}.schema-field label{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.field-answer{color:var(--text-secondary);background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:.75rem;font-size:.9rem}.field-answer .unanswered{color:#94a3b8;font-style:italic}.empty-tab-msg{color:#94a3b8;text-align:center;padding:2rem 0;font-style:italic}.linked-invoice-box{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.inv-info strong{color:var(--text-primary);font-size:1rem;display:block}.inv-info span{color:var(--text-secondary);font-size:.9rem}.pd-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.pd-grid{grid-template-columns:1fr}}.pd-col{flex-direction:column;gap:1.5rem;display:flex}.pd-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.pd-card h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.15rem}.detail-item{margin-bottom:1.25rem}.detail-item:last-child{margin-bottom:0}.detail-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}.linked-invoice{color:var(--text-primary);background-color:#f1f5f9;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.terms-box{background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:1rem;font-size:.95rem;line-height:1.5}.text-muted{color:var(--text-secondary);font-style:italic}.upload-form{gap:1rem;margin-bottom:1.5rem;display:flex}.upload-form input{border:1px solid var(--border-color);border-radius:6px;flex:1;padding:.75rem;font-size:.95rem}.btn-upload{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:600;display:flex}.deliverables-list{flex-direction:column;gap:1rem;display:flex}.file-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.file-info{align-items:center;gap:1rem;display:flex}.file-icon{color:var(--primary-color)}.btn-download{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem}.btn-download:hover{background-color:#e2e8f0}.empty-files{text-align:center;color:var(--text-secondary);background-color:var(--background-color);border:1px dashed var(--border-color);border-radius:8px;padding:2rem}.pm-management-container{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:100%;padding:0;display:flex}.pm-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pm-toolbar-left{flex:1;align-items:center;gap:.75rem;min-width:280px;display:flex}.pm-toolbar-right{align-items:center;gap:.6rem;display:flex}.pm-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:.5rem;max-width:380px;padding:.45rem .75rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000005}.pm-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pm-search-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.84rem}.pm-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.82rem;font-weight:600;box-shadow:0 1px 2px #00000005}.pm-filter-select:focus{border-color:#6366f1}.pm-date-filter-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;display:flex;box-shadow:0 1px 2px #00000005}.pm-date-filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:700}.pm-date-input{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:.2rem .45rem;font-family:inherit;font-size:.78rem}.pm-date-input:focus{background:#fff;border-color:#6366f1}.pm-btn-clear-date{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.pm-btn-clear-date:hover{color:#dc2626;background:#fee2e2}.pm-btn-export{color:#10b981;cursor:pointer;background:#fff;border:1px solid #10b981;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.pm-btn-export:hover{color:#fff;background:#10b981}.pm-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.82rem;font-weight:700;transition:background .2s;display:inline-flex}.pm-btn-primary:hover{background:#4338ca}.pm-stats-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}@media (width<=1024px){.pm-stats-grid{grid-template-columns:repeat(2,1fr)}}.pm-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.85rem;padding:.85rem 1.1rem;display:flex;box-shadow:0 1px 2px #00000005}.pm-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pm-stat-info h4{text-transform:uppercase;color:#64748b;letter-spacing:.4px;margin:0 0 2px;font-size:.7rem;font-weight:700}.pm-stat-info p{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.pm-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000005}.pm-table-wrapper{width:100%;overflow-x:auto}.pm-table{border-collapse:collapse;text-align:left;width:100%;min-width:1050px;font-size:.84rem}.pm-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem .85rem;font-size:.72rem;font-weight:700}.pm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.7rem .85rem}.pm-table tr:hover{background-color:#fbfcfe}.pm-date-badge{color:#475569;white-space:nowrap;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.pm-date-badge.overdue{color:#dc2626;font-weight:700}.pm-business-cell{max-width:220px}.pm-business-cell strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;display:block;overflow:hidden}.pm-business-cell span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.75rem;display:block;overflow:hidden}.pm-invoice-link{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.pm-invoice-link:hover{background:#dbeafe;border-color:#93c5fd}.pm-balance-badge{text-align:right;white-space:nowrap;border-radius:6px;padding:.2rem .55rem;font-size:.82rem;font-weight:700;display:inline-block}.pm-balance-badge.unpaid{color:#b91c1c;background:#fee2e2}.pm-balance-badge.paid{color:#15803d;background:#dcfce7}.pm-status-pill{white-space:nowrap;text-align:center;border:1px solid #0000;border-radius:20px;padding:.22rem .65rem;font-size:.74rem;font-weight:700;display:inline-block}.pm-status-pill.Active,.pm-status-pill.In-Progress{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.pm-status-pill.Completed{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.pm-status-pill.Pending,.pm-status-pill.Assigned{color:#b45309;background:#fef3c7;border-color:#fde68a}.pm-status-pill.Deadline-Confirmed{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.pm-status-pill.Submitted-for-Review{color:#86198f;background:#fae8ff;border-color:#f5d0fe}.pm-status-pill.Revision-Required,.pm-status-pill.Revision-Requested{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.pm-status-pill.On-Hold{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.pm-remarks-box{min-width:180px;max-width:260px}.pm-remarks-display{color:#334155;cursor:pointer;background:#fafafa;border:1px dashed #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.78rem;transition:all .15s;display:flex}.pm-remarks-display:hover{background:#f1f5f9;border-color:#6366f1}.pm-remarks-display.empty{color:#94a3b8;font-style:italic}.pm-remarks-display span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pm-remarks-edit-form{flex-direction:column;gap:.3rem;display:flex}.pm-remarks-input{box-sizing:border-box;resize:vertical;border:1px solid #4f46e5;border-radius:6px;outline:none;width:100%;padding:.35rem .5rem;font-family:inherit;font-size:.78rem}.pm-remarks-actions{justify-content:flex-end;gap:.3rem;display:flex}.pm-btn-action-small{cursor:pointer;border:none;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700}.pm-btn-action-small.save{color:#fff;background:#4f46e5}.pm-btn-action-small.cancel{color:#475569;background:#e2e8f0}.pm-empty-state{text-align:center;color:#94a3b8;padding:2.5rem 1rem}.pm-empty-state h3{color:#475569;margin-bottom:.35rem}:root{--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--success-gradient:linear-gradient(135deg, #10b981 0%, #34d399 100%);--card-shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000003;--card-hover-shadow:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--text-dark:#0f172a;--text-muted:#64748b;--bg-subtle:#f8fafc;--border-color:#e2e8f0;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}.add-step-container{max-width:1100px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:.5s ease-out forwards fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.add-step-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.add-step-header h2{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:1.75rem;font-weight:800}.btn-cancel{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:10px;padding:.6rem 1.25rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.btn-cancel:hover{color:var(--text-dark);background:var(--bg-subtle);transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.btn-save-step{background:var(--primary-gradient);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;padding:.6rem 1.75rem;font-weight:600;box-shadow:0 4px 12px #4f46e54d}.btn-save-step:hover{transform:translateY(-2px);box-shadow:0 8px 15px #4f46e566}.add-step-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=900px){.add-step-grid{grid-template-columns:1fr}}.as-col-left,.as-col-right{flex-direction:column;gap:1.5rem;display:flex}.as-card{box-shadow:var(--card-shadow);transition:var(--transition-smooth);background-color:#fff;border:1px solid #ffffff80;border-radius:16px;padding:2.5rem;position:relative;overflow:hidden}.as-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#4f46e51a,#0000);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.as-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.as-card:hover:before{opacity:1}.as-card.compact-card{padding:1.25rem 2rem}.as-card.compact-card .card-toggle-header{margin-bottom:0}.as-card h3{color:var(--text-dark);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:0;margin-bottom:2rem;font-size:.9rem;font-weight:800;display:flex}.card-toggle-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-toggle-header h3{margin-bottom:0}.card-title-with-icon{align-items:center;gap:1rem;display:flex}.icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex}.as-card:hover .icon-box{transform:scale(1.05)rotate(-3deg)}.icon-box.purple{background:var(--primary-gradient);box-shadow:0 4px 10px #4f46e540}.icon-box.green{background:var(--success-gradient);box-shadow:0 4px 10px #10b98140}.icon-box.blue{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);box-shadow:0 4px 10px #3b82f640}.toggle-switch{width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}input:checked+.slider{background:var(--primary-gradient)}input:checked+.slider.green-slider{background:var(--success-gradient)}input:checked+.slider.blue-slider{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.form-group{margin-bottom:1.75rem}.form-group:last-child{margin-bottom:0}.as-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.as-input,.as-textarea,.as-select{border:2px solid var(--bg-subtle);width:100%;color:var(--text-dark);background-color:var(--bg-subtle);box-sizing:border-box;transition:var(--transition-smooth);border-radius:10px;padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem}.as-input:focus,.as-textarea:focus,.as-select:focus{background-color:#fff;border-color:#818cf8;outline:none;box-shadow:0 0 0 4px #6366f11a}.date-input-wrapper{position:relative}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-icon{color:#818cf8;pointer-events:none;transition:color .3s;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.as-input:focus+.date-icon{color:#4f46e5}.client-form-builder{border:1px solid var(--border-color);background-color:#f8fafcb3;border-radius:16px;margin-top:2rem;padding:2rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-builder-row{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:flex-end;gap:1.25rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 5px #00000005}.fb-group{flex:1}.fb-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.fb-group input,.fb-group select{border:1px solid var(--border-color);box-sizing:border-box;background-color:#fff;border-radius:8px;width:100%;padding:.6rem .85rem;font-size:.9rem;font-weight:500;transition:border-color .2s}.fb-group input:focus,.fb-group select:focus{border-color:#818cf8;outline:none}.btn-remove-field{color:#ef4444;cursor:pointer;transition:var(--transition-smooth);background:#fef2f2;border:none;border-radius:8px;margin-bottom:.1rem;padding:.6rem}.btn-remove-field:hover{background:#fee2e2;transform:scale(1.05)}.btn-add-question{color:#4f46e5;cursor:pointer;width:100%;transition:var(--transition-smooth);background:#4f46e508;border:2px dashed #c7d2fe;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1.25rem;font-size:.85rem;font-weight:700;display:flex}.btn-add-question:hover{background:#4f46e514;border-color:#818cf8}.payment-box{background:linear-gradient(90deg,#ecfdf580,#d1fae54d);border:1px solid #a7f3d0;border-radius:16px;margin-top:2rem;padding:2rem;animation:.3s ease-out slideDown}.payment-notice{color:#059669;text-transform:uppercase;text-align:center;letter-spacing:.08em;justify-content:center;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:.75rem;font-weight:800;display:flex}.payment-notice:before,.payment-notice:after{content:"";background:#10b98133;flex:1;height:1px}.invoice-display{background-color:#fff;border:1px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:transform .2s;display:flex;box-shadow:0 4px 10px #10b9810d}.invoice-display:hover{transform:translateY(-2px)}.inv-icon{background:var(--success-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #10b98133}.inv-details{flex-direction:column;flex:1;margin-left:1.25rem;display:flex}.inv-details strong{color:var(--text-dark);margin-bottom:.25rem;font-size:1.1rem}.inv-details span{color:#059669;text-transform:uppercase;letter-spacing:.05em;background:#d1fae5;border-radius:4px;align-self:flex-start;padding:.25rem .5rem;font-size:.85rem;font-weight:700;display:inline-block}.btn-inv-link{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-inv-link:hover{color:#10b981;background:#ecfdf5;border-color:#10b981}.attachment-upload-area{text-align:center;background-color:var(--bg-subtle);cursor:pointer;transition:var(--transition-smooth);border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.attachment-upload-area:hover{background-color:#eef2ff;border-color:#818cf8;transform:translateY(-2px)}.attachment-upload-area .plus-icon{color:#4f46e5;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:transform .3s;display:flex;box-shadow:0 2px 5px #0000000d}.attachment-upload-area:hover .plus-icon{transform:scale(1.1)rotate(90deg)}.attachment-file-pill{border:1px solid var(--border-color);color:var(--text-dark);transition:var(--transition-smooth);background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex;box-shadow:0 2px 4px #00000005}.attachment-file-pill:hover{border-color:#ef4444}.attachment-file-pill button{color:#ef4444;cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.attachment-file-pill:hover button{opacity:1}.client-portal-sidebar{background:#fff;border-right:1px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:1px 0 10px #0f172a05}.client-portal-sidebar .sidebar-menu-title{color:#94a3b8;letter-spacing:1.2px;margin-top:1rem;font-size:.72rem;font-weight:700}.client-portal-sidebar .nav-links button.nav-button{color:#475569;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.85rem;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.client-portal-sidebar .nav-links button.nav-button:hover{color:#0f172a;background-color:#f1f5f9;transform:translate(3px)}.client-portal-sidebar .nav-links button.nav-button.active{color:#fff;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);font-weight:600;box-shadow:0 4px 14px #e11d4847}.client-avatar{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.portal-content-area{flex-direction:column;gap:2rem;animation:.4s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.portal-topbar h2{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 .5rem;font-size:2rem;font-weight:800}.portal-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.portal-loading{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.dashboard-grid-container{grid-template-columns:2fr 1fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=992px){.dashboard-grid-container{grid-template-columns:1fr}}.portal-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.portal-stat-card{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26870d}.portal-stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.portal-stat-card:hover{border-color:#6366f14d;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #1f26871a}.portal-stat-header{justify-content:space-between;align-items:center;display:flex}.portal-stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.portal-stat-card h3{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.85rem;font-weight:700}.portal-stat-value{color:#0f172a;background:linear-gradient(90deg,#0f172a,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem;font-weight:800;line-height:1.1}.portal-stat-card.warning .portal-stat-value{background:linear-gradient(90deg,#ef4444,#b91c1c);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-subtitle{color:#64748b;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;display:flex}.dashboard-section{background:#fff;border:1px solid #00000005;border-radius:20px;margin-bottom:1.5rem;padding:1.75rem;box-shadow:0 4px 20px #00000008}.dashboard-section h3{color:#1e293b;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;display:flex}.dashboard-project-list{flex-direction:column;gap:1.25rem;display:flex}.dashboard-project-item{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.75rem;padding-bottom:1.25rem;display:flex}.dashboard-project-item:last-child{border-bottom:none;padding-bottom:0}.dashboard-project-header{justify-content:space-between;align-items:center;display:flex}.dashboard-project-header h4{color:#334155;cursor:pointer;margin:0;font-size:1.05rem;font-weight:600;transition:color .2s}.dashboard-project-header h4:hover{color:#4f46e5}.progress-container{background-color:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:4px;height:100%;transition:width 1s ease-in-out}.dashboard-invoice-alert{background:linear-gradient(90deg,#ef44440d,#ef44441a);border-left:4px solid #ef4444;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.25rem;transition:transform .2s;display:flex}.dashboard-invoice-alert:hover{transform:translate(4px)}.invoice-alert-details h4{color:#b91c1c;margin:0 0 .25rem;font-size:1rem}.invoice-alert-details p{color:#7f1d1d;margin:0;font-size:.85rem}.dashboard-actions-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dashboard-action-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-weight:500;transition:all .2s;display:flex}.dashboard-action-btn:hover{color:#4f46e5;background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.portal-project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.portal-project-card{background-color:var(--surface-color);cursor:pointer;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 20px #00000008}.portal-project-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 12px 25px #00000014}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-card-header h4{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.project-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;overflow:hidden}.project-meta{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.project-workspace{background-color:var(--bg-color)}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.terms-gateway{background-color:var(--surface-color);text-align:center;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 4px 20px #00000005}.lock-icon-wrapper{color:var(--primary-color);background-color:#6366f11a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.terms-box{background-color:var(--bg-color);border:1px solid var(--border-color);text-align:left;border-radius:12px;width:100%;max-width:600px;margin-bottom:2rem;padding:2rem}.terms-box h4{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.terms-box p{color:var(--text-secondary);margin:.5rem 0;font-size:.95rem;line-height:1.6}.client-steps-list{flex-direction:column;gap:1.5rem;display:flex}.client-step-card{background-color:var(--surface-color);border:1px solid #00000008;border-radius:16px;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 15px #00000005}.step-number{background-color:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content{flex:1}.step-content h4{margin:0 0 .5rem;font-size:1.15rem}.step-content p{color:var(--text-secondary);margin:0 0 1rem}.notes-list{flex-direction:column;gap:1rem;display:flex}.note-card{background-color:var(--surface-color);border:1px solid #00000008;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #00000005}.view-btn{color:var(--primary-color)}.view-btn:hover{background-color:#e0f2fe}.custom-table{border-collapse:separate;border-spacing:0 8px;width:100%}.custom-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:0 0;border-bottom:1px solid #0000000d;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.custom-table td{vertical-align:middle;color:#1e293b;background:#fff;padding:1.25rem 1.5rem;font-size:.875rem}.custom-table tbody tr{transition:all .2s;box-shadow:0 2px 4px #00000005}.custom-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.custom-table tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.custom-table tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.pm-dashboard-container{flex-direction:column;gap:1.75rem;max-width:1400px;margin:0 auto;padding:1.75rem;display:flex}.pm-header-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 10px 25px -5px #0f172a40}.pm-header-info h1{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.65rem;font-weight:800}.pm-header-info p{color:#94a3b8;margin:0;font-size:.95rem}.pm-header-actions{flex-wrap:wrap;gap:.75rem;display:flex}.pm-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.pm-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #00000005}.pm-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.pm-metric-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pm-metric-icon.indigo{color:#4338ca;background:#e0e7ff}.pm-metric-icon.amber{color:#b45309;background:#fef3c7}.pm-metric-icon.emerald{color:#047857;background:#d1fae5}.pm-metric-icon.rose{color:#e11d48;background:#ffe4e6}.pm-metric-content{flex-direction:column;display:flex}.pm-metric-val{color:#0f172a;font-size:1.6rem;font-weight:800;line-height:1.2}.pm-metric-lbl{color:#64748b;margin-top:.2rem;font-size:.82rem;font-weight:600}.pm-filter-bar{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.pm-filter-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s}.pm-filter-btn:hover{color:#1e293b;background:#f8fafc}.pm-filter-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.pm-project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:border-color .2s;display:flex;box-shadow:0 2px 4px #00000005}.pm-project-card:hover{border-color:#cbd5e1}.pm-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pm-card-title{color:#0f172a;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.pm-card-meta{color:#64748b;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.pm-lock-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.pm-steps-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.pm-steps-header{color:#475569;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.35rem;font-size:.82rem;font-weight:700}.pm-step-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.prod-dashboard-container.modern-ui{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;padding:.25rem 0 2rem;display:flex}.prod-top-ribbon-alert{box-sizing:border-box;background:linear-gradient(135deg,#fff1f2 0%,#fff 55%,#fff5f5 100%);border:1px solid #fecdd3;border-left:4px solid #e11d48;border-radius:12px;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:.85rem 1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) ribbonSlideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #e11d4814}.prod-top-ribbon-alert:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#e11d4812,#0000 70%);width:160px;height:100%;position:absolute;top:0;right:0}@keyframes ribbonSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ribbon-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.ribbon-icon-container{color:#e11d48;background:#ffe4e6;border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex;position:relative;box-shadow:0 2px 8px #e11d482e}.ribbon-ping-ring{opacity:.75;border:2px solid #e11d48;border-radius:10px;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite ribbonPingRing;position:absolute}@keyframes ribbonPingRing{0%{opacity:.8;transform:scale(.95)}70%,to{opacity:0;transform:scale(1.3)}}.ribbon-text-content{flex-direction:column;gap:.2rem;min-width:0;display:flex}.ribbon-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ribbon-title{letter-spacing:.04em;color:#9f1239;text-transform:uppercase;font-size:.82rem;font-weight:800}.ribbon-timer-badge{color:#b91c1c;letter-spacing:.01em;background:#fef2f2;border:1px solid #fca5a5;border-radius:9999px;align-items:center;gap:.35rem;padding:.12rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.ribbon-count-tag{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:.12rem .5rem;font-size:.72rem;font-weight:700}.ribbon-appealed-tag{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.12rem .5rem;font-size:.72rem;font-weight:700}.ribbon-desc{color:#475569;margin:0;font-size:.82rem;line-height:1.35}.ribbon-desc strong{color:#0f172a}.ribbon-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.ribbon-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ribbon-btn.primary{color:#fff;background:#e11d48;box-shadow:0 2px 6px #e11d4840}.ribbon-btn.primary:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 4px 10px #e11d4859}.ribbon-btn.success{color:#fff;background:#059669;box-shadow:0 2px 6px #05966940}.ribbon-btn.success:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 4px 10px #05966959}.ribbon-btn.success:disabled{opacity:.65;cursor:not-allowed}.ribbon-btn.secondary{color:#334155;background:#fff;border-color:#cbd5e1}.ribbon-btn.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.ribbon-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.ribbon-close-btn:hover{color:#e11d48;background:#ffe4e6}.ribbon-restore-pill{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:20px;align-items:center;gap:.45rem;padding:.38rem .85rem;font-size:.76rem;font-weight:700;transition:all .2s;display:inline-flex}.ribbon-restore-pill:hover{background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px)}.prod-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;display:flex}.prod-main-heading{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:800}.prod-role-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.prod-count-badge{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:9999px;padding:.22rem .65rem;font-size:.75rem;font-weight:700}.prod-urgent-pill{color:#e11d48;background:#fff1f2;border:1px solid #e11d4840;border-radius:9999px;padding:.22rem .65rem;font-size:.75rem;font-weight:700}.prod-subheading{color:#64748b;margin:0;font-size:.86rem;font-weight:400;line-height:1.4}.prod-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.view-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:7px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.view-btn:hover{color:#0f172a}.view-btn.active{color:#e11d48;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}@keyframes prodSpin{to{transform:rotate(360deg)}}.prod-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;width:100%;display:grid}.prod-kpi-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000005}.prod-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.prod-kpi-card.active{background:#fff9fa;border-color:#e11d48;box-shadow:0 0 0 2px #e11d482e}.kpi-icon-wrap.active{color:#4338ca;background:#e0e7ff}.kpi-icon-wrap.revisions{color:#e11d48;background:#ffe4e6}.kpi-icon-wrap.review{color:#7e22ce;background:#f3e8ff}.kpi-card-content{flex-direction:column;min-width:0;display:flex}.kpi-card-val{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.15}.kpi-card-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.74rem;font-weight:600;overflow:hidden}.prod-urgent-banner{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #fecdd3;border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 2px 8px #e11d4814}.urgent-banner-icon{color:#fff;background:#e11d48;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 6px #e11d484d}.urgent-banner-content{flex-direction:column;flex:1;gap:.4rem;display:flex}.urgent-banner-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.urgent-banner-header strong{color:#9f1239;font-size:.88rem;font-weight:800}.urgent-sub-text{color:#be123c;font-size:.8rem}.urgent-banner-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.urgent-task-pill{cursor:pointer;background:#fff;border:1px solid #fda4af;border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.78rem;transition:all .15s;display:inline-flex}.urgent-task-pill:hover{background:#fff1f2;border-color:#e11d48}.pill-title{color:#0f172a;font-weight:700}.pill-proj{color:#64748b;font-size:.74rem}.pill-badge{border-radius:5px;padding:.12rem .4rem;font-size:.72rem;font-weight:800}.pill-badge.overdue{color:#dc2626;background:#fee2e2}.pill-badge.soon{color:#d97706;background:#fef3c7}.urgent-see-all-btn{color:#be123c;cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:700;text-decoration:underline}.prod-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #00000005}.search-input-wrapper{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.75rem}.search-input{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.45rem 2rem .45rem 2.25rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:#e11d48;box-shadow:0 0 0 2px #e11d481f}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:.6rem}.filter-controls-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .8rem;font-size:.82rem;font-weight:600;transition:border-color .15s}.toolbar-select:focus{border-color:#e11d48}.reset-filter-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.reset-filter-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.prod-main-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:flex-start;gap:1.25rem;width:100%;display:grid}@media (width<=1200px){.prod-main-grid{grid-template-columns:1fr}}.prod-work-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.prod-side-column{flex-direction:column;gap:1rem;display:flex}.prod-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000005}.table-header-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.table-heading{color:#0f172a;margin:0;font-size:.95rem;font-weight:800}.table-record-count{color:#64748b;font-size:.78rem;font-weight:600}.table-responsive-wrapper{width:100%;overflow-x:auto}.prod-matrix-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.prod-matrix-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1.15rem;font-size:.74rem;font-weight:800}.prod-matrix-table tbody tr.step-row{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.prod-matrix-table tbody tr.step-row:hover{background:#f8fafc}.prod-matrix-table tbody tr.step-row.has-revision-row{background:#fffcfc;border-left:3px solid #e11d48}.prod-matrix-table tbody tr.step-row.is-overdue-row{background:snow}.prod-matrix-table td{vertical-align:middle;padding:.8rem 1.15rem}.step-main-cell{flex-direction:column;gap:.25rem;display:flex}.step-title-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.step-title-text{color:#0f172a;font-size:.9rem;font-weight:700}.badge-revision-alert{color:#b91c1c;background:#fee2e2;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:800}.btn-toggle-expand{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.btn-toggle-expand:hover{color:#0f172a}.step-snippet-desc{color:#64748b;margin:0;font-size:.78rem;line-height:1.35}.proj-cell{flex-direction:column;gap:.2rem;display:flex}.proj-title-link{color:#1e293b;cursor:pointer;align-items:center;gap:.25rem;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.proj-title-link:hover{color:#e11d48}.proj-meta-sub{color:#64748b;font-size:.76rem}.deadline-cell{flex-direction:column;gap:.3rem;display:flex}.deadline-primary-row{color:#334155;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.deadline-badge-wrap{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.urgency-chip{border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:800}.urgency-chip.overdue{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.urgency-chip.soon{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.urgency-chip.normal{color:#475569;background:#f1f5f9}.chip-accepted{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.chip-pending-accept{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.chip-appealed{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.chip-under-review{color:#7e22ce;background:#f3e8ff;border:1px solid #d8b4fe;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.deliverable-cell{align-items:center;display:flex}.status-badge{border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-badge.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-badge.review{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status-badge.pending{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1}.submitted-file-pill{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:.35rem;max-width:170px;padding:.25rem .55rem;font-size:.76rem;display:inline-flex}.submitted-file-pill .file-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.submitted-file-pill .link-icon{color:#16a34a;align-items:center;display:flex}.submitted-file-pill .link-icon:hover{color:#15803d}.action-buttons-group{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.btn-action{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.32rem .65rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-action.btn-accept{color:#fff;background:#10b981;box-shadow:0 1px 2px #10b98133}.btn-action.btn-accept:hover{background:#059669}.btn-action.btn-appeal{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.btn-action.btn-appeal:hover{color:#b45309;background:#fffbeb;border-color:#f59e0b}.btn-action.btn-submit-proof{color:#fff;background:#e11d48;box-shadow:0 1px 3px #e11d4840}.btn-action.btn-submit-proof:hover{background:#be123c}.btn-action.btn-chat-icon{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;padding:.32rem .45rem}.btn-action.btn-chat-icon:hover{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.btn-action.mini{padding:.2rem .5rem;font-size:.72rem}.expanded-details-row{background:#f8fafc}.expanded-panel-body{border-left:3px solid #cbd5e1;flex-direction:column;gap:.65rem;margin:.35rem 0;padding:.75rem 1.15rem;display:flex}.spec-label{color:#475569;letter-spacing:.04em;font-size:.72rem;font-weight:800}.spec-text{color:#1e293b;white-space:pre-wrap;margin:.25rem 0 0;font-size:.82rem;line-height:1.45}.revision-feedback-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;flex-direction:column;gap:.4rem;padding:.65rem .85rem;display:flex}.revision-header{color:#e11d48;letter-spacing:.03em;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:flex}.revision-items-list{color:#4c0519;flex-direction:column;gap:.3rem;margin:0;padding-left:1.25rem;font-size:.82rem;display:flex}.revision-file-attachment{color:#2563eb;background:#fff;border:1px solid #fecdd3;border-radius:4px;align-items:center;gap:.25rem;margin-top:.2rem;padding:.15rem .45rem;font-size:.74rem;text-decoration:none;display:inline-flex}.proof-details-inline{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.2rem;font-size:.82rem;display:flex}.proof-link{color:#2563eb;align-items:center;gap:.25rem;text-decoration:underline;display:inline-flex}.prod-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;width:100%;display:grid}.project-kanban-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.15rem;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000005}.project-kanban-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000a}.card-project-title{color:#0f172a;cursor:pointer;margin:0 0 .25rem;font-size:1.05rem;font-weight:800;line-height:1.3}.card-project-title:hover{color:#e11d48}.card-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.card-badge-group{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.status-pill{text-transform:uppercase;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.status-pill.active{color:#1d4ed8;background:#eff6ff}.status-pill.completed{color:#047857;background:#ecfdf5}.urgency-pill{border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.urgency-pill.overdue{color:#dc2626;background:#fee2e2}.urgency-pill.soon{color:#b45309;background:#fef3c7}.urgency-pill.normal{color:#475569;background:#f1f5f9}.card-progress-section{flex-direction:column;gap:.35rem;display:flex}.progress-labels{justify-content:space-between;font-size:.76rem;font-weight:700;display:flex}.progress-title{color:#64748b}.progress-ratio{color:#0f172a}.progress-track{background:#e2e8f0;border-radius:9999px;height:6px;overflow:hidden}.progress-fill{background:#e11d48;border-radius:9999px;height:100%;transition:width .3s}.progress-fill.done{background:#10b981}.card-steps-drawer{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:.45rem;padding:.65rem .75rem;display:flex}.drawer-heading{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:.74rem;font-weight:800}.drawer-steps-list{flex-direction:column;gap:.4rem;max-height:200px;display:flex;overflow-y:auto}.drawer-step-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .55rem;display:flex}.step-info-col{flex-direction:column;gap:.15rem;min-width:0;display:flex}.step-title-line{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.step-text{color:#0f172a;font-size:.82rem;font-weight:700}.step-dl-tag{border-radius:4px;padding:.08rem .3rem;font-size:.68rem;font-weight:800}.step-dl-tag.overdue{color:#dc2626;background:#fee2e2}.step-dl-tag.soon{color:#b45309;background:#fef3c7}.step-date-sub{color:#64748b;font-size:.72rem}.card-footer-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}.btn-final-delivery{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:7px;align-items:center;gap:.35rem;padding:.42rem .8rem;font-size:.78rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-final-delivery:hover{background:#1e293b}.btn-view-project{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:.35rem;padding:.42rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.btn-view-project:hover{background:#e2e8f0}.prod-todo-widget{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.15rem;display:flex;box-shadow:0 1px 3px #00000005}.todo-widget-header{justify-content:space-between;align-items:center;display:flex}.todo-title-wrap{align-items:center;gap:.5rem;display:flex}.todo-icon{color:#e11d48}.todo-heading{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.todo-counter-pill{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:800}.todo-progress-wrap{flex-direction:column;gap:.25rem;display:flex}.todo-progress-bar{background:#f1f5f9;border-radius:9999px;height:5px;overflow:hidden}.todo-progress-fill{background:#10b981;border-radius:9999px;height:100%;transition:width .2s}.todo-progress-text{color:#64748b;text-align:right;font-size:.72rem;font-weight:600}.todo-add-form{gap:.4rem;display:flex}.todo-add-input{border:1px solid #cbd5e1;border-radius:7px;outline:none;flex:1;padding:.45rem .7rem;font-size:.82rem;transition:border-color .15s}.todo-add-input:focus{border-color:#e11d48}.todo-add-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:7px;justify-content:center;align-items:center;padding:.45rem .75rem;transition:background .15s;display:flex}.todo-add-btn:hover{background:#be123c}.todo-filter-pills{gap:.35rem;display:flex}.todo-pill{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.todo-pill.active{color:#fff;background:#0f172a;border-color:#0f172a}.todo-items-list{flex-direction:column;gap:.45rem;max-height:280px;display:flex;overflow-y:auto}.todo-item-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:7px;justify-content:space-between;align-items:center;padding:.45rem .6rem;transition:all .15s;display:flex}.todo-item-row.is-done .todo-text{color:#94a3b8;text-decoration:line-through}.todo-checkbox-label{cursor:pointer;color:#1e293b;flex:1;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.todo-native-checkbox{accent-color:#e11d48;cursor:pointer}.todo-del-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.todo-del-btn:hover{color:#ef4444}.todo-empty-notice{text-align:center;color:#94a3b8;padding:1rem 0;font-size:.78rem}.todo-footer-wrap{border-top:1px solid #f1f5f9;justify-content:flex-end;padding-top:.4rem;display:flex}.todo-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.74rem;font-weight:600}.todo-clear-btn:hover{color:#ef4444}.prod-loading-box{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;font-weight:600;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#e11d48;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite prodSpin}.prod-empty-state{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1.5rem;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:.25rem}.prod-empty-state h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.prod-empty-state p{color:#64748b;margin:0 0 .5rem;font-size:.85rem}.prod-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.prod-modal-dialog{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;animation:.2s ease-out modalScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.prod-modal-dialog.chat-dialog{max-width:620px}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.prod-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;display:flex}.modal-title-wrap{align-items:center;gap:.55rem;display:flex}.modal-header-icon{color:#e11d48}.modal-header-icon.amber{color:#f59e0b}.modal-title-wrap h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.chat-sub-title{color:#64748b;font-size:.78rem;font-weight:600}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{color:#0f172a}.modal-context-strip{color:#475569;background:#fff9fa;border-bottom:1px solid #ffe4e6;flex-direction:column;gap:.2rem;padding:.65rem 1.35rem;font-size:.8rem;display:flex}.highlight-step{color:#e11d48;font-weight:700}.prod-modal-form{flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex}.form-group label{color:#475569;letter-spacing:.04em;font-size:.74rem;font-weight:800}.form-control{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.55rem .8rem;font-size:.88rem;transition:border-color .15s}.form-control:focus{border-color:#e11d48;box-shadow:0 0 0 2px #e11d481f}.input-helper-text{color:#94a3b8;font-size:.72rem}.form-file-control{color:#475569;font-size:.82rem}.selected-file-label{color:#059669;font-size:.75rem;font-weight:700}.quick-presets-row{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.preset-label{color:#64748b;font-size:.74rem;font-weight:700}.modal-actions-row{justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.btn-modal-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem .85rem;font-size:.85rem;font-weight:600}.btn-modal-cancel:hover{color:#0f172a}.btn-modal-primary{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;transition:background .15s}.btn-modal-primary:hover{background:#be123c}.btn-modal-primary:disabled{opacity:.6;cursor:not-allowed}.btn-modal-amber{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;transition:background .15s}.btn-modal-amber:hover{background:#d97706}.btn-modal-amber:disabled{opacity:.6;cursor:not-allowed}.chat-modal-content{max-height:480px;padding:1rem 1.25rem 1.25rem;overflow-y:auto}.team-management-container{flex-direction:column;gap:1.25rem;width:100%;padding-bottom:2.5rem;display:flex}.team-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;margin-top:.5rem;display:flex}.team-header-title-area{flex-direction:column;flex:auto;gap:.35rem;display:flex}.team-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.team-main-heading{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.team-count-badge{color:#e11d48;background:#ffe4e6;border:1px solid #e11d4826;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.team-filter-pill{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.18rem .55rem;font-size:.72rem;font-weight:600}.team-subheading{color:#64748b;margin:0;font-size:.86rem;font-weight:400}.team-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.team-control-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;box-shadow:0 2px 6px #00000008}.team-filter-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.team-search-box{flex:260px;max-width:380px;position:relative}.team-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.team-search-box input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 32px 0 38px;font-size:.84rem;transition:all .15s}.team-search-box input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search-btn:hover{color:#e11d48}.team-filter-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.select-wrapper{position:relative}.team-filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 .85rem;font-size:.83rem;font-weight:500;transition:all .15s}.team-filter-select:hover{background:#fff;border-color:#cbd5e1}.team-filter-select:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.reset-filters-btn{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:.35rem;height:38px;padding:0 .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.view-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.view-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:30px;transition:all .15s;display:flex}.view-mode-btn:hover{color:#0f172a}.team-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;padding:1.25rem;display:grid}.team-profile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000005}.team-profile-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000014}.card-top-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.member-avatar-block{align-items:center;gap:.85rem;min-width:0;display:flex}.member-avatar-circle{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 4px #00000014}.member-avatar-circle.small{border-radius:8px;width:36px;height:36px;font-size:.82rem}.member-id-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.member-fullname{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;line-height:1.25;overflow:hidden}.member-username{color:#94a3b8;font-size:.75rem;font-weight:500}.member-role-row{margin-top:.2rem}.team-role-pill{letter-spacing:.02em;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.team-role-pill.admin{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.team-role-pill.sales{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.team-role-pill.pm{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.team-role-pill.production{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.team-role-pill.default{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.card-quick-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.icon-action-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.icon-action-btn:hover{color:#0f172a;background:#fff}.icon-action-btn.impersonate:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.icon-action-btn.edit:hover{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.icon-action-btn.delete:hover{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.member-contact-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:.35rem;padding:.65rem .85rem;display:flex}.contact-entry{align-items:center;gap:.45rem;font-size:.78rem;display:flex}.contact-entry.empty{color:#cbd5e1;font-style:italic}.contact-icon{color:#94a3b8;flex-shrink:0}.contact-link{white-space:nowrap;text-overflow:ellipsis;font-weight:500;text-decoration:none;transition:color .15s;overflow:hidden}.contact-link.email{color:#334155}.contact-link.email:hover{color:#e11d48;text-decoration:underline}.contact-link.whatsapp{color:#15803d}.contact-link.whatsapp:hover{color:#166534;text-decoration:underline}.member-targets-strip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.target-item{flex-direction:column;gap:.1rem;display:flex}.target-lbl{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.68rem;font-weight:700}.target-val{color:#0f172a;font-size:.85rem;font-weight:700}.target-val.highlight{color:#e11d48}.target-divider{background:#e2e8f0;width:1px;height:24px}.member-modules-area{flex-direction:column;gap:.4rem;display:flex}.modules-header-line{justify-content:space-between;align-items:center;display:flex}.modules-header-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.modules-count-pill{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.modules-tags-wrap{flex-wrap:wrap;gap:.35rem;display:flex}.access-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.access-chip.more{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.no-access-lbl{color:#94a3b8;font-size:.72rem;font-style:italic}.card-footer-strip{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.65rem;font-size:.72rem;display:flex}.joined-meta{align-items:center;gap:.3rem;display:inline-flex}.impersonate-hint{color:#e11d48;font-weight:600}.team-table-wrapper{width:100%;overflow-x:auto}.team-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.team-data-table thead th{color:#475569;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.team-data-table tbody td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.team-table-row{transition:background-color .15s}.team-table-row:hover{background-color:#fbfcfe}.table-member-identity{align-items:center;gap:.75rem;display:flex}.table-name-block{flex-direction:column;gap:.1rem;display:flex}.table-member-name{color:#0f172a;font-size:.88rem;font-weight:700}.table-username{color:#94a3b8;font-size:.75rem}.table-comm-block{flex-direction:column;gap:.2rem;display:flex}.table-comm-link{align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.table-comm-link.email{color:#334155}.table-comm-link.email:hover{color:#e11d48}.table-comm-link.whatsapp{color:#15803d}.table-comm-link.whatsapp:hover{color:#166534}.table-comm-empty{color:#cbd5e1;font-size:.75rem;font-style:italic}.table-finance-val{color:#0f172a;font-size:.84rem;font-weight:700}.table-comm-pill{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:9999px;padding:.15rem .5rem;font-size:.74rem;font-weight:700;display:inline-block}.table-comm-zero{color:#94a3b8;font-size:.8rem}.table-permissions-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.table-joined-date{color:#64748b;white-space:nowrap;font-size:.78rem}.table-action-btns{justify-content:center;align-items:center;gap:.35rem;display:flex}.team-pagination-wrapper{background:#fff;border-top:1px solid #f1f5f9;border-bottom-right-radius:14px;border-bottom-left-radius:14px;padding:.75rem 1.25rem}.team-loading-state,.team-empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex}.team-loading-state{gap:.75rem;font-size:.85rem}.team-empty-state h3{color:#0f172a;margin:0 0 .25rem;font-size:1.1rem}.team-empty-state p{margin:0;font-size:.85rem}.team-modal-content{background:#fff;border-radius:16px;width:92%;max-width:780px;max-height:90vh;padding:1.5rem 1.75rem;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.modal-header-custom{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1.1rem;display:flex}.modal-header-title{align-items:center;gap:.85rem;display:flex}.modal-icon-badge{color:#e11d48;background:#fff1f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-header-title h2{color:#0f172a;margin:0 0 .2rem;font-size:1.25rem;font-weight:700}.modal-header-title p{color:#64748b;margin:0;font-size:.8rem}.close-modal-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .15s;display:flex}.close-modal-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.team-modal-form{flex-direction:column;gap:1.25rem;display:flex}.form-section-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.95rem;padding:1.1rem 1.25rem;display:flex}.section-title{color:#334155;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.45rem;margin:0;font-size:.84rem;font-weight:700;display:flex}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.selected-total-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.permission-bulk-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bulk-perm-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s}.bulk-perm-btn.select-all{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.bulk-perm-btn.select-all:hover{background:#ffe4e6;border-color:#fda4af}.bulk-perm-btn.clear-all{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.bulk-perm-btn.clear-all:hover{color:#0f172a;background:#f1f5f9}.form-grid-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=620px){.form-grid-2{grid-template-columns:1fr}}.form-group-custom{flex-direction:column;gap:.35rem;display:flex}.form-group-custom label{color:#334155;font-size:.8rem;font-weight:600}.form-group-custom label .req{color:#e11d48}.form-group-custom input,.form-group-custom select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.84rem;transition:all .15s}.form-group-custom input:focus,.form-group-custom select:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{padding-right:2.5rem}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#334155}.module-categories-container{flex-direction:column;gap:.75rem;display:flex}.permission-category-block{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.65rem;padding:.85rem 1rem;display:flex}.permission-category-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.45rem;display:flex}.cat-title-group{align-items:center;gap:.45rem;display:flex}.cat-name{color:#334155;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:700}.cat-count{color:#64748b;font-size:.72rem;font-weight:600}.cat-toggle-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .4rem;font-size:.72rem;font-weight:600}.cat-toggle-btn:hover{background:#eef2ff;text-decoration:underline}.permission-checkboxes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.permission-chip-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .65rem;transition:all .15s;display:flex}.permission-chip-label:hover{background:#f1f5f9;border-color:#cbd5e1}.permission-chip-label.active{background:#eef2ff;border-color:#c7d2fe}.permission-chip-label input[type=checkbox]{cursor:pointer;accent-color:#e11d48;width:16px;height:16px;margin:0}.chip-text{color:#334155;font-size:.78rem;font-weight:500}.permission-chip-label.active .chip-text{color:#312e81;font-weight:600}.modal-footer-custom{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.15rem;font-size:.84rem;font-weight:600;transition:all .15s}.btn-cancel:hover{color:#0f172a;background:#f8fafc}.btn-submit{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;padding:.6rem 1.35rem;font-size:.84rem;font-weight:600;transition:all .15s;box-shadow:0 2px 6px #e11d4840}.btn-submit:hover{background:#be123c;box-shadow:0 4px 10px #e11d4859}.professional-sales-report{flex-direction:column;gap:1.75rem;width:100%;display:flex}.sales-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #0000000a}.sales-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem 1.75rem;display:flex}.sales-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.sales-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px -3px #00000008}.sales-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px #0000000f}.sales-kpi-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.sales-charts-row{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1100px){.sales-charts-row{grid-template-columns:1fr}}.sales-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 4px 15px -3px #00000008}.chart-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.empty-chart-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:250px;font-size:.9rem;display:flex}.top-clients-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.75rem}.section-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1.25rem;display:flex}.section-title-bar h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.section-meta{color:#64748b;font-size:.8rem}.top-clients-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.top-client-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.65rem;padding:1.1rem;display:flex}.top-client-header{align-items:flex-start;gap:.65rem;display:flex}.top-rank-badge{color:#fff;background:#0f172a;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.top-client-names{overflow:hidden}.client-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.client-business{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.top-client-stats{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.stat-line{justify-content:space-between;display:flex}.stat-line .label{color:#64748b}.revenue-share-bar{background:#e2e8f0;border-radius:9999px;width:100%;height:5px;overflow:hidden}.revenue-share-bar .bar-fill{background:#10b981;border-radius:9999px;height:100%}.share-text{color:#64748b;text-align:right;font-size:.725rem}.sales-ledger-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.modern-sales-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.modern-sales-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-weight:700}.modern-sales-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.9rem 1rem}.sales-table-row:hover td{background:#f8fafc}.project-tag{color:#334155;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border-radius:6px;max-width:180px;padding:.25rem .6rem;font-size:.775rem;font-weight:500;display:inline-block;overflow:hidden}.sales-status-badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-overdue,.status-due-passed{color:#dc2626;background:#fef2f2}.status-draft{color:#64748b;background:#f1f5f9}.btn-view-invoice{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-view-invoice:hover{color:#fff;background:#0f172a;border-color:#0f172a}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.professional-client-report{flex-direction:column;gap:1.75rem;width:100%;display:flex}.client-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #0000000a}.header-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.04em;background:#eff6ff;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.header-subtext{color:#64748b;max-width:720px;margin-top:.4rem;font-size:.9rem;line-height:1.5}.btn-export{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.btn-export-excel:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-export-pdf:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.client-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.client-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px -3px #00000008}.client-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px #0000000f}.client-kpi-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.card-blue:before{background:#3b82f6}.card-indigo:before{background:#6366f1}.card-green:before{background:#10b981}.card-red:before{background:#ef4444}.card-orange:before{background:#f59e0b}.card-purple:before{background:#8b5cf6}.card-teal:before{background:#06b6d4}.card-title{color:#64748b;font-size:.825rem;font-weight:600}.client-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem 1.75rem;display:flex}.filter-controls-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;padding-top:.5rem;display:grid}.filter-field label{color:#64748b;align-items:center;gap:.35rem;font-size:.775rem;font-weight:600;display:flex}.client-charts-row{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1100px){.client-charts-row{grid-template-columns:1fr}}.client-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 4px 15px -3px #00000008}.chart-header{margin-bottom:1.25rem}.chart-subtitle{color:#64748b;margin-top:.25rem;font-size:.8rem}.chart-container-box{width:100%}.donut-body{flex-direction:column;align-items:center;display:flex}.donut-legend-list{flex-direction:column;gap:.4rem;width:100%;margin-top:.75rem;display:flex}.client-ledger-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.ledger-subtext{color:#64748b;margin-top:.2rem;font-size:.825rem}.search-bar-wrap{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;min-width:280px;padding:.55rem .9rem;display:flex}.modern-client-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem}.modern-client-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:.85rem;font-weight:700}.modern-client-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem}.client-table-row:hover td{background:#f8fafc}.client-cell-info{flex-direction:column;display:flex}.client-main-name{color:#0f172a;font-weight:700}.client-sub-name{color:#64748b;font-size:.75rem}.profit-margin-badge{border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.margin-med{color:#2563eb;background:#eff6ff}.project-badge,.invoice-badge{color:#334155;background:#f1f5f9;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.775rem;font-weight:600;display:inline-flex}.client-health-badge{border-radius:9999px;padding:.25rem .65rem;font-size:.725rem;font-weight:700;display:inline-flex}.health-healthy{color:#059669;background:#ecfdf5}.health-pending-dues{color:#d97706;background:#fffbeb}.health-overdue-risk{color:#dc2626;background:#fef2f2}.client-360-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.client-360-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-client-header{align-items:center;gap:1rem;display:flex}.modal-client-name{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.modal-client-biz{color:#64748b;margin-top:.15rem;font-size:.85rem}.btn-close-modal{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;display:flex}.modal-tabs-row{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 1.5rem;display:flex;overflow-x:auto}.modal-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.modal-tab-btn:hover{color:#0f172a}.modal-tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.overview-tab-content{flex-direction:column;gap:1.5rem;display:flex}.modal-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.kpi-label{color:#64748b;font-size:.75rem;font-weight:600}.client-contact-profile-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.client-contact-profile-box h4{color:#0f172a;margin:0 0 .85rem;font-size:.95rem;font-weight:700}.modal-inner-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-weight:700}.modal-inner-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.8rem 1rem}.professional-team-report{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.team-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.team-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;display:grid}.team-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px -2px #00000005}.team-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.card-indigo .card-icon{color:#4f46e5;background:#eef2ff}.team-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 2px 10px -2px #00000005}.team-charts-row{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}@media (width<=1024px){.team-charts-row{grid-template-columns:1fr}}.team-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 2px 10px -2px #00000005}.chart-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.chart-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.825rem}.empty-chart-state{color:#94a3b8;justify-content:center;align-items:center;height:100%;font-size:.875rem;display:flex}.donut-body{flex-direction:column;gap:.75rem;display:flex}.donut-legend-list{flex-direction:column;gap:.4rem;display:flex}.legend-row{background:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.8rem;display:flex}.legend-label{color:#334155;align-items:center;gap:.5rem;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-value{color:#0f172a;font-weight:700}.team-ledger-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.modern-team-table{border-collapse:collapse;width:100%;font-size:.85rem}.modern-team-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem;font-size:.75rem;font-weight:700}.modern-team-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem .85rem}.team-table-row:hover{background:#f8fafc}.employee-cell-info{flex-direction:column;gap:.25rem;display:flex}.employee-name-row{align-items:center;gap:.65rem;display:flex}.emp-avatar{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.emp-main-name{color:#0f172a;font-weight:700;display:block}.emp-role-tag{color:#475569;background:#f1f5f9;border-radius:4px;margin-top:.15rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.emp-role-tag.role-admin{color:#dc2626;background:#fef2f2}.emp-role-tag.role-sales,.emp-role-tag.role-sales-agent{color:#059669;background:#ecfdf5}.emp-role-tag.role-product-manager,.emp-role-tag.role-pm{color:#2563eb;background:#eff6ff}.emp-role-tag.role-production{color:#7c3aed;background:#faf5ff}.task-count-pill,.project-count-pill{color:#334155;align-items:center;gap:.35rem;font-size:.825rem;font-weight:600;display:inline-flex}.overdue-tag{color:#ef4444;font-size:.75rem;font-weight:700}.efficiency-badge{border-radius:6px;padding:.2rem .55rem;font-size:.775rem;font-weight:700;display:inline-block}.eff-high{color:#059669;background:#ecfdf5}.eff-med{color:#d97706;background:#fffbeb}.eff-low{color:#dc2626;background:#fef2f2}.roi-badge{border-radius:6px;padding:.25rem .55rem;font-size:.8rem;font-weight:800;display:inline-block}.roi-high{color:#0f766e;background:#f0fdfa}.roi-med{color:#2563eb;background:#eff6ff}.roi-low{color:#dc2626;background:#fef2f2}.tier-badge{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.tier-elite-performer{color:#059669;background:#ecfdf5}.tier-solid-contributor{color:#2563eb;background:#eff6ff}.tier-review-needed{color:#dc2626;background:#fef2f2}.workload-badge{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.workload-overloaded{color:#dc2626;background:#fef2f2}.workload-optimal{color:#059669;background:#ecfdf5}.workload-underutilized{color:#d97706;background:#fffbeb}.team-360-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.team-360-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-emp-header{align-items:center;gap:1rem;display:flex}.modal-avatar{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;display:flex}.modal-emp-name{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800}.modal-sub-email{color:#64748b;font-size:.85rem}.modal-actions-right{align-items:center;gap:.75rem;display:flex}.modal-btn-contact{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.modal-btn-contact:hover{color:#fff;background:#0f172a}.modal-tabs-row{background:#fff;border-bottom:1px solid #f1f5f9;gap:.5rem;padding:.75rem 2rem;display:flex;overflow-x:auto}.modal-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.modal-tab-btn:hover{color:#0f172a;background:#f8fafc}.modal-tab-btn.active{color:#fff;background:#0f172a}.modal-body-scrollable{flex:1;padding:2rem;overflow-y:auto}.modal-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.modal-kpi-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.1rem}.kpi-label{color:#64748b;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.kpi-val{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.employee-metadata-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem}.employee-metadata-box h4{color:#0f172a;margin:0 0 1rem;font-size:.95rem;font-weight:700}.profile-details-grid{color:#334155;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;font-size:.85rem;display:grid}.modal-table-wrap{overflow-x:auto}.modal-inner-table{border-collapse:collapse;width:100%;font-size:.85rem}.modal-inner-table th{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem;font-size:.75rem;font-weight:700}.modal-inner-table td{border-bottom:1px solid #f1f5f9;padding:.85rem .75rem}.status-badge{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.status-completed{color:#059669;background:#ecfdf5}.status-in-progress{color:#2563eb;background:#eff6ff}.status-pending{color:#d97706;background:#fffbeb}.professional-expense-report{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.expense-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.header-badge{color:#ef4444;letter-spacing:.02em;text-transform:uppercase;background:#fef2f2;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.header-action-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-export{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-export-excel{color:#fff;background:#10b981}.btn-export-excel:hover{background:#059669;box-shadow:0 4px 12px #10b98140}.btn-export-pdf{color:#fff;background:#0f172a}.btn-export-pdf:hover{background:#1e293b;box-shadow:0 4px 12px #0f172a40}.btn-refresh{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:inline-flex}.btn-refresh:hover{color:#0f172a;background:#f1f5f9}.expense-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;display:grid}.expense-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px -2px #00000005}.expense-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.card-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-orange .card-icon{color:#f59e0b;background:#fffbeb}.card-pink .card-icon{color:#db2777;background:#fdf2f8}.card-value{color:#0f172a;letter-spacing:-.02em;margin:0 0 .65rem;font-size:1.45rem;font-weight:800}.text-red{color:#ef4444!important}.text-green{color:#10b981!important}.text-orange{color:#f59e0b!important}.text-purple{color:#8b5cf6!important}.text-teal{color:#0d9488!important}.text-blue{color:#2563eb!important}.card-meta{align-items:center;gap:.5rem;display:flex}.meta-pill{border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.meta-pill.red{color:#dc2626;background:#fef2f2}.meta-pill.blue{color:#2563eb;background:#eff6ff}.meta-pill.green{color:#059669;background:#ecfdf5}.meta-pill.orange{color:#d97706;background:#fffbeb}.meta-pill.purple{color:#7c3aed;background:#faf5ff}.meta-pill.teal{color:#0f766e;background:#f0fdfa}.view-tabs-bar{flex-wrap:wrap;gap:.75rem;display:flex}.view-tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #00000008}.view-tab-btn:hover{color:#0f172a;background:#f8fafc}.view-tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.matrix-view-container{flex-direction:column;gap:1.25rem;display:flex}.matrix-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.matrix-left-controls{align-items:center;gap:.75rem;display:flex}.matrix-export-icons{align-items:center;gap:.35rem;display:flex}.icon-btn-export{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.icon-btn-export:hover{background:#f8fafc;border-color:#cbd5e1}.year-selector-wrap select.matrix-year-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.45rem 1rem;font-size:.875rem;font-weight:700}.btn-detailed-report{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-detailed-report:hover{color:#fff;background:#0f172a;border-color:#0f172a}.matrix-checkbox-row{align-items:center;padding:0 .25rem;display:flex}.checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.checkbox-label input[type=checkbox]{accent-color:#0f172a;cursor:pointer;width:16px;height:16px}.matrix-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px -2px #00000005}.annual-matrix-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:.825rem}.annual-matrix-table th{color:#0f172a;white-space:nowrap;background:#fff;border-bottom:1px solid #e2e8f0;padding:.85rem .75rem;font-size:.8rem;font-weight:700}.th-category{text-align:left;width:220px;padding-left:1.25rem!important}.th-month{text-align:right}.th-year{text-align:right;background:#f8fafc!important;padding-right:1.25rem!important;font-weight:800!important}.annual-matrix-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:.8rem .75rem}.td-category-name{text-align:left;color:#1e293b;font-weight:600;padding-left:1.25rem!important}.td-month-val{text-align:right;font-variant-numeric:tabular-nums}.td-year-total{text-align:right;font-variant-numeric:tabular-nums;background:#f8fafc;font-weight:700;padding-right:1.25rem!important}.matrix-row:hover{background:#f8fafc}.matrix-subtotal-row td{color:#0f172a;background:#fdfefe;border-top:1.5px solid #cbd5e1;font-weight:700}.matrix-tax-row td{color:#64748b}.matrix-total-row td{color:#0f172a;background:#f8fafc;border-top:1.5px solid #cbd5e1;border-bottom:2px solid #cbd5e1;font-weight:800}.matrix-bottom-charts-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=900px){.matrix-bottom-charts-grid{grid-template-columns:1fr}}.matrix-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px -2px #00000005}.matrix-chart-card h4{color:#0f172a;margin:0 0 1rem;font-size:.95rem;font-weight:700}.expense-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 2px 10px -2px #00000005}.preset-pill-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-row-label{color:#64748b;margin-right:.25rem;font-size:.825rem;font-weight:700}.preset-btn:hover{color:#0f172a;background:#f1f5f9}.preset-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.filter-controls-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.filter-field{flex-direction:column;gap:.4rem;display:flex}.filter-field label{color:#475569;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.35rem;font-size:.775rem;font-weight:700;display:flex}.filter-field input,.filter-field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.85rem;transition:border-color .15s}.filter-field input:focus,.filter-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.expense-ledger-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.ledger-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.ledger-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.ledger-subtext{color:#64748b;margin:.25rem 0 0;font-size:.825rem}.search-bar-wrap{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;width:320px;padding:.5rem .85rem;display:flex}.search-bar-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.modern-expense-table{border-collapse:collapse;width:100%;font-size:.85rem}.modern-expense-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem;font-size:.75rem;font-weight:700}.modern-expense-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem .85rem}.expense-table-row:hover{background:#f8fafc}.exp-category-tag{border:1px solid #0000;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.linked-project-pill{color:#2563eb;background:#eff6ff;border-radius:4px;align-items:center;gap:.25rem;margin-left:.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:700;display:inline-flex}.mode-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.mode-bank-transfer{color:#2563eb;background:#eff6ff}.mode-cash{color:#059669;background:#ecfdf5}.mode-easypaisa{color:#16a34a;background:#f0fdf4}.mode-credit-card{color:#7c3aed;background:#faf5ff}.ref-text{color:#94a3b8;margin-top:.15rem;font-size:.725rem}.nature-badge{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.nature-recurring{color:#2563eb;background:#eff6ff}.nature-onetime{color:#d97706;background:#fffbeb}.reimb-badge{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.reimb-yes{color:#059669;background:#ecfdf5}.reimb-no{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.btn-view-voucher{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-view-voucher:hover{color:#fff;background:#0f172a;border-color:#0f172a}.table-summary-footer td{background:#f8fafc;border-top:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1;padding:.85rem}.progress-bar-bg{background:#e2e8f0;border-radius:9999px;width:80px;height:6px;overflow:hidden}.progress-bar-fill{background:#ef4444;border-radius:9999px;height:100%}.table-loading-cell,.table-empty-cell{text-align:center;color:#64748b;padding:3rem 1rem!important}.ledger-pagination-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.pagination-left-controls{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.pagination-showing-text{color:#64748b;font-size:.85rem}.pagination-showing-text strong{color:#0f172a}.rows-per-page-selector{color:#64748b;align-items:center;gap:.5rem;font-size:.825rem;font-weight:500;display:flex}.rows-per-page-selector select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.35rem .6rem;font-size:.825rem;font-weight:600}.rows-per-page-selector select:focus{border-color:#3b82f6}.pagination-right-controls{align-items:center;display:flex}.expense-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.expense-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:640px;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-top-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-voucher-header{align-items:center;gap:1rem;display:flex}.modal-icon-badge{color:#ef4444;background:#fef2f2;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-voucher-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.modal-voucher-sub{color:#64748b;margin:.2rem 0 0;font-size:.825rem}.btn-close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;display:flex}.btn-close-modal:hover{color:#0f172a;background:#e2e8f0}.modal-body-content{padding:2rem}.voucher-highlight-card{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.voucher-amount-label{color:#991b1b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700;display:block}.voucher-amount-value{color:#dc2626;margin:.35rem 0 0;font-size:2rem;font-weight:800}.voucher-info-section h4{color:#0f172a;margin:0 0 .85rem;font-size:.95rem;font-weight:700}.voucher-spec-rows{flex-direction:column;gap:.65rem;display:flex}.spec-row{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.spec-label{color:#64748b;font-weight:600}.spec-val{color:#0f172a;font-weight:700}.modal-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.spinning{animation:1s linear infinite spin}.professional-income-expense-report{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.income-expense-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.income-expense-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.income-expense-header-panel .header-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.income-expense-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.year-picker-badge{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:inline-flex}.year-picker-select{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem;font-weight:700}.income-expense-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.pnl-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px -2px #00000005}.pnl-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.pnl-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.pnl-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.pnl-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-green .card-icon{color:#10b981;background:#ecfdf5}.card-red .card-icon{color:#ef4444;background:#fef2f2}.card-emerald .card-icon{color:#059669;background:#ecfdf5}.card-rose .card-icon{color:#e11d48;background:#fff1f2}.card-blue .card-icon{color:#2563eb;background:#eff6ff}.card-purple .card-icon{color:#8b5cf6;background:#faf5ff}.card-teal .card-icon{color:#0d9488;background:#f0fdfa}.text-emerald{color:#059669!important}.text-rose{color:#e11d48!important}.income-expense-charts-grid{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}@media (width<=1024px){.income-expense-charts-grid{grid-template-columns:1fr}}.income-expense-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.5rem 1.75rem;display:flex;box-shadow:0 2px 10px -2px #00000005}.main-chart-card{grid-row:1/span 2}.income-expense-chart-card .chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.income-expense-chart-card .chart-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.income-expense-chart-card .chart-sub{color:#64748b;max-width:500px;margin:.25rem 0 0;font-size:.825rem}.chart-legend-pills{align-items:center;gap:.5rem;display:flex}.legend-pill{border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.legend-pill.green{color:#059669;background:#ecfdf5}.legend-pill.red{color:#dc2626;background:#fef2f2}.legend-pill.blue{color:#2563eb;background:#eff6ff}.legend-pill .dot{border-radius:50%;width:8px;height:8px}.legend-pill .dot.green{background:#10b981}.legend-pill .dot.red{background:#ef4444}.legend-pill .dot.blue{background:#3b82f6}.custom-chart-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172af2;border-radius:10px;min-width:170px;padding:.75rem 1rem;font-size:.8rem;box-shadow:0 10px 25px -5px #0000004d}.tooltip-title{color:#e2e8f0;margin:0 0 .4rem}.tooltip-divider{background:#ffffff26;height:1px;margin-bottom:.4rem}.tooltip-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.tooltip-dot{border-radius:50%;width:8px;height:8px;margin-right:.25rem}.tooltip-label{color:#94a3b8}.tooltip-val{color:#fff}.monthly-performance-ledger-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.monthly-performance-ledger-card .ledger-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.monthly-performance-ledger-card .ledger-subtext{color:#64748b;margin:.25rem 0 0;font-size:.825rem}.modern-pnl-table{border-collapse:collapse;width:100%;margin-top:1.25rem;font-size:.85rem}.modern-pnl-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem;font-size:.75rem;font-weight:700}.modern-pnl-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem .85rem}.pnl-table-row:hover{background:#f8fafc}.margin-badge{border-radius:6px;padding:.2rem .55rem;font-size:.775rem;font-weight:700;display:inline-block}.margin-pos{color:#059669;background:#ecfdf5}.margin-neg{color:#dc2626;background:#fef2f2}.status-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.status-surplus{color:#059669;background:#ecfdf5}.status-deficit{color:#dc2626;background:#fef2f2}.status-breakeven{color:#64748b;background:#f1f5f9}.table-summary-totals-row td{background:#f8fafc;border-top:2.5px solid #cbd5e1;border-bottom:2.5px solid #cbd5e1;padding:1rem .85rem}.professional-accounting-report{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.accounting-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.accounting-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.accounting-header-panel .header-badge{color:#0d9488;letter-spacing:.02em;text-transform:uppercase;background:#f0fdfa;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.accounting-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.accounting-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.acct-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px -2px #00000005}.acct-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.acct-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.acct-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.acct-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.acct-view-tabs-bar{flex-wrap:wrap;gap:.75rem;display:flex}.acct-view-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #00000008}.acct-view-tab:hover{color:#0f172a;background:#f8fafc}.acct-view-tab.active{color:#fff;background:#0f172a;border-color:#0f172a}.statements-container{flex-direction:column;gap:1.25rem;display:flex}.statement-subtabs{flex-wrap:wrap;gap:.5rem;display:flex}.subtab-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .15s}.subtab-btn:hover{color:#0f172a;background:#f1f5f9}.subtab-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.statement-sheet-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 20px -2px #00000008}.statement-sheet-header h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.statement-sheet-header p{color:#64748b;margin:.25rem 0 1.5rem;font-size:.85rem}.financial-statement-table{border-collapse:collapse;width:100%;font-size:.875rem}.financial-statement-table td,.financial-statement-table th{border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.statement-section-header td{color:#334155;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-top:1px solid #e2e8f0;padding-top:1rem;padding-bottom:.6rem;font-size:.775rem;font-weight:800}.statement-subtotal-row td{color:#0f172a;background:#fff;border-top:1.5px solid #cbd5e1;border-bottom:1.5px solid #cbd5e1;font-weight:700}.statement-grand-total-row td{color:#0f172a;background:#f8fafc;border-top:2.5px solid #cbd5e1;border-bottom:2.5px solid #cbd5e1;padding:1rem;font-weight:800}.aging-buckets-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.bucket-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 2px 8px -2px #00000005}.bucket-ap-1-7{border-top:4px solid #ef4444}.bucket-ap-8-30{border-top:4px solid #f59e0b}.ar-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 2px 10px -2px #00000005}.ar-chart-card h4{color:#0f172a;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.ar-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.table-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.table-header-bar h4{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.table-header-bar p{color:#64748b;margin:.2rem 0 0;font-size:.825rem}.modern-ar-table{border-collapse:collapse;width:100%;font-size:.85rem}.modern-ar-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem;font-size:.75rem;font-weight:700}.modern-ar-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem .85rem}.modern-ar-table tr:hover{background:#f8fafc}.rate-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.rate-high{color:#059669;background:#ecfdf5}.rate-mid{color:#d97706;background:#fffbeb}.rate-low{color:#dc2626;background:#fef2f2}.icon-contact-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:all .15s;display:flex}.icon-contact-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.ap-liquidity-summary-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}.liquidity-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px -2px #00000005}.liquidity-info-card .liq-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.liquidity-info-card h4{color:#64748b;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.liquidity-info-card .liq-val{margin:.25rem 0;font-size:1.45rem;font-weight:800}.liquidity-info-card .liq-sub{color:#94a3b8;font-size:.775rem}.obligation-tag{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.ap-bucket-pill{color:#d97706;background:#fffbeb;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.acct-type-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.type-asset{color:#059669;background:#ecfdf5}.type-liability{color:#dc2626;background:#fef2f2}.type-equity{color:#7c3aed;background:#faf5ff}.type-revenue{color:#2563eb;background:#eff6ff}.type-expense{color:#d97706;background:#fffbeb}.product-reports-view{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.product-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.product-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.product-header-panel .header-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.product-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.year-selector-wrap{color:#475569;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.year-selector-wrap select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .85rem;font-weight:600}.product-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.15rem;display:grid}.prod-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.35rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px -2px #00000005}.prod-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.prod-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.prod-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.775rem;font-weight:700}.prod-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.prod-kpi-card .card-value{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.card-gold .card-icon{color:#ca8a04;background:#fefce8}.card-gold .card-value{color:#ca8a04}.card-gold .meta-pill{color:#ca8a04;background:#fefce8}.analytics-dual-charts-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.25rem;display:grid}.chart-container-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.75rem;box-shadow:0 4px 18px -2px #00000008}.chart-card-header h4{color:#0f172a;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:800;display:flex}.rankings-highlight-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.25rem;display:grid}.rankings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.75rem;box-shadow:0 4px 18px -2px #00000008}.rankings-card-header{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.rankings-card-header h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:800}.rankings-list{flex-direction:column;gap:.65rem;display:flex}.ranking-item-row{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .15s;display:flex}.ranking-item-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rank-badge{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:.75rem;font-size:.8rem;font-weight:800;display:flex}.green-rank{color:#059669;background:#ecfdf5}.purple-rank{color:#7c3aed;background:#faf5ff}.rank-info{flex-direction:column;flex:1;display:flex}.rank-name{color:#0f172a;font-size:.875rem;font-weight:700}.rank-meta{color:#64748b;font-size:.75rem}.rank-numbers{flex-direction:column;align-items:flex-end;display:flex}.rank-profit{font-size:.925rem;font-weight:800}.rank-margin{color:#64748b;font-size:.75rem;font-weight:600}.rankings-empty{text-align:center;color:#94a3b8;padding:1.5rem;font-size:.85rem}.service-matrix-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #00000008}.matrix-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.matrix-header-bar h4{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.matrix-header-bar p{color:#64748b;margin:.2rem 0 0;font-size:.825rem}.matrix-filters-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-input-wrap{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;display:flex}.search-input-wrap input{background:0 0;border:none;outline:none;width:180px;font-size:.85rem}.tier-filter-dropdown{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.modern-service-table{border-collapse:collapse;width:100%;font-size:.85rem}.modern-service-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem;font-size:.75rem;font-weight:700}.modern-service-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem .85rem}.service-row-hover:hover{background:#f8fafc}.service-name-cell{color:#0f172a;align-items:center;gap:.5rem;display:flex}.margin-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.margin-high{color:#059669;background:#ecfdf5}.margin-mid{color:#2563eb;background:#eff6ff}.margin-low{color:#dc2626;background:#fef2f2}.performance-tier-badge{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.btn-view-360{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.775rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-view-360:hover{color:#fff;background:#2563eb;border-color:#2563eb}.service-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.service-modal-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:900px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.service-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-title-group{align-items:center;gap:1rem;display:flex}.service-icon-box{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-title-group h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.modal-title-group p{color:#64748b;margin:.2rem 0 0;font-size:.825rem}.service-modal-body{flex-direction:column;gap:1.5rem;padding:1.75rem 2rem;display:flex;overflow-y:auto}.modal-kpi-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;display:grid}.modal-kpi-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:.95rem 1rem;display:flex}.mkpi-label{color:#64748b;text-transform:uppercase;font-size:.725rem;font-weight:700}.mkpi-val{margin-top:.25rem;font-size:1.15rem;font-weight:800}.modal-transactions-section h4{color:#0f172a;margin:0 0 .85rem;font-size:.95rem;font-weight:800}.modal-loading-state{text-align:center;color:#64748b;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.date-filter-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.35rem .65rem;display:flex}.preset-selector-wrap{align-items:center;gap:.35rem;display:flex}.preset-selector-wrap select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.date-inputs-group{align-items:center;gap:.5rem;display:flex}.date-field-wrap{align-items:center;gap:.35rem;display:flex}.date-label{color:#64748b;font-size:.75rem;font-weight:700}.date-input-field{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.3rem .5rem;font-size:.775rem;font-weight:600}.btn-clear-date{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;transition:all .15s}.btn-clear-date:hover{background:#fecaca}.project-reports-view{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.project-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.project-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.project-header-panel .header-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.project-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.project-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.15rem;display:grid}.proj-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.35rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px -2px #00000005}.proj-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.proj-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.proj-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.775rem;font-weight:700}.proj-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.proj-kpi-card .card-value{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.progress-bar-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.progress-bar-track{background:#e2e8f0;border-radius:9999px;width:70px;height:7px;overflow:hidden}.progress-bar-fill{background:#10b981;border-radius:9999px;height:100%;transition:width .3s}.progress-text{color:#475569;min-width:28px;font-size:.75rem;font-weight:700}.health-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.health-completed{color:#059669;background:#ecfdf5}.health-on-track{color:#2563eb;background:#eff6ff}.health-at-risk{color:#d97706;background:#fffbeb}.health-delayed---overdue,.health-delayed-overdue{color:#dc2626;background:#fef2f2}.step-status-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.step-completed{color:#059669;background:#ecfdf5}.step-in-progress{color:#2563eb;background:#eff6ff}.step-pending{color:#64748b;background:#f8fafc}.step-overdue{color:#dc2626;background:#fef2f2}.waterfall-cost-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.waterfall-cost-box h4{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .85rem;font-size:.9rem;font-weight:800}.waterfall-items-grid{flex-direction:column;gap:.5rem;display:flex}.wf-item{color:#475569;border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding-bottom:.35rem;font-size:.85rem;display:flex}.total-wf-item{color:#0f172a;border-top:2px solid #cbd5e1;border-bottom:none;padding-top:.65rem;font-size:.95rem;font-weight:800}.modal-btn-whatsapp{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.modal-btn-whatsapp:hover{background:#d1fae5}.invoice-aging-reports-view{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.invoicing-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.invoicing-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.invoicing-header-panel .header-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.invoicing-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.invoicing-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.15rem;display:grid}.inv-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.35rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px -2px #00000005}.inv-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.inv-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.inv-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.775rem;font-weight:700}.inv-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.inv-kpi-card .card-value{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.aging-runway-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px -2px #00000005}.aging-runway-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.aging-runway-header h4{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.aging-total-pill{color:#2563eb;background:#eff6ff;border-radius:9999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.aging-buckets-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.bucket-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.25rem 1rem;display:flex}.bucket-name{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.bucket-val{color:#0f172a;margin:.4rem 0 .25rem;font-size:1.35rem;font-weight:800}.bucket-sub{color:#94a3b8;font-size:.725rem;font-weight:600}.bucket-current{border-top:4px solid #10b981}.bucket-1-30{border-top:4px solid #f59e0b}.bucket-31-60{border-top:4px solid #f97316}.bucket-61-90{border-top:4px solid #ef4444}.bucket-90-plus{border-top:4px solid #991b1b}.status-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.status-partially-paid{color:#d97706;background:#fffbeb}.aging-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.aging-current,.aging-settled{color:#059669;background:#ecfdf5}.aging-1-30-days{color:#d97706;background:#fffbeb}.aging-31-60-days{color:#ea580c;background:#fff7ed}.aging-61-90-days{color:#dc2626;background:#fef2f2}.aging-90-days{color:#fca5a5;background:#450a0a}.btn-whatsapp-action{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-whatsapp-action:hover{background:#d1fae5}.cash-flow-reports-view{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.cashflow-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.cashflow-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.cashflow-header-panel .header-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.cashflow-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.cashflow-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.15rem;display:grid}.cf-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.35rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px -2px #00000005}.cf-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.cf-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.cf-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.775rem;font-weight:700}.cf-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cf-kpi-card .card-value{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.profit-vs-cash-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 10px 25px -5px #0f172a33}.pvc-left-info{max-width:480px}.pvc-tag{color:#60a5fa;text-transform:uppercase;background:#3b82f633;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.pvc-left-info h3{color:#fff;margin:0 0 .35rem;font-size:1.35rem;font-weight:800}.pvc-left-info p{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.45}.pvc-metric-boxes{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pvc-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-width:140px;padding:1rem 1.25rem;display:flex}.pvc-box.highlight-green{background:#10b9811a;border-color:#10b9814d}.pvc-box.highlight-orange{background:#f973161a;border-color:#f973164d}.pvc-label{color:#94a3b8;text-transform:uppercase;font-size:.725rem;font-weight:700}.pvc-val{color:#fff;margin:.35rem 0 .2rem;font-size:1.35rem;font-weight:800}.pvc-sub{color:#cbd5e1;font-size:.725rem;font-weight:600}.forecast-runway-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px -2px #00000005}.forecast-header h4{color:#0f172a;align-items:center;gap:.45rem;margin:0 0 1.25rem;font-size:1rem;font-weight:800;display:flex}.forecast-cards-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.15rem;display:grid}.forecast-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.25rem 1.15rem;display:flex}.fc-timeline{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.fc-val{color:#0f172a;margin:.4rem 0 .25rem;font-size:1.45rem;font-weight:800}.fc-sub{color:#94a3b8;font-size:.75rem;font-weight:600}.fc-30{border-top:4px solid #3b82f6}.fc-60{border-top:4px solid #8b5cf6}.fc-90{border-top:4px solid #10b981}.cflow-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.cflow-in{color:#059669;background:#ecfdf5}.cflow-out{color:#dc2626;background:#fef2f2}.concentration-reports-view{color:#0f172a;flex-direction:column;gap:1.75rem;padding-bottom:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.concentration-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px -2px #00000008}.concentration-header-panel .header-info h1{color:#0f172a;letter-spacing:-.02em;margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:800}.concentration-header-panel .header-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.concentration-header-panel .header-subtext{color:#64748b;max-width:780px;margin:0;font-size:.925rem;line-height:1.5}.concentration-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.15rem;display:grid}.conc-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.35rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px -2px #00000005}.conc-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.conc-kpi-card .card-top{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.conc-kpi-card .card-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.775rem;font-weight:700}.conc-kpi-card .card-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.conc-kpi-card .card-value{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.risk-advisory-banner{border-radius:14px;align-items:flex-start;gap:1.15rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 15px -3px #0000000a}.risk-level-red{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.risk-level-orange{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.risk-level-green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.risk-advisory-icon{flex-shrink:0;margin-top:.15rem}.risk-advisory-content h4{margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.risk-advisory-content p{margin:0;font-size:.875rem;line-height:1.5}.share-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.share-high{color:#dc2626;background:#fef2f2}.share-mid{color:#2563eb;background:#eff6ff}.share-low{color:#059669;background:#ecfdf5}.risk-tier-pill{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.risk-critical-dependency----30--,.risk-critical-dependency{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.risk-high-exposure----15--{color:#ea580c;background:#fff7ed}.risk-moderate--8--15--{color:#d97706;background:#fffbeb}.risk-low-risk{color:#059669;background:#ecfdf5}.reports-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.reports-header{margin-bottom:2rem}.reports-header h1{color:var(--text-color);margin-bottom:.5rem;font-size:2rem;font-weight:700}.reports-header p{color:var(--text-light);font-size:1rem}.reports-dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.dashboard-stat-card{background:var(--card-bg,#fff);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a,0 8px 10px -5px #0000000a}.stat-icon-wrapper{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f64d}.stat-icon-wrapper.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.stat-icon-wrapper.orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--text-light);margin-bottom:.25rem;font-size:.95rem;font-weight:500}.stat-value{color:var(--text-color);letter-spacing:-.5px;font-size:1.75rem;font-weight:700}.reports-tabs{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:2rem;padding-bottom:1px;display:flex}.tab-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--primary-color);background:#3b82f60d;border-radius:8px 8px 0 0}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.report-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.panel-header h2{color:var(--text-color);font-size:1.25rem;font-weight:600}.sales-filters{border:1px solid var(--border-color);background:#00000005;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.date-inputs{gap:1.5rem;display:flex}.date-inputs .filter-group{align-items:center;gap:.5rem;display:flex}.date-inputs input[type=date]{border:1px solid var(--border-color);border-radius:6px;outline:none;padding:.5rem;font-family:inherit;transition:border-color .2s}.date-inputs input[type=date]:focus{border-color:var(--primary-color)}.quick-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quick-filters .btn-secondary,.quick-filters .btn-quick,.btn-quick{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;outline:none;padding:.45rem .95rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000008}.quick-filters .btn-secondary:hover,.quick-filters .btn-quick:hover,.btn-quick:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.quick-filters .btn-secondary.active,.quick-filters .btn-quick.active,.btn-quick.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e540}.btn-clear-date{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;outline:none;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s}.btn-clear-date:hover{color:#dc2626;background:#fee2e2}.chart-overlay-summary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);z-index:10;background:#ffffffd9;border-radius:12px;min-width:200px;padding:1rem 1.5rem;position:absolute;top:20px;right:40px;box-shadow:0 4px 6px -1px #0000001a}.summary-row{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.summary-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-label{color:var(--text-light);font-size:.9rem;font-weight:500}.summary-val{font-size:1.1rem;font-weight:700}.download-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .2s;display:flex}.download-btn.btn-primary{background:var(--primary-color)}.download-btn.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.download-btn.btn-emerald{background:#10b981}.download-btn.btn-emerald:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.table-responsive{overflow-x:auto}.modern-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.modern-table th{background:var(--bg-color);color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);padding:1rem;font-size:.875rem;font-weight:600}.modern-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:middle;padding:1.2rem 1rem}.modern-table tbody tr{transition:background-color .2s}.modern-table tbody tr:hover{background-color:var(--bg-color)}.modern-table tbody tr:last-child td{border-bottom:none}.fw-600{font-weight:600}.text-blue{color:var(--primary-color);font-weight:600}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.user-name-cell{align-items:center;gap:.75rem;display:flex}.avatar-placeholder{background:linear-gradient(135deg, var(--primary-color), #8b5cf6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.role-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.role-admin{color:#b91c1c;background:#fee2e2}.role-project-manager{color:#1d4ed8;background:#dbeafe}.role-sales-rep{color:#b45309;background:#fef3c7}.role-production{color:#4338ca;background:#e0e7ff}.role-qa{color:#7e22ce;background:#f3e8ff}.empty-state{text-align:center;color:var(--text-light);font-style:italic;padding:3rem!important}.loading-state{color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{color:var(--primary-color);margin-bottom:1rem;animation:1s linear infinite spin}.fade-in{animation:.4s ease-out fadeIn}.reports-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.reports-modal-content{background:var(--card-bg,#fff);border-radius:12px;width:95%;max-width:1200px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2{color:var(--text-color);margin:0;font-size:1.5rem}.btn-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;transition:color .2s}.btn-close:hover{color:var(--danger,#ef4444)}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#3b82f60d!important}.modal-filters{gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.filter-group label{color:var(--text-color);font-size:.875rem;font-weight:600}.filter-group select{color:var(--text-color);cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-paid{color:#065f46;background:#d1fae5}.status-unpaid{color:#92400e;background:#fef3c7}.status-overdue{color:#991b1b;background:#fee2e2}.progress-cell{align-items:center;gap:.5rem;display:flex}.progress-bar-bg{background-color:var(--border-color);border-radius:9999px;flex-grow:1;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:9999px;height:100%;transition:width .5s ease-out}.progress-text{min-width:32px;font-size:.75rem;font-weight:600}.reports-layout{gap:2rem;max-width:1500px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem;display:flex}.reports-sidebar{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;flex-shrink:0;gap:1.5rem;width:280px;padding-right:1.5rem;display:flex}.reports-main-content{flex-grow:1;min-width:0}.sidebar-title{color:var(--text-color);margin-bottom:.5rem;padding-left:.5rem;font-size:1.5rem;font-weight:700}.sidebar-section{flex-direction:column;gap:.25rem;display:flex}.sidebar-section-title{text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;margin-bottom:.5rem;padding-left:.75rem;font-size:.75rem;font-weight:700}.sidebar-btn{color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-btn:hover{color:var(--primary-color);background:#3b82f60d}.sidebar-btn.active{color:var(--primary-color);background:#3b82f61a;font-weight:600}.sidebar-btn svg{color:var(--text-light);transition:color .2s}.sidebar-btn:hover svg,.sidebar-btn.active svg{color:var(--primary-color)}.payroll-container{max-width:1400px;margin:0 auto;padding:2rem}.payroll-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.payroll-title h1{color:#0f172a;margin:0 0 .35rem;font-size:1.75rem;font-weight:700}.payroll-title p{color:#64748b;margin:0;font-size:.9rem}.payroll-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary-payroll{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #e11d4840}.btn-primary-payroll:hover{background:linear-gradient(135deg,#be123c 0%,#9f1239 100%);transform:translateY(-1px);box-shadow:0 4px 14px #e11d4859}.btn-secondary-payroll{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary-payroll:hover{background:#f8fafc;border-color:#94a3b8}.payroll-stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.payroll-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.payroll-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.payroll-stat-icon.indigo{color:#4f46e5;background:#e0e7ff}.payroll-stat-icon.green{color:#16a34a;background:#dcfce7}.payroll-stat-icon.red{color:#dc2626;background:#fee2e2}.payroll-stat-icon.purple{color:#9333ea;background:#f3e8ff}.payroll-stat-info p{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem;font-size:.78rem;font-weight:700}.payroll-stat-info h3{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800}.payroll-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.payroll-filters-left{flex-wrap:wrap;flex:1;align-items:center;gap:.85rem;display:flex}.month-picker-container{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.month-picker-container label{color:#64748b;font-size:.8rem;font-weight:600}.month-picker-input{color:#0f172a;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:700}.payroll-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;min-width:250px;padding:.4rem .75rem;display:flex}.payroll-search-box input{background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.payroll-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.status-badge-paid{color:#15803d;background:#dcfce7;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge-pending{color:#b45309;background:#fef3c7;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.action-btn-pay{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.action-btn-pay:hover{background:#059669}.action-btn-slip{color:#4f46e5;cursor:pointer;background:#e0e7ff;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.action-btn-slip:hover{background:#c7d2fe}.payslip-modal-content{background:#fff;border-radius:12px;width:95%;max-width:950px;max-height:90vh;padding:2.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.payslip-document{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:2rem}.payslip-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.payslip-company h2{color:#0f172a;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.payslip-title-box{text-align:right}.payslip-title-box h3{color:#4f46e5;text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:800}.payslip-title-box p{color:#64748b;margin:.25rem 0 0;font-size:.88rem;font-weight:600}.payslip-employee-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:grid}.payslip-emp-row{gap:.5rem;font-size:.88rem;display:flex}.payslip-emp-row span.label{color:#64748b;min-width:110px;font-weight:600}.payslip-emp-row span.value{color:#0f172a;font-weight:700}.payslip-table-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.payslip-table{border-collapse:collapse;width:100%;font-size:.88rem}.payslip-table th{text-align:left;color:#334155;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:.5rem .75rem;font-weight:700}.payslip-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.5rem .75rem}.payslip-net-box{background:#ecfdf5;border:2px dashed #10b981;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.payslip-net-box h4{color:#065f46;margin:0;font-size:1.1rem}.payslip-net-box h2{color:#047857;margin:0;font-size:1.6rem;font-weight:800}.payslip-signatures{justify-content:space-between;margin-top:3rem;padding-top:1rem;display:flex}.payslip-sig-line{text-align:center;color:#64748b;border-top:1px solid #94a3b8;width:200px;padding-top:.5rem;font-size:.8rem;font-weight:600}@media print{body *{visibility:hidden}#printable-payslip,#printable-payslip *{visibility:visible}#printable-payslip{width:100%;position:absolute;top:0;left:0;border:none!important}.no-print{display:none!important}.payslip-table-grid,.payslip-employee-grid{grid-template-columns:1fr 1fr!important}.payslip-header{flex-direction:row!important;align-items:flex-start!important}.payslip-title-box{text-align:right!important}}@media (width<=768px){.payslip-table-grid,.payslip-employee-grid{grid-template-columns:1fr}.payslip-modal-content{padding:1.5rem}.payslip-document{padding:1rem}.payslip-header{flex-direction:column;align-items:flex-start;gap:1rem}.payslip-title-box{text-align:left}}.future-payables-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.fp-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.fp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px -3px #00000008}.fp-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px #0000000f}.fp-kpi-card:before{content:"";background:#cbd5e1;height:4px;position:absolute;top:0;left:0;right:0}.fp-kpi-card.total:before{background:#3b82f6}.fp-kpi-card.today:before{background:#f59e0b}.fp-kpi-card.overdue:before{background:#ef4444}.fp-kpi-card.paid:before{background:#10b981}.fp-kpi-card.alert-pulse{background:#fffbeb;border-color:#fcd34d}.fp-kpi-card.alert-danger{background:#fef2f2;border-color:#fca5a5}.fp-kpi-header{justify-content:space-between;align-items:center;display:flex}.fp-kpi-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.85rem;font-weight:700}.fp-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fp-kpi-icon.blue{color:#2563eb;background:#eff6ff}.fp-kpi-icon.orange{color:#d97706;background:#fffbeb}.fp-kpi-icon.red{color:#dc2626;background:#fef2f2}.fp-kpi-icon.green{color:#059669;background:#ecfdf5}.fp-kpi-value{color:#0f172a;letter-spacing:-.02em;margin:.25rem 0;font-size:1.65rem;font-weight:800}.fp-kpi-meta{color:#64748b;font-size:.8rem}.fp-action-bar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 15px -3px #00000008}.fp-search-filter-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.fp-search-box{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.fp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.9rem}.fp-search-box input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.65rem 2rem .65rem 2.4rem;font-size:.85rem;transition:all .2s}.fp-search-box input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.fp-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;right:.6rem}.fp-filter-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fp-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.65rem 1rem;font-size:.85rem;font-weight:500}.fp-select:focus{border-color:#3b82f6}.fp-action-buttons{align-items:center;gap:.65rem;display:flex}.fp-btn-export{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.fp-btn-export:hover{background:#f1f5f9;border-color:#94a3b8}.fp-btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a26}.fp-btn-create:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px)}.fp-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px -4px #0000000d}.fp-table-header-title{background:#fafbfc;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.fp-table-header-title h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.fp-table-sub{color:#64748b;margin-top:.2rem;font-size:.82rem;display:block}.fp-urgent-badge-pill{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;animation:2s ease-in-out infinite pulseBadge;display:inline-flex}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.7}}.fp-table-responsive{width:100%;overflow-x:auto}.fp-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1100px}.fp-table th{color:#475569;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.fp-table th.col-vendor{width:26%;min-width:250px}.fp-table th.col-due{min-width:155px}.fp-table th.col-cat{min-width:140px}.fp-table th.col-priority{text-align:center;min-width:100px}.fp-table th.col-amount{text-align:right;min-width:135px}.fp-table th.col-bank{min-width:130px}.fp-table th.col-recurring{text-align:center;min-width:110px}.fp-table th.col-status{text-align:center;min-width:105px}.fp-table th.col-actions{text-align:center;min-width:130px}.fp-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;font-size:.86rem;transition:background-color .15s}.fp-table tbody tr:hover td{background:#f8fafc}.fp-table tbody tr.row-due-today td{background:#fffdf5}.fp-table tbody tr.row-due-today:hover td{background:#fefce8}.fp-table tbody tr.row-overdue td{background:#fff8f8}.fp-table tbody tr.row-overdue:hover td{background:#fee2e2}.fp-payable-title-cell{flex-direction:column;gap:.35rem;min-width:220px;display:flex}.fp-title-text{color:#0f172a;word-break:normal;overflow-wrap:break-word;font-size:.92rem;font-weight:700;line-height:1.35}.fp-title-meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fp-ref-code{color:#475569;letter-spacing:.02em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.fp-memo-text{color:#64748b;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.76rem;font-style:normal;display:-webkit-box;overflow:hidden}.fp-due-cell{white-space:nowrap;flex-direction:column;gap:.35rem;display:flex}.fp-due-date-row{color:#0f172a;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.fp-due-badge{border-radius:6px;align-items:center;gap:.3rem;width:fit-content;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.fp-due-badge.today{color:#b45309;background:#fffbeb;border:1px solid #fcd34d;font-weight:800}.fp-due-badge.overdue{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;font-weight:800}.fp-due-badge.upcoming-urgent{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.fp-due-badge.upcoming{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.fp-due-badge.paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.fp-due-badge.cancelled{color:#94a3b8;background:#f1f5f9}.fp-category-tag{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:.25rem .65rem;font-size:.76rem;font-weight:600;display:inline-flex}.fp-priority-tag{letter-spacing:.04em;text-align:center;white-space:nowrap;border-radius:6px;padding:.25rem .6rem;font-size:.72rem;font-weight:800;display:inline-block}.fp-priority-tag.urgent{color:#fff;background:#dc2626;box-shadow:0 2px 6px #dc262640}.fp-priority-tag.high{color:#fff;background:#f59e0b}.fp-priority-tag.medium{color:#0284c7;background:#e0f2fe}.fp-priority-tag.low{color:#64748b;background:#f1f5f9}.fp-amount-cell{color:#0f172a;white-space:nowrap;letter-spacing:-.01em;flex-direction:column;align-items:flex-end;font-size:.96rem;font-weight:800;display:flex}.fp-bank-cell{color:#334155;white-space:nowrap;align-items:center;gap:.45rem;font-size:.82rem;font-weight:500;display:inline-flex}.fp-recurring-badge{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;display:inline-flex}.fp-recurring-badge.active{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;font-weight:700}.fp-status-tag{white-space:nowrap;text-align:center;border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.fp-status-tag.due-today{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.fp-status-tag.overdue{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.fp-status-tag.pending{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.fp-status-tag.paid{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.fp-action-btns-wrap{white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.fp-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;height:32px;padding:0 .7rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.fp-action-btn.pay{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.fp-action-btn.pay:hover{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98140}.fp-action-btn.edit{color:#475569;background:#fff;border-color:#cbd5e1;width:32px;padding:0}.fp-action-btn.edit:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.fp-action-btn.delete{color:#dc2626;background:#fff;border-color:#fecaca;width:32px;padding:0}.fp-action-btn.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.fp-paid-voucher-tag{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:.25rem .55rem;font-size:.75rem;font-weight:700}.fp-empty-cell{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;display:flex;padding:3.5rem 1rem!important}.fp-btn-create-inline{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:.4rem;margin-top:1rem;padding:.55rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.fp-pagination-wrap{border-top:1px solid #f1f5f9;padding:1rem 1.5rem}.fp-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:95%;max-width:650px;max-height:90vh;animation:.2s ease-out modalScale;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.fp-modal-card.pay-settle{max-width:540px}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fp-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.fp-modal-title-with-icon{align-items:center;gap:.85rem;display:flex}.fp-modal-icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fp-modal-icon-box.blue{color:#2563eb;background:#eff6ff}.fp-modal-icon-box.green{color:#059669;background:#ecfdf5}.fp-modal-header h3{color:#0f172a;margin:0;font-size:1.2rem;font-weight:800}.fp-modal-subtitle{color:#64748b;margin:.2rem 0 0;font-size:.8rem}.fp-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.fp-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.fp-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.fp-form-group{flex-direction:column;gap:.35rem;display:flex}.fp-form-group.col-span-2{grid-column:span 2}.fp-form-group label{color:#334155;font-size:.8rem;font-weight:700}.fp-form-group label .req{color:#ef4444}.fp-form-group input,.fp-form-group select,.fp-form-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.85rem}.fp-form-group input:focus,.fp-form-group select:focus,.fp-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.fp-alert-notice-box{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;font-size:.8rem;display:flex}.fp-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.fp-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600}.fp-btn-submit{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:.65rem 1.5rem;font-size:.85rem;font-weight:700}.fp-btn-submit:hover{background:#1e293b}.fp-btn-submit-green{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:10px;padding:.65rem 1.5rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #05966940}.fp-btn-submit-green:hover{background:linear-gradient(135deg,#10b981,#059669)}.fp-settle-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.fp-settle-row{justify-content:space-between;font-size:.85rem;display:flex}.fp-settle-row.highlight{border-top:1px dashed #cbd5e1;margin-top:.35rem;padding-top:.5rem}.fp-recurring-notice{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.expenses-container{flex-direction:column;gap:1.15rem;width:100%;padding:.25rem 0 2rem;display:flex}.expenses-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.expenses-tab-nav{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.35rem;padding:4px;display:flex}.expenses-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.expenses-tab-btn:hover{color:#0f172a}.expenses-tab-btn.active{color:#0f172a;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.expenses-tab-badge{border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.expenses-tab-badge.alert{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;animation:2s ease-in-out infinite pulseBadge}.expenses-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.exp-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#e11d48;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #e11d484d}.exp-btn-primary:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 4px 8px #e11d4859}.exp-btn-secondary{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.exp-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.exp-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.exp-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.85rem;padding:.75rem 1rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.exp-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.exp-kpi-card.active-kpi{background:#fff5f5;border-color:#e11d48;box-shadow:0 0 0 2px #e11d4826}.exp-kpi-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.exp-kpi-content{flex-direction:column;min-width:0;display:flex}.exp-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.7rem;font-weight:700;overflow:hidden}.exp-kpi-value{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;font-size:1.25rem;font-weight:800;line-height:1.2}.exp-kpi-sub{color:#94a3b8;white-space:nowrap;margin-top:2px;font-size:.72rem}.exp-accounts-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex;overflow-x:auto;box-shadow:0 1px 2px #00000005}.exp-accounts-bar-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-right:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:.35rem;padding-right:.5rem;font-size:.74rem;font-weight:700;display:flex}.exp-account-chip{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-shrink:0;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.8rem;transition:all .15s;display:inline-flex}.exp-account-chip:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.exp-account-chip.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600}.exp-account-chip.cash{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.exp-account-chip.cash.active{background:#dcfce7;border-color:#16a34a;font-weight:700}.exp-categories-bar{align-items:center;gap:.45rem;padding:.35rem .25rem;display:flex;overflow-x:auto}.exp-cat-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.exp-cat-chip:hover{color:#0f172a;background:#f8fafc}.exp-cat-chip.active{color:#fff;background:#0f172a;border-color:#0f172a}.exp-cat-chip.uncat{color:#b45309;background:#fffbeb;border-color:#fde68a}.exp-cat-chip.uncat.active{color:#fff;background:#d97706;border-color:#d97706}.exp-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.15rem;box-shadow:0 1px 3px #00000008}.exp-toolbar{flex-direction:column;gap:.85rem;margin-bottom:1rem;display:flex}.exp-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.exp-search-wrapper{flex:280px;max-width:360px;position:relative}.exp-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 34px 0 36px;font-size:.85rem;transition:all .2s}.exp-search-input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.exp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.exp-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.exp-filters-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.exp-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 .8rem;font-size:.84rem;font-weight:500;transition:border-color .2s}.exp-select:focus{background:#fff;border-color:#e11d48}.exp-date-group{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:38px;padding:0 .6rem;display:flex}.exp-date-input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.82rem}.exp-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:38px;padding:0 .8rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.exp-reset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.exp-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:3px;display:flex}.exp-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.exp-view-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.exp-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:10px;overflow-x:auto}.exp-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.exp-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.exp-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.exp-table tr:hover td{background:#f8fafc}.exp-type-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.73rem;font-weight:700;display:inline-flex}.exp-type-badge.payment{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.exp-type-badge.receipt{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.exp-type-badge.transfer{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.exp-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.exp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.15rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.exp-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000f}.exp-card.is-payment{border-left:4px solid #e11d48}.exp-card.is-receipt{border-left:4px solid #10b981}.exp-card.is-transfer{border-left:4px solid #3b82f6}.exp-card-header{justify-content:space-between;align-items:center;display:flex}.exp-card-body{flex-direction:column;gap:.5rem;display:flex}.exp-card-amount-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.exp-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.65rem;display:flex}.exp-modal-type-selector{background:#f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.25rem;padding:4px;display:grid}.exp-modal-type-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:7px;padding:.6rem .5rem;font-size:.82rem;font-weight:600;transition:all .2s}.exp-modal-type-btn.active.payment{color:#e11d48;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.exp-modal-type-btn.active.receipt{color:#059669;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.exp-modal-type-btn.active.transfer{color:#2563eb;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.settings-container{max-width:1200px;margin:0 auto;padding:.5rem 0 3rem;font-family:Outfit,sans-serif}.settings-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.settings-title{color:var(--text-primary,#1e293b);align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.settings-subtitle{color:var(--text-secondary,#64748b);margin-top:.25rem;font-size:.9rem}.settings-tabs{border-bottom:2px solid var(--border-color,#e2e8f0);gap:.5rem;margin-bottom:2rem;padding-bottom:2px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:.6rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--primary-color,#3b82f6);background-color:#3b82f60d}.tab-btn.active{color:var(--primary-color,#3b82f6);border-bottom-color:var(--primary-color,#3b82f6);background-color:#3b82f614}.settings-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:box-shadow .2s;box-shadow:0 4px 20px -2px #0000000d}.settings-card:hover{box-shadow:0 8px 30px -4px #00000014}.card-title-section{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-title{color:var(--text-primary,#1e293b);margin:0;font-size:1.2rem;font-weight:700}.card-description{color:var(--text-secondary,#64748b);margin:0;font-size:.85rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.form-group.full-width{grid-column:1/-1}.form-label{color:#334155;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{color:#1e293b;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color,#3b82f6);background-color:#fff;box-shadow:0 0 0 3px #3b82f626}.form-textarea{resize:vertical;min-height:100px}.form-help{color:#94a3b8;font-size:.8rem}.toggle-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.toggle-info{flex-direction:column;gap:.25rem;display:flex}.toggle-title{color:#1e293b;font-size:.95rem;font-weight:600}.toggle-desc{color:#64748b;font-size:.8rem}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color,#3b82f6)}input:checked+.slider:before{transform:translate(22px)}.settings-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.save-btn{color:#fff;background-color:var(--primary-color,#3b82f6);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #3b82f64d}.save-btn:hover{background-color:var(--primary-hover,#2563eb);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert-banner{border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.9rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s fadeIn;display:flex}.alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.bank-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.bank-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.bank-name{color:#1e293b;font-size:.95rem;font-weight:600}.btn-delete-icon{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem;transition:background .2s}.btn-delete-icon:hover{background:#ef44441a}.add-bank-row{gap:.75rem;display:flex}.add-bank-row input{flex:1}.avatar-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.large-avatar{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;font-weight:700;display:flex;box-shadow:0 4px 14px #e11d484d}.deadline-workflow-container.modern-ui{flex-direction:column;gap:1.25rem;width:100%;padding-bottom:3rem;display:flex}.deadline-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;margin-top:.5rem;display:flex}.deadline-main-heading{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.deadline-count-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.deadline-appeals-pill{color:#e11d48;background:#fff1f2;border:1px solid #e11d4833;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.deadline-approval-pill{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.deadline-subheading{color:#64748b;margin:0;font-size:.86rem;font-weight:400}.deadline-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.action-btn.reject-submit-btn{color:#fff;background:#ef4444}.action-btn.reject-submit-btn:hover{background:#dc2626}.deadline-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.deadline-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .18s;display:flex;box-shadow:0 2px 4px #00000005}.deadline-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000d}.deadline-kpi-card.active{background:#fff9fa;border-color:#e11d48;box-shadow:0 0 0 2px #e11d4826}.kpi-icon-wrap.appeals{color:#e11d48;background:#ffe4e6}.kpi-icon-wrap.confirmed{color:#059669;background:#ecfdf5}.kpi-icon-wrap.approval{color:#7c3aed;background:#f5f3ff}.text-indigo{color:#4338ca!important}.deadline-segmented-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.4rem;padding:.35rem;display:flex;overflow-x:auto}.seg-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.83rem;font-weight:600;transition:all .18s;display:inline-flex}.seg-tab-btn:hover:not(.active){color:#0f172a;background:#fff9}.seg-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.seg-counter{color:#334155;background:#e2e8f0;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.seg-counter.crimson{color:#e11d48;background:#ffe4e6}.seg-counter.indigo{color:#4338ca;background:#e0e7ff}.deadline-control-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #00000008}.deadline-filter-bar{flex-wrap:wrap;align-items:center;gap:.65rem;padding:.85rem 1.15rem;display:flex}.deadline-search-box{flex:220px;min-width:180px;max-width:320px;position:relative}.deadline-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.deadline-search-box input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.5rem 2rem .5rem 2.2rem;font-size:.85rem;transition:all .2s}.deadline-search-box input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.filter-item-wrapper{position:relative}.custom-deadline-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.5rem .85rem;font-size:.82rem;transition:all .2s}.custom-deadline-select:focus,.custom-deadline-select:hover{border-color:#cbd5e1}.deadline-date-range-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;display:flex}.deadline-date-range-box .calendar-icon{color:#e11d48;flex-shrink:0}.deadline-loading-state{color:#64748b;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.deadline-empty-state{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:.6rem;padding:4rem 1rem;display:flex}.deadline-empty-state h3{color:#0f172a;margin:0;font-size:1.15rem}.deadline-empty-state p{max-width:420px;margin:0 0 .5rem;font-size:.88rem}.deadline-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.deadline-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.9rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008}.deadline-card-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.deadline-card-item.appealed{border-top:4px solid #e11d48}.deadline-card-item.pending{border-top:4px solid #f59e0b}.deadline-card-item.confirmed{border-top:4px solid #10b981}.deadline-card-item.approval{border-top:4px solid #6366f1}.card-top-bar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.user-assignee-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.76rem;font-weight:600;display:inline-flex}.user-role{color:#64748b;font-size:.72rem}.card-timestamp{color:#94a3b8;font-size:.74rem}.card-title-group{flex-direction:column;gap:.35rem;display:flex}.card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.step-title-text{color:#0f172a;cursor:pointer;margin:0;font-size:1.05rem;font-weight:700;transition:color .15s}.step-title-text:hover{color:#e11d48}.wf-status-badge{letter-spacing:.02em;text-transform:uppercase;border-style:solid;border-width:1px;border-radius:9999px;align-items:center;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.wf-status-badge.appealed{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.wf-status-badge.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.wf-status-badge.confirmed{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.wf-status-badge.approval{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.invoice-items-chip{color:#c026d3;background:#fdf4ff;border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.deliverable-banner-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.banner-left{flex-direction:column;display:flex}.banner-name{color:#0f172a;font-size:.84rem;font-weight:600}.view-deliverable-btn{color:#fff;background:#15803d;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.card-scope-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem .85rem;font-size:.83rem}.scope-label{color:#1e293b;margin-bottom:.2rem;font-weight:700;display:block}.scope-text{white-space:pre-wrap;margin:0;line-height:1.45}.reassignment-feedback-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:.65rem .85rem}.feedback-title{color:#e11d48;text-transform:uppercase;margin-bottom:.35rem;font-size:.76rem;font-weight:700;display:block}.feedback-list{color:#881337;flex-direction:column;gap:.25rem;margin:0;padding-left:1.1rem;font-size:.82rem;display:flex}.deadline-comparison-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.date-block{flex-direction:column;display:flex}.date-block-label{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:600}.date-block-row{align-items:center;gap:.3rem;display:flex}.date-val{color:#1e293b;font-size:.85rem;font-weight:700}.date-val.proposed{color:#e11d48}.arrow-divider{color:#94a3b8}.due-urgency-pill{border-style:solid;border-width:1px;border-radius:9999px;align-items:center;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.appeal-justification-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.65rem .85rem}.justification-title{color:#92400e;margin-bottom:.2rem;font-size:.74rem;font-weight:700;display:block}.justification-text{color:#b45309;white-space:pre-wrap;margin:0;font-size:.82rem;line-height:1.4}.inline-set-date-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.card-actions-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:auto;padding-top:.65rem;display:flex}.btn-approve-action{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-approve-action:hover{background:#059669}.btn-reject-action{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-reject-action:hover{background:#dc2626}.btn-confirm-action{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-confirm-action:hover{background:#059669}.btn-confirm-action.micro{padding:.25rem .55rem;font-size:.74rem}.btn-appeal-action{color:#d97706;cursor:pointer;background:#f8fafc;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:.25rem;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-appeal-action:hover{background:#fffbeb}.deadline-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000008}.enterprise-deadline-table{border-collapse:collapse;text-align:left;width:100%}.enterprise-deadline-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.enterprise-deadline-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.85rem 1rem;font-size:.74rem;font-weight:700}.enterprise-deadline-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.enterprise-deadline-table tbody tr:hover{background-color:#fff9fa}.enterprise-deadline-table td{vertical-align:middle;padding:.75rem 1rem;font-size:.85rem}.table-step-info{flex-direction:column;gap:.15rem;display:flex}.table-step-title{color:#0f172a;cursor:pointer;font-weight:600}.table-step-title:hover{color:#e11d48}.table-step-id{color:#94a3b8;font-size:.72rem}.table-project-col{flex-direction:column;gap:.15rem;display:flex}.table-proj-link{color:#334155;align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex}.table-assignee-col{flex-direction:column;gap:.1rem;display:flex}.assignee-name{color:#1e293b;font-weight:600}.assignee-role{color:#64748b;font-size:.72rem}.table-deadline-col{flex-direction:column;gap:.2rem;display:flex}.date-row{color:#1e293b;align-items:center;gap:.3rem;font-weight:600;display:flex}.table-proposed-col{flex-direction:column;gap:.15rem;display:flex}.proposed-date{color:#e11d48;font-weight:700}.proposed-reason-snippet{color:#64748b;font-size:.74rem}.table-actions-row{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.row-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.row-action-btn.approve{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.row-action-btn.approve:hover{color:#fff;background:#10b981}.row-action-btn.reject{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.row-action-btn.reject:hover{color:#fff;background:#e11d48}.row-action-btn.view{color:#475569;background:#f8fafc;border-color:#e2e8f0}.row-action-btn.view:hover{color:#fff;background:#0f172a}.deadline-appeal-modal,.deadline-revision-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:95%;max-width:520px;padding:0;box-shadow:0 20px 40px #0000002e}.appeal-modal-form,.revision-modal-form{flex-direction:column;gap:1.15rem;padding:1.5rem;display:flex}.appeal-summary-banner,.revision-step-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.banner-step-title,.banner-title{color:#0f172a;font-size:.95rem;font-weight:700}.banner-current-date{color:#64748b;font-size:.78rem}.quick-add-row{align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.quick-add-label{color:#64748b;font-size:.74rem;font-weight:600}@media (width<=768px){.deadline-header-actions{justify-content:flex-start;width:100%;margin-left:0}.deadline-kpi-grid{grid-template-columns:repeat(2,1fr)}.deadline-cards-grid{grid-template-columns:1fr}}.tasks-page-container.modern-ui{flex-direction:column;gap:1.25rem;width:100%;padding-bottom:3rem;display:flex}.tasks-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;margin-top:.5rem;display:flex}.header-title-area{flex-direction:column;flex:auto;gap:.35rem;display:flex}.header-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tasks-main-heading{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.65rem;font-weight:700}.task-count-badge{color:#e11d48;background:#ffe4e6;border:1px solid #e11d4833;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.task-overdue-pill{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.filter-active-pill{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.18rem .55rem;font-size:.72rem;font-weight:600}.tasks-subheading{color:#64748b;margin:0;font-size:.86rem;font-weight:400}.tasks-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.action-btn.secondary-btn{color:#334155;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a}.action-btn.secondary-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.action-btn.secondary-btn.small{padding:.35rem .65rem;font-size:.78rem}.action-btn.export-pdf-btn{color:#fff;background:#0f172a;box-shadow:0 2px 4px #0f172a1f}.action-btn.export-pdf-btn:hover{background:#1e293b;transform:translateY(-1px)}.action-btn.excel-btn{color:#fff;background:#059669;box-shadow:0 2px 4px #0596692e}.action-btn.excel-btn:hover{background:#047857;transform:translateY(-1px)}.action-btn.primary-add-btn{color:#fff;background:#e11d48;box-shadow:0 2px 6px #e11d484d}.action-btn.primary-add-btn:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 4px 10px #e11d4866}.action-btn.primary-add-btn.small{padding:.35rem .75rem;font-size:.78rem}.action-btn.primary-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tasks-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;display:grid}.task-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .18s;display:flex;box-shadow:0 2px 4px #00000005}.task-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000d}.task-kpi-card.active{background:#fff9fa;border-color:#e11d48;box-shadow:0 0 0 2px #e11d4826}.kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-icon-wrap.total{color:#334155;background:#f1f5f9}.kpi-icon-wrap.progress{color:#2563eb;background:#eff6ff}.kpi-icon-wrap.acceptance{color:#d97706;background:#fffbeb}.kpi-icon-wrap.pending{color:#7c3aed;background:#f5f3ff}.kpi-icon-wrap.overdue{color:#dc2626;background:#fee2e2}.kpi-icon-wrap.completed{color:#059669;background:#ecfdf5}.kpi-content{flex-direction:column;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.73rem;font-weight:600}.kpi-val{color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.2}.text-crimson{color:#e11d48!important}.tasks-control-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #00000008}.tasks-filter-bar{flex-wrap:wrap;align-items:center;gap:.65rem;padding:.85rem 1.15rem;display:flex}.tasks-search-box{flex:220px;min-width:180px;max-width:320px;position:relative}.tasks-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.tasks-search-box input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.5rem 2rem .5rem 2.2rem;font-size:.85rem;transition:all .2s}.tasks-search-box input:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.search-clear-btn:hover{color:#0f172a}.filter-select-wrapper{position:relative}.custom-task-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.5rem .85rem;font-size:.82rem;transition:all .2s}.custom-task-select:focus,.custom-task-select:hover{border-color:#cbd5e1}.task-date-range-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;display:flex}.task-date-range-box .calendar-icon{color:#e11d48;flex-shrink:0}.date-label{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:700}.date-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:.25rem .4rem;font-family:inherit;font-size:.78rem}.date-input:focus{background:#fff;border-color:#e11d48}.date-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.date-clear-btn:hover{color:#e11d48}.quick-presets-group{align-items:center;gap:.3rem;display:flex}.preset-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.35rem .65rem;font-size:.76rem;font-weight:600;transition:all .15s}.preset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.reset-filters-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:.35rem;padding:.48rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.reset-filters-btn:hover{background:#ffe4e6;border-color:#fda4af}.view-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;margin-left:auto;padding:2px;display:flex}.view-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem .55rem;transition:all .15s;display:flex}.view-mode-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.view-mode-btn:hover:not(.active){color:#0f172a}.tasks-loading-state{color:#64748b;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.tasks-empty-state{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:.6rem;padding:4rem 1rem;display:flex}.empty-icon-circle{color:#94a3b8;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.5rem;display:flex}.tasks-empty-state h3{color:#0f172a;margin:0;font-size:1.15rem}.tasks-empty-state p{max-width:420px;margin:0 0 .5rem;font-size:.88rem}.tasks-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.task-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.9rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008}.task-card-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.task-card-item.overdue{border-top:4px solid #ef4444}.task-card-item.in-progress{border-top:4px solid #2563eb}.task-card-item.completed{border-top:4px solid #10b981}.task-card-item.pending{border-top:4px solid #94a3b8}.task-card-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.header-tags-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.task-id-badge{color:#94a3b8;font-size:.72rem;font-weight:700}.status-pill{letter-spacing:.02em;text-transform:uppercase;border-style:solid;border-width:1px;border-radius:9999px;align-items:center;padding:.18rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill.completed{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status-pill.in-progress{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.status-pill.pending-approval{color:#b45309;background:#fffbeb;border-color:#fde68a}.status-pill.pending{color:#475569;background:#f8fafc;border-color:#e2e8f0}.acceptance-pill{border-radius:6px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.acceptance-pill.accepted{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.acceptance-pill.appealed{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.acceptance-pill.unconfirmed{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.due-urgency-pill{border-style:solid;border-width:1px;border-radius:9999px;align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.due-urgency-pill.micro{padding:.1rem .4rem;font-size:.68rem}.task-card-title-block{flex-direction:column;gap:.35rem;display:flex}.task-main-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.project-breadcrumb-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-link-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.project-link-badge:hover{color:#0f172a;background:#e2e8f0}.client-chip{color:#64748b;align-items:center;gap:.25rem;font-size:.74rem;font-weight:500;display:inline-flex}.checklist-progress-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:.3rem;padding:.45rem .7rem;display:flex}.checklist-stats-row{justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.checklist-label{color:#64748b;font-weight:600}.checklist-counter{color:#0f172a;font-weight:700}.checklist-track{background:#e2e8f0;border-radius:9999px;width:100%;height:5px;overflow:hidden}.checklist-bar{border-radius:9999px;height:100%;transition:width .3s}.task-body-scope{color:#475569;flex-direction:column;gap:.35rem;max-height:160px;padding-right:4px;font-size:.86rem;line-height:1.5;display:flex;overflow-y:auto}.checklist-item{align-items:flex-start;gap:.5rem;padding:.2rem 0;display:flex}.custom-checkbox-indicator{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;transition:all .15s;display:flex}.custom-checkbox-indicator.checked{background:#10b981;border-color:#10b981}.checklist-text{color:#1e293b;font-size:.84rem}.checklist-text.line-through{color:#94a3b8;text-decoration:line-through}.description-text-line{color:#475569;font-size:.85rem}.no-desc-text{color:#94a3b8;font-size:.82rem;font-style:italic}.task-attachments-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}.attachments-title{color:#475569;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.74rem;font-weight:700;display:flex}.attachment-chip-list{flex-wrap:wrap;gap:.35rem;display:flex}.attachment-file-pill{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.attachment-file-pill:hover{background:#eff6ff;border-color:#bfdbfe}.submitted-deliverable-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.deliverable-text-group{flex-direction:column;display:flex}.banner-title{color:#166534;text-transform:uppercase;font-size:.68rem;font-weight:700}.banner-file{color:#0f172a;font-size:.82rem;font-weight:600}.view-deliverable-btn{color:#fff;background:#15803d;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.74rem;font-weight:600;text-decoration:none;display:inline-flex}.view-deliverable-btn:hover{background:#166534}.revision-feedback-card{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:.6rem .75rem}.feedback-header{text-transform:uppercase;align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.76rem;font-weight:700;display:flex}.feedback-body{margin:0;font-size:.83rem;line-height:1.4}.task-card-meta-bar{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}.meta-col{flex-direction:column;gap:.15rem;display:flex}.meta-col.text-right{text-align:right}.meta-label{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:600}.meta-val-row{align-items:center;gap:.3rem;display:flex}.meta-val{color:#1e293b;font-size:.82rem;font-weight:600}.font-bold{font-weight:700!important}.task-card-footer-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.65rem;display:flex}.footer-right-buttons{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.btn-action-accept{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-accept:hover{background:#059669}.btn-action-accept.micro{padding:.25rem .5rem;font-size:.74rem}.btn-action-appeal{color:#d97706;cursor:pointer;background:#f8fafc;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-appeal:hover{background:#fffbeb}.btn-action-start{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-start:hover{background:#1d4ed8}.awaiting-review-chip{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700}.approved-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:.25rem;padding:.3rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.tasks-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000008}.enterprise-tasks-table{border-collapse:collapse;text-align:left;width:100%}.enterprise-tasks-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.enterprise-tasks-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.85rem 1rem;font-size:.74rem;font-weight:700}.enterprise-tasks-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.enterprise-tasks-table tbody tr:hover{background-color:#fff9fa}.enterprise-tasks-table td{vertical-align:middle;padding:.75rem 1rem;font-size:.85rem}.table-task-info{flex-direction:column;gap:.2rem;display:flex}.table-task-title{color:#0f172a;font-size:.88rem;font-weight:600}.table-submeta-row{align-items:center;gap:.4rem;display:flex}.table-task-id{color:#94a3b8;font-size:.72rem;font-weight:600}.checklist-micro-badge{color:#047857;background:#ecfdf5;border-radius:4px;padding:.05rem .35rem;font-size:.7rem;font-weight:600}.attachment-micro-badge{color:#2563eb;background:#eff6ff;border-radius:4px;align-items:center;gap:.2rem;padding:.05rem .35rem;font-size:.7rem;font-weight:600;display:inline-flex}.table-project-cell{flex-direction:column;gap:.15rem;display:flex}.table-proj-link{color:#334155;align-items:center;gap:.3rem;font-size:.83rem;font-weight:600;text-decoration:none;display:inline-flex}.table-proj-link:hover{color:#e11d48}.table-client-name{color:#64748b;font-size:.74rem}.table-deadline-cell{flex-direction:column;gap:.2rem;display:flex}.deadline-date-row{align-items:center;gap:.3rem;display:flex}.deadline-text{color:#1e293b;font-size:.82rem;font-weight:600}.table-action-row{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.row-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.row-btn.view:hover{color:#fff;background:#0f172a;border-color:#0f172a}.task-deliverable-modal,.task-appeal-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:95%;max-width:520px;padding:0;box-shadow:0 20px 40px #0000002e}.modal-header-text h2{color:#0f172a;margin:0 0 .25rem;font-size:1.3rem;font-weight:700}.modal-header-text p{color:#64748b;margin:0;font-size:.82rem}.deliverable-modal-form,.appeal-modal-form{flex-direction:column;gap:1.15rem;padding:1.5rem;display:flex}.project-banner-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.banner-icon{color:#e11d48;margin-top:2px}.banner-label{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:700}.banner-project{color:#0f172a;margin:.1rem 0;font-size:.95rem;font-weight:700}.banner-step{color:#475569;font-size:.8rem}.appeal-task-summary{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.summary-step-title{color:#92400e;font-size:.92rem;font-weight:700}.summary-current-deadline{color:#b45309;font-size:.78rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:#334155;font-size:.82rem;font-weight:600}.req-star{color:#e11d48}.field-hint{color:#64748b;font-size:.74rem}.form-input,.form-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.modal-footer-actions{justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.spin{animation:1s linear infinite spin}@media (width<=768px){.tasks-header-actions{justify-content:flex-start;width:100%;margin-left:0}.tasks-kpi-grid{grid-template-columns:repeat(2,1fr)}.tasks-cards-grid{grid-template-columns:1fr}}.top-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color,#e2e8f0);z-index:20;background-color:#fffffff0;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:.85rem 2rem;transition:all .2s;display:flex;position:sticky;top:0}.header-search{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;align-items:center;width:280px;padding:.45rem 1rem;transition:all .2s;display:flex}.header-search:focus-within{background-color:#fff;border-color:#e11d48;width:320px;box-shadow:0 0 0 3px #e11d481f}.header-search .search-icon{color:#94a3b8;margin-right:.5rem;transition:color .2s}.header-search:focus-within .search-icon{color:#e11d48}.header-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.header-actions{align-items:center;gap:1.25rem;display:flex}.header-icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.header-icon-btn:hover{color:#e11d48;background:#ffe4e6;border-color:#fecdd3;transform:translateY(-1px)}.notification-dot{background-color:#e11d48;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:7px}.user-profile{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.35rem .65rem;transition:all .2s;display:flex}.user-profile:hover{background:#f8fafc;border-color:#e2e8f0}.user-profile .avatar{color:#e11d48;background:linear-gradient(135deg,#ffe4e6 0%,#fecdd3 100%);border:1px solid #fecdd3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-info .user-name{color:#0f172a;font-size:.85rem;font-weight:600}.user-info .user-role{color:#64748b;font-size:.72rem}@media (width<=900px){.top-header{padding:.75rem 1.25rem}.header-search{width:200px}.header-search:focus-within{width:240px}}@media (width<=640px){.top-header{flex-wrap:wrap;gap:.75rem;height:auto;padding:.6rem 1rem}.header-search{order:3;width:100%!important}}.header-deadline-alert-ribbon{color:#be123c;white-space:nowrap;background:linear-gradient(135deg,#fff1f2 0%,#fff 100%);border:1px solid #fecdd3;border-radius:20px;align-items:center;gap:.5rem;padding:.32rem .75rem;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 4px #e11d4814}.header-deadline-alert-ribbon:hover{color:#9f1239;background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px);box-shadow:0 3px 8px #e11d4826}.ribbon-pulse-dot{background-color:#e11d48;border-radius:50%;width:7px;height:7px;animation:1.8s infinite ribbonPulse}@keyframes ribbonPulse{0%{box-shadow:0 0 #e11d48b3}70%{box-shadow:0 0 0 6px #e11d4800}to{box-shadow:0 0 #e11d4800}}.ribbon-chip-tag{color:#991b1b;text-transform:uppercase;letter-spacing:.02em;background:#fee2e2;border-radius:4px;margin-left:.2rem;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}