@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#96d055;--primary-hover:#85be47;--bg-color:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-on-primary:#fff;--glass-bg:#ffffffd9;--glass-border:#96d0554d;--glass-shadow:#96d05526;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#96d05526 0,#0000 50%),radial-gradient(at 100% 100%,#96d05540 0,#0000 50%),radial-gradient(#96d0550d 0,#0000 100%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 40px var(--glass-shadow);border-radius:16px;padding:2rem}.input-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.input-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.input-group input{color:var(--text-main);background:#ffffffe6;border:1px solid #96d05580;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #96d0554d}.btn-primary{background:var(--primary);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:8px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .3s,transform .1s,box-shadow .3s;box-shadow:0 4px 14px #96d05566}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px #96d05580}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed}.error-text{color:var(--danger);text-align:center;margin-bottom:1rem;font-size:.875rem}.title{color:var(--text-main);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (max-width:768px){.dashboard-main-area{padding:.85rem .65rem!important}.top-header-customer{height:60px!important;padding:0 .85rem!important}.top-header-subtitle,.top-header-profile-text{display:none!important}.customer-portal-container{padding-bottom:2rem!important}.customer-hero-card{border-radius:12px!important;margin-bottom:1.25rem!important;padding:1.15rem 1rem!important}.customer-hero-title{font-size:1.35rem!important}.customer-hero-meta{font-size:.8rem!important;line-height:1.4!important}.customer-hero-badges{flex-direction:column!important;align-items:stretch!important;gap:.4rem!important;width:100%!important}.customer-hero-badges>*{text-align:center!important;justify-content:center!important;width:100%!important}.customer-pipeline-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.customer-pipeline-card{padding:.6rem .75rem!important}.customer-pipeline-label{font-size:.65rem!important}.customer-pipeline-value{font-size:.82rem!important}.customer-section-card{border-radius:12px!important;padding:1rem .85rem!important}.customer-section-header{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}.customer-section-header-actions{width:100%!important}.customer-section-header-actions button{justify-content:center!important;width:100%!important}.customer-fields-grid{grid-template-columns:1fr!important;gap:.75rem!important}.customer-fields-grid>*{grid-column:span 1/-1!important}.customer-input{min-height:38px!important;font-size:16px!important}.customer-doc-modal{border-radius:12px!important;max-height:92vh!important;margin:.5rem!important;padding:1.25rem 1rem!important}}@media (min-width:1024px){.dashboard-content-wrapper.with-sidebar{width:calc(100% - 280px)!important;max-width:calc(100% - 280px)!important;margin-left:280px!important}.mobile-hamburger-btn,.sidebar-close-btn{display:none!important}aside.dashboard-sidebar{visibility:visible!important;pointer-events:auto!important;opacity:1!important;background:var(--glass-bg)!important;width:280px!important;height:100vh!important;box-shadow:4px 0 24px var(--glass-shadow)!important;z-index:1000!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.sidebar-backdrop{display:none!important}}@media (max-width:1023px){.dashboard-content-wrapper.with-sidebar{width:100%!important;max-width:100vw!important;margin-left:0!important;overflow-x:hidden!important}.dashboard-topheader{height:60px!important;padding:0 .85rem!important}.mobile-hamburger-btn,.sidebar-close-btn{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}aside.dashboard-sidebar{z-index:99999!important;background:#fff!important;width:min(300px,86vw)!important;height:100vh!important;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s,visibility .28s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;box-shadow:4px 0 25px #00000073!important}aside.dashboard-sidebar.sidebar-closed{pointer-events:none!important;visibility:hidden!important;opacity:0!important;transform:translate(-100%)!important}aside.dashboard-sidebar.sidebar-open{pointer-events:auto!important;visibility:visible!important;opacity:1!important;z-index:99999!important;transform:translate(0)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px)!important;z-index:99998!important;cursor:pointer!important;touch-action:manipulation!important;background:#0f172aa6!important;display:block!important;position:fixed!important;inset:0!important}.dashboard-main-area{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:1rem .75rem!important;overflow-x:hidden!important}.dashboard-grid-cards{grid-template-columns:1fr!important;gap:1rem!important}.dashboard-welcome-banner{border-radius:12px!important;margin-bottom:1.25rem!important;padding:1.25rem 1rem!important}}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.crm-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.crm-modal-body::-webkit-scrollbar{width:6px;height:6px}.crm-modal-body::-webkit-scrollbar-track{background:0 0}.crm-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.crm-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.crm-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.86rem;transition:all .15s ease-in-out}.crm-input:hover{background-color:#fff;border-color:#94a3b8}.crm-input:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.crm-input::placeholder{color:#94a3b8;font-size:.82rem}.crm-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.crm-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;padding:1.35rem 1.45rem;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0f172a0a,0 4px 12px -2px #0f172a08}.crm-section-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px -2px #0f172a12}.crm-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:.72rem;font-weight:700;display:block}@keyframes crmPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.crm-pulse-dot{background-color:#2563eb;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite crmPulse;display:inline-block}