.app-root{background:var(--bg);color:var(--fg)}:root{--bg: #000000;--bg-secondary: #372a28;--fg: #fff4ea;--fg-secondary: #d4c4b8;--muted: #a68b7a;--card: #2a1f1d;--card-hover: #3d2f2b;--border: #4a3a35;--accent: #ffd964;--accent-hover: #ffcc3a;--accent-text: #000000;--accent-text-hover: #1a1a1a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gradient-start: #ffd964;--gradient-end: #ffcc3a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;overflow:hidden;touch-action:manipulation;-ms-touch-action:manipulation;-webkit-touch-callout:none;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:0;padding-right:0;box-sizing:border-box}@media (max-width: 768px){html,body,#root{height:auto;overflow:visible;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:0;padding-right:0}.app-root,.crm-page{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}input,textarea,select{font-size:16px!important}input[type=checkbox],input[type=radio],input[type=range]{font-size:inherit!important}}@media (orientation: landscape) and (max-height: 768px){html,body,#root{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;padding-top:env(safe-area-inset-top,0)!important;padding-bottom:env(safe-area-inset-bottom,0)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.app-root{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow:hidden!important;box-sizing:border-box!important}.crm-page{height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;overflow:hidden!important;box-sizing:border-box!important}.main-content{display:grid!important;grid-template-columns:.4fr .6fr!important;grid-template-rows:1fr!important;gap:0!important;min-height:0!important;overflow:hidden!important}.hero-section{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;padding-top:calc(1rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;padding-left:calc(1rem + env(safe-area-inset-left,0))!important;padding-right:calc(1rem + env(safe-area-inset-right,0))!important;box-sizing:border-box!important}.hero-content{max-width:100%!important;text-align:left!important;padding:0 1rem!important;padding-top:env(safe-area-inset-top,0)!important}.hero-title{font-size:clamp(2rem,5vw,4rem)!important;margin-bottom:1rem!important}.hero-description{font-size:clamp(.9rem,1.5vw,1.1rem)!important;max-width:100%!important;margin:0!important}.branches-section{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1rem!important;padding-top:calc(1rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;padding-left:calc(1rem + env(safe-area-inset-left,0))!important;padding-right:calc(1rem + env(safe-area-inset-right,0))!important;box-sizing:border-box!important;scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important}.branches-section::-webkit-scrollbar{width:8px!important}.branches-section::-webkit-scrollbar-track{background:transparent!important}.branches-section::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:4px!important}.branches-section::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)!important}.branches-section .container{height:auto!important;min-height:100%!important;padding:0!important;display:flex!important;flex-direction:column!important}.section-title{font-size:clamp(1.25rem,2.5vw,1.75rem)!important;margin-bottom:.75rem!important;flex-shrink:0!important}.branch-grid{flex:1!important;min-height:0!important;overflow-y:visible!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:.5rem .5rem 1rem!important;align-content:start!important;max-width:100%!important;margin:0!important;min-height:fit-content!important}.branch-card{flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:.875rem 1rem!important;box-sizing:border-box!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;margin-bottom:.5rem!important;min-width:0!important;width:100%!important}.card-title{flex:1!important;min-width:0!important;font-size:clamp(.9rem,1.3vw,1.1rem)!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important;margin:0!important;padding:0!important;overflow:visible!important;display:block!important}.status-icon{flex-shrink:0!important}.modal-backdrop{padding:.5rem!important;padding-top:calc(.5rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;align-items:center!important;justify-content:center!important}.modal-content{max-width:95vw!important;max-height:95vh!important;width:auto!important;min-width:min(600px,90vw)!important;border-radius:.75rem!important}.modal-header{padding:1.25rem 1.5rem .75rem!important;flex-shrink:0!important}.modal-title{font-size:clamp(1.25rem,2.5vw,1.75rem)!important;margin-bottom:.5rem!important}.modal-body{padding:1.25rem 1.5rem 1rem!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1!important;min-height:0!important}.modal-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.modal-info,.modal-description{width:100%!important}.modal-footer{padding:.75rem 1.5rem 1.25rem!important;flex-shrink:0!important;flex-wrap:wrap!important;gap:.75rem!important}.btn-primary,.btn-secondary{padding:.625rem 1.25rem!important;font-size:.875rem!important}.modal-body::-webkit-scrollbar{width:6px!important}.modal-body::-webkit-scrollbar-track{background:transparent!important}.modal-body::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:3px!important}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)!important}.modal-body{scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important}.info-section{gap:.75rem!important;margin-bottom:1.25rem!important}.info-title{font-size:clamp(1rem,1.8vw,1.25rem)!important;font-weight:600!important;margin-bottom:.5rem!important;color:var(--fg)!important}.info-text{font-size:clamp(.9rem,1.5vw,1rem)!important;line-height:1.6!important;color:var(--fg-secondary)!important}.info-text strong{font-weight:600!important;color:var(--fg)!important}.description-text{font-size:clamp(.9rem,1.5vw,1rem)!important;line-height:1.7!important;color:var(--fg-secondary)!important}.services-grid{gap:.5rem!important;margin-top:.5rem!important}.service-tag{font-size:clamp(.75rem,1.2vw,.875rem)!important;padding:.375rem .875rem!important;line-height:1.4!important}.contact-link{font-size:clamp(.95rem,1.6vw,1.1rem)!important;margin-top:.5rem!important;display:inline-block!important}.about-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important;margin-top:.75rem!important}.stat-item{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:.75rem!important;background:var(--bg-secondary)!important;border-radius:8px!important;border:1px solid var(--border)!important}.stat-number{font-size:clamp(1.5rem,3vw,2rem)!important;font-weight:700!important;color:var(--accent)!important;margin-bottom:.25rem!important}.stat-label{font-size:clamp(.75rem,1.2vw,.875rem)!important;color:var(--fg-secondary)!important}.values-list{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-top:.75rem!important}.value-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem!important;background:var(--bg-secondary)!important;border-radius:8px!important;border:1px solid var(--border)!important;font-size:clamp(.875rem,1.4vw,1rem)!important}.value-icon{font-size:clamp(1.25rem,2vw,1.5rem)!important;flex-shrink:0!important}.innovation-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;margin-top:.75rem!important}.innovation-item{padding:1rem!important;background:var(--bg-secondary)!important;border-radius:8px!important;border:1px solid var(--border)!important}.innovation-icon{font-size:clamp(1.5rem,2.5vw,2rem)!important;margin-bottom:.75rem!important}.innovation-item h4{font-size:clamp(.95rem,1.6vw,1.125rem)!important;margin-bottom:.5rem!important}.innovation-item p{font-size:clamp(.85rem,1.3vw,.95rem)!important;line-height:1.5!important}.about-description{margin-top:1rem!important;padding:1.25rem!important}.about-description p{font-size:clamp(.9rem,1.5vw,1rem)!important;line-height:1.7!important}.contact-description{padding:1.25rem!important}.contact-description p{font-size:clamp(.9rem,1.5vw,1rem)!important;line-height:1.7!important}.contact-features{gap:.875rem!important;margin-top:1rem!important}.feature-item{padding:1rem!important;gap:.875rem!important}.feature-icon{font-size:clamp(1.25rem,2vw,1.5rem)!important}.feature-item h4{font-size:clamp(.95rem,1.6vw,1.125rem)!important;margin-bottom:.375rem!important}.feature-item p{font-size:clamp(.85rem,1.3vw,.95rem)!important;line-height:1.5!important}.modal-image{margin-top:1rem!important}.modal-image img{height:auto!important;max-height:200px!important;object-fit:cover!important}}.viewport-indicator{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:none!important;z-index:999999!important;border:6px solid #ff0000!important;box-shadow:0 0 30px red,inset 0 0 30px #ff00004d!important;animation:viewport-pulse 1s ease-in-out infinite alternate!important;background:transparent!important}@media (max-width: 768px){.viewport-indicator{border-color:#0c6!important;box-shadow:0 0 30px #0c6,inset 0 0 30px #00cc664d!important}}@keyframes viewport-pulse{0%{border-color:red!important;box-shadow:0 0 30px red,inset 0 0 30px #ff00004d!important}to{border-color:#f44!important;box-shadow:0 0 50px #f44,inset 0 0 50px #ff444480!important}}body{background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-ms-touch-action:manipulation;-webkit-touch-callout:none;box-sizing:border-box}.app-root{display:flex;flex-direction:column;height:100dvh;box-sizing:border-box;width:100%}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;padding-top:calc(1rem + env(safe-area-inset-top,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));padding-left:calc(2rem + env(safe-area-inset-left,0));padding-right:calc(2rem + env(safe-area-inset-right,0));border-bottom:1px solid var(--border);background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:100;box-sizing:border-box}.brand{color:var(--fg);text-decoration:none;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.brand:hover{color:var(--accent)}.brand-dot{color:var(--accent);font-size:1.2em}.brand-logo{height:44px;width:auto}.nav{display:flex;gap:2rem;align-items:center}.nav a,.nav button{color:var(--muted);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;background:none;border:none;font-size:inherit;font-family:inherit;cursor:pointer}.nav a:hover,.nav button:hover{color:var(--fg)}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px;height:18px}.hamburger span{width:100%;height:2px;background:var(--fg);transition:all .3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.main-content{flex:1;display:grid;grid-template-rows:.6fr .4fr;min-height:0;overflow:hidden}.hero-section{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-sizing:border-box}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-background canvas{width:100%;height:100%;position:relative;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 2rem;padding-top:max(0,env(safe-area-inset-top,0));padding-bottom:max(0,env(safe-area-inset-bottom,0));padding-left:calc(2rem + env(safe-area-inset-left,0));padding-right:calc(2rem + env(safe-area-inset-right,0));box-sizing:border-box}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.9;margin-bottom:1.5rem}.brand-name{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.brand-subtitle{color:var(--fg-secondary);font-size:.4em;font-weight:400;display:block;margin-top:.5rem}.hero-logo{display:flex;align-items:center;justify-content:center;margin:1rem 0 0}.hero-logo img{height:clamp(36px,8vw,72px);width:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.25))}.hero-description{font-size:1.25rem;color:var(--fg-secondary);max-width:600px;margin:0 auto;line-height:1.6}.branches-section{padding:2rem 0;padding-top:calc(2rem + env(safe-area-inset-top,0));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0));padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);background:var(--bg-secondary);overflow-x:hidden;overflow-y:visible;position:relative;z-index:1;box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 2rem;padding-left:calc(2rem + env(safe-area-inset-left,0));padding-right:calc(2rem + env(safe-area-inset-right,0));height:100%;display:flex;flex-direction:column;justify-content:flex-start;position:relative;z-index:1;isolation:isolate;box-sizing:border-box}.section-title{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1!important;pointer-events:none}.branch-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:1000px;margin:1rem auto 0;width:100%;height:calc(100vh - 220px);padding:1.25rem 1rem 0;overflow:visible;position:relative;z-index:100}.branch-card{position:relative;background:var(--card);border:1px solid var(--border);flex:0 0 calc(25% - .375rem);max-width:180px;min-width:160px;border-radius:12px;padding:.75rem .875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;z-index:100}.branch-card:hover{transform:translateY(-8px);border-color:var(--accent);background:var(--card-hover);z-index:10000!important}.branch-card.hovered{transform:translateY(-8px);z-index:10000!important}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.card-title{font-size:.95rem;font-weight:600;color:var(--fg);line-height:1.2}.status-icon{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.status-active{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.status-beta{background:#f59e0b33;color:var(--warning)}.status-coming-soon{background:#71717a33;color:var(--muted)}.status-maintenance{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-offline{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.card-content{margin-bottom:1rem}.card-description{color:var(--fg-secondary);line-height:1.4;font-size:.95rem}.card-footer{display:flex;justify-content:flex-end}.card-action{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:600;transition:all .3s ease}.branch-card:hover .card-action{gap:1rem}.action-arrow{transition:transform .3s ease}.branch-card:hover .action-arrow{transform:translate(4px)}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,hsl(var(--hue) 60% 60% / .1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.branch-card:hover .card-glow{opacity:1}.about-stats{display:flex;gap:2rem;margin-top:1rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{display:block;font-size:.875rem;color:var(--muted);margin-top:.5rem;font-weight:500}.values-list{display:flex;flex-direction:column;gap:.75rem}.value-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.value-icon{font-size:1.25rem;flex-shrink:0}.value-item span:last-child{color:var(--fg);font-weight:500}.innovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.innovation-item{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;text-align:center;transition:all .3s ease}.innovation-item:hover{border-color:var(--accent);transform:translateY(-2px)}.innovation-icon{font-size:2rem;margin-bottom:.75rem;display:block}.innovation-item h4{color:var(--fg);font-size:1rem;font-weight:600;margin:0 0 .5rem}.innovation-item p{color:var(--fg-secondary);font-size:.875rem;line-height:1.4;margin:0}.about-description{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;border:1px solid var(--border)}.about-description p{color:var(--fg-secondary);line-height:1.6;margin:0}.contact-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease;display:inline-block;margin-top:.5rem}.contact-link:hover{color:var(--accent-hover)}.contact-description{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;border:1px solid var(--border)}.contact-description p{color:var(--fg-secondary);line-height:1.6;margin:0 0 1.5rem}.contact-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;transition:all .3s ease}.feature-item:hover{border-color:var(--accent);transform:translateY(-1px)}.feature-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.feature-item h4{color:var(--fg);font-size:1rem;font-weight:600;margin:0 0 .25rem}.feature-item p{color:var(--fg-secondary);font-size:.875rem;line-height:1.4;margin:0}.branches-modal-content{max-width:100%}.branches-intro{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border);margin-bottom:1.5rem}.branches-intro p{color:var(--fg-secondary);font-size:.9rem;line-height:1.5;margin:0;text-align:center}.branches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.branch-modal-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.branch-modal-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 25px #0000001a}.branch-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.branch-name{color:var(--fg);font-size:1rem;font-weight:600;margin:0;line-height:1.2}.branch-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.branch-info{margin-bottom:1.5rem}.branch-sector{color:var(--accent);font-size:.875rem;font-weight:600;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.branch-description{color:var(--fg-secondary);line-height:1.5;margin:0;font-size:.9rem}.branch-services{margin-bottom:1.5rem}.branch-services h4{color:var(--fg);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.services-tags{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{background:var(--bg-secondary);color:var(--fg);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid var(--border)}.service-tag.more{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.branch-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.branch-contact{display:flex;flex-direction:column;gap:.25rem}.contact-label{color:var(--muted);font-size:.75rem;font-weight:500}.contact-email{color:var(--accent);font-size:.875rem;font-weight:600}.visit-website{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-size:.875rem;font-weight:600;transition:all .3s ease}.branch-modal-card:hover .visit-website{transform:translate(4px)}.visit-website svg{transition:transform .3s ease}.branch-modal-card:hover .visit-website svg{transform:translate(2px,-2px)}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.site-footer p{color:var(--muted);font-size:.9rem}.site-footer .links a{color:var(--muted);text-decoration:none;transition:color .3s ease}.site-footer .links a:hover{color:var(--accent)}.site-footer .footer-link{background:none;border:none;color:var(--muted);font-size:inherit;font-family:inherit;cursor:pointer;padding:0;transition:color .3s ease}.site-footer .footer-link:hover{color:var(--accent)}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;max-width:300px}.loading-logo{font-size:2.5rem;font-weight:700;color:var(--fg);margin-bottom:2rem;letter-spacing:.1em}.loading-bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:1rem}.loading-progress{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:2px;transition:width .3s ease}.loading-text{color:var(--muted);font-size:.9rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.modal-backdrop-enter{opacity:1}.modal-content{background:var(--bg);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:900px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s ease;border:1px solid var(--border);display:flex;flex-direction:column}.modal-content-enter{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.modal-title-section{flex:1}.modal-title{font-size:1.875rem;font-weight:700;color:var(--fg);margin:0 0 .5rem;line-height:1.2}.modal-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:.875rem;color:var(--fg-secondary);font-weight:500}.modal-close{background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-body{padding:2rem 2rem 1rem;overflow-y:auto;flex:1}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.modal-info{display:flex;flex-direction:column;gap:1.5rem}.info-section{display:flex;flex-direction:column;gap:.5rem}.info-title{font-size:1.125rem;font-weight:600;color:var(--fg);margin:0}.info-text{color:var(--fg-secondary);margin:0;line-height:1.5}.services-grid{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{background:var(--bg-secondary);color:var(--fg);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;border:1px solid var(--border)}.modal-description{display:flex;flex-direction:column;gap:1rem}.description-text{color:var(--fg-secondary);line-height:1.6;margin:0}.modal-image{border-radius:.75rem;overflow:hidden;margin-top:1rem}.modal-image img{width:100%;height:200px;object-fit:cover}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:1px solid var(--border);flex-shrink:0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--accent-text)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001a}.btn-secondary{background:var(--bg-secondary);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.about-modal{max-width:600px}.about-modal-body{display:flex;flex-direction:column;gap:1.5rem}.about-modal .values-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.about-modal .value-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:.5rem;font-size:.9rem}.about-modal .value-icon{font-size:1.25rem}.legal-modal{max-width:700px}.legal-modal .modal-header{padding:1.5rem 2rem 1rem}.legal-content{padding:0}.legal-updated{color:var(--muted);font-size:.875rem;margin:0 0 1.5rem;font-style:italic}.legal-section{margin-bottom:1.5rem}.legal-section:last-child{margin-bottom:0}.legal-section h3{font-size:1rem;font-weight:600;color:var(--fg);margin:0 0 .75rem}.legal-section p{color:var(--fg-secondary);line-height:1.6;margin:0 0 .75rem;font-size:.9375rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:.5rem 0 0;padding-left:1.5rem;color:var(--fg-secondary)}.legal-section li{line-height:1.6;margin-bottom:.5rem;font-size:.9375rem}.legal-section li:last-child{margin-bottom:0}@media (max-width: 768px){.nav{position:fixed;top:100%;left:0;width:100%;background:var(--card);border-top:1px solid var(--border);flex-direction:column;padding:1rem;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.menu-toggle{display:block}.site-header{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));padding-left:calc(1rem + env(safe-area-inset-left,0));padding-right:calc(1rem + env(safe-area-inset-right,0))}}@media (max-width: 768px) and (orientation: landscape){.nav{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;width:100dvw!important;height:100svh!important;height:100dvh!important;height:100vh!important;max-height:none!important;min-height:100svh!important;min-height:100dvh!important;min-height:100vh!important;transform:translateY(-100%)!important;justify-content:flex-start!important;align-items:flex-start!important;padding-top:calc(60px + 1rem + env(safe-area-inset-top))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:1000!important;box-shadow:0 4px 6px #0000001a!important;box-sizing:border-box!important;margin:0!important}.nav-open{transform:translateY(0)!important}.nav .nav-link{width:100%!important;text-align:left!important;padding:1rem!important;font-size:1.1rem!important}}@media (max-width: 768px){.site-footer{flex-direction:column;gap:.5rem;text-align:center;padding:1rem}.main-content{grid-template-rows:.4fr .6fr}.branch-grid{gap:.5rem;padding:1.25rem .5rem 0;overflow-y:auto;max-height:100%}.branch-card{flex:0 0 calc(50% - .25rem);max-width:none;min-width:140px;padding:.625rem .75rem}.hero-content,.container{padding:0 1rem}.branches-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.branch-modal-card{padding:.75rem}.modal-backdrop{padding:.5rem!important;padding-top:calc(.5rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;align-items:center!important;justify-content:center!important}.modal-content{max-width:calc(100vw - 1rem)!important;max-height:calc(100vh - 1rem)!important;width:100%!important;border-radius:.75rem!important;margin:.5rem!important}.modal-header{padding:1.25rem 1rem .75rem!important;flex-shrink:0!important}.modal-title{font-size:1.5rem!important;margin-bottom:.5rem!important}.modal-body{padding:1rem!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1!important;min-height:0!important}.modal-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.modal-info,.modal-description{width:100%!important}.modal-footer{padding:.75rem 1rem 1rem!important;flex-shrink:0!important;flex-direction:column!important;gap:.75rem!important}.btn-primary,.btn-secondary{width:100%!important;padding:.75rem 1.5rem!important;font-size:.875rem!important}.modal-body::-webkit-scrollbar{width:6px!important}.modal-body::-webkit-scrollbar-track{background:transparent!important}.modal-body::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:3px!important}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)!important}.modal-body{scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important}}@media (max-width: 480px){.brand-text{font-size:1.2rem}.loading-logo{font-size:1.8rem}.hero-title{font-size:clamp(2.25rem,11vw,4rem)!important;margin-bottom:.75rem!important;line-height:1.05!important}.hero-description{font-size:clamp(.95rem,2.5vw,1.1rem)!important;line-height:1.5!important;padding:0 .5rem!important;margin:0 auto!important}.hero-content{padding:0 .75rem!important}.hero-logo{margin:.75rem 0 0!important}.hero-logo img{height:clamp(32px,7vw,56px)!important}.section-title{font-size:clamp(1.1rem,5.5vw,1.6rem)!important;margin-bottom:.5rem!important}.branches-section{padding:1.25rem 0!important}.container{padding:0 .75rem!important}.main-content{grid-template-rows:.32fr .68fr!important}.modal-content{margin:.5rem;max-height:95%}.modal-body{flex:1;padding:1rem 1rem .5rem}.modal-header{padding:1rem 1rem .5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-grid{grid-template-columns:1fr;gap:1.5rem}.modal-footer{padding:1rem 1.5rem 1.5rem;flex-direction:column;flex-shrink:0}.btn-primary,.btn-secondary{width:100%}.branches-grid{grid-template-columns:1fr;gap:.3rem}.branch-modal-card{padding:.4rem;min-height:auto}.branch-name{font-size:.9rem}.branch-sector{font-size:.8rem}.branch-card-header{margin-bottom:.3rem}.branches-modal-content{max-height:100%;overflow:visible}.main-content{grid-template-rows:.35fr .65fr}.branch-grid{overflow-y:auto;max-height:100%}}@media (max-width: 375px){.hero-title{font-size:clamp(2rem,12vw,3rem)!important;margin-bottom:.5rem!important}.hero-description{font-size:clamp(.9rem,2.8vw,1rem)!important;line-height:1.4!important;margin-top:.5rem!important}.hero-content{padding:0 .5rem!important}.hero-logo{margin:.5rem 0 0!important}.section-title{font-size:clamp(1rem,6vw,1.4rem)!important;margin-bottom:.4rem!important}.branches-section{padding:1rem 0!important}.container{padding:0 .5rem!important}.branch-grid{padding:.75rem .5rem 0!important;gap:.4rem!important;margin-top:.5rem!important}.branch-card{padding:.5rem .625rem!important;min-width:120px!important}.site-header{padding:.75rem 1rem!important}.brand-logo{height:36px!important}.main-content{grid-template-rows:.3fr .7fr!important}}@media (max-width: 768px) and (orientation: portrait){.branch-card{padding:.45rem .75rem!important}.branch-card .card-header{margin-bottom:.36rem!important}.branch-card .card-title{font-size:.82rem!important;line-height:1.08!important}.branch-card .status-icon{width:7px!important;height:7px!important}}.auth-form{max-width:400px;margin:2rem auto;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 25px #0000001a}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{color:var(--fg);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:var(--fg-secondary);font-size:.9rem}.mock-credentials{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:1rem;text-align:left}.mock-credentials p{margin:.25rem 0;font-size:.85rem;color:var(--fg-secondary)}.mock-credentials code{background:var(--accent);color:var(--accent-text);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.auth-form-content{display:flex;flex-direction:column;gap:1.5rem}.auth-error{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:.75rem;border-radius:8px;font-size:.9rem}.form-group label{color:var(--fg);font-weight:500;font-size:.9rem}.form-group input{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--accent)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input{position:relative;width:100%}.password-input input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:.25rem;font-size:1.2rem}.password-toggle:hover{color:var(--fg)}.form-actions{display:flex;flex-direction:column;gap:.75rem}.auth-footer{text-align:center;margin-top:1rem}.auth-footer p{margin:.5rem 0;font-size:.9rem;color:var(--fg-secondary)}.auth-link{color:var(--accent);text-decoration:none;font-weight:500}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.auth-loading .loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.auth-required,.auth-unauthorized{text-align:center;padding:3rem;background:var(--card);border:1px solid var(--border);border-radius:12px;margin:2rem auto;max-width:500px}.auth-required h2,.auth-unauthorized h2{color:var(--fg);font-size:1.5rem;margin-bottom:1rem}.auth-required p,.auth-unauthorized p{color:var(--fg-secondary);font-size:1rem}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:none;border:none;color:var(--fg);cursor:pointer;border-radius:8px;transition:background-color .2s ease}.user-menu-trigger:hover{background:var(--bg-secondary)}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-weight:500;font-size:.9rem;line-height:1.2}.user-role{font-size:.75rem;color:var(--fg-secondary);line-height:1.2}.user-menu-arrow{transition:transform .2s ease;color:var(--fg-secondary)}.user-menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:280px;z-index:1000;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary)}.user-avatar-large{width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.user-details{flex:1}.user-name-large{font-weight:600;font-size:1rem;color:var(--fg);margin-bottom:.25rem}.user-email{font-size:.85rem;color:var(--fg-secondary);margin-bottom:.5rem}.user-role-badge{display:inline-block;padding:.25rem .5rem;background:var(--accent);color:var(--accent-text);border-radius:4px;font-size:.75rem;font-weight:500}.user-menu-divider{height:1px;background:var(--border);margin:0}.user-menu-items{padding:.5rem 0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:var(--fg);text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item.logout{color:var(--error)}.user-menu-item.logout:hover{background:#ef44441a}.user-menu-item svg{color:var(--fg-secondary);flex-shrink:0}.user-menu-item.logout svg{color:var(--error)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:2rem}.login-container{width:100%;max-width:500px}.login-brand{text-align:center;margin-bottom:3rem}.login-brand h1{font-size:3rem;font-weight:700;color:var(--fg);margin-bottom:.5rem}.login-brand p{font-size:1.2rem;color:var(--fg-secondary);font-weight:500}.crm-page{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);box-sizing:border-box;flex:1}@media (max-width: 768px){.crm-page{height:100%;min-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));min-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));overflow:visible}}.crm-dashboard{height:100%;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;min-height:0;box-sizing:border-box;width:100%}@media (max-width: 768px){.crm-dashboard{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}}@media (orientation: landscape) and (max-height: 768px){.crm-dashboard{height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;flex:none!important}.crm-header{padding:.5rem 0!important;position:relative!important;flex-shrink:0!important;display:none!important}.crm-header-content{padding:0 .75rem!important}.crm-welcome-compact{margin-bottom:.25rem!important}.crm-welcome-compact h2{font-size:1rem!important}.crm-search-row{margin-bottom:.5rem!important;padding:0 .5rem!important}.crm-tabs{margin-bottom:.75rem!important;padding-bottom:.25rem!important}.crm-tab{padding:.4rem .75rem!important;font-size:.8rem!important}.crm-container{height:100%!important;overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important}.crm-main{height:100%!important;overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;flex:1!important;min-height:0!important;box-sizing:border-box!important}.crm-tab-content{overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;min-height:0!important;height:100%!important;max-height:100%!important;display:block!important}.crm-tab-content.analytics-tab{overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important}.crm-tab-content.analytics-tab .analytics-dashboard{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;height:100%!important;max-height:100%!important}.crm-tab-content.overview-tab{overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important}.crm-tab-content.overview-tab .crm-single-page{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;height:100%!important;max-height:100%!important}.crm-tab-content.reports-tab{overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important}.crm-tab-content.reports-tab .reports-dashboard{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;height:100%!important;max-height:100%!important}.crm-single-page{gap:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;min-width:100%!important;max-width:100vw!important;padding:.5rem!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;position:relative!important;background:transparent!important}.crm-single-page>*{flex-shrink:0!important}.crm-metrics-row{position:sticky!important;left:0!important;top:0!important;flex-shrink:0!important;width:min(300px,35vw)!important;min-width:min(280px,32vw)!important;max-width:300px!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;overflow-y:auto!important;overflow-x:visible!important;padding:.5rem!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;padding-right:.75rem!important;margin-left:calc(-1*env(safe-area-inset-left,0))!important;box-sizing:border-box!important;background:var(--bg)!important;background-clip:padding-box!important;box-shadow:2px 0 4px #0000001a,calc(-1*env(safe-area-inset-left,0)) 0 0 var(--bg)!important;border-right:1px solid var(--border)!important;z-index:100!important}.crm-metrics{width:100%!important;min-width:0!important}.metrics-header{flex-shrink:0!important;margin-bottom:.75rem!important}.crm-data-grid{display:flex!important;flex-direction:row!important;gap:.75rem!important;overflow:visible!important;min-height:0!important;flex-shrink:0!important;width:fit-content!important;min-width:fit-content!important;max-width:none!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;padding:.5rem .5rem 1.5rem 0!important;padding-left:env(safe-area-inset-left,0)!important;box-sizing:border-box!important;align-items:stretch!important}.crm-grid-section{flex-shrink:0!important;width:450px!important;min-width:450px!important;max-width:450px!important;padding:.75rem!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px!important}.section-header-compact{position:sticky!important;top:0!important;z-index:10!important;background:var(--card)!important;padding-bottom:.5rem!important;margin-bottom:.5rem!important;flex-shrink:0!important;border-bottom:1px solid var(--border)!important;padding-top:0!important}.crm-grid-section h3{font-size:.9rem!important;margin-bottom:.5rem!important;flex-shrink:0!important}.crm-grid-section>*:not(.section-header-compact){flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.metrics-grid{grid-template-columns:1fr!important;gap:.5rem!important}.metric-card{padding:.75rem!important;min-width:0!important;width:100%!important}.metric-icon{flex-shrink:0!important}.metric-content{min-width:0!important;flex:1!important}.metric-value{font-size:1.1rem!important}.metric-title{font-size:.75rem!important;white-space:normal!important;word-wrap:break-word!important}.reports-dashboard{height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;width:100%!important;min-width:100%!important;max-width:100vw!important;gap:.5rem!important;padding:0!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;position:relative!important;background:transparent!important;z-index:0!important;isolation:isolate!important}.reports-dashboard>*{flex-shrink:0!important}.reports-header{position:sticky!important;left:0!important;top:0!important;flex-shrink:0!important;width:min(280px,30vw)!important;min-width:min(240px,25vw)!important;max-width:280px!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;min-height:calc(100vh - 70px - .5rem)!important;display:flex!important;flex-direction:column!important;padding:.75rem!important;padding-left:calc(.75rem + env(safe-area-inset-left,0))!important;padding-bottom:.75rem!important;margin-left:calc(-1*env(safe-area-inset-left,0))!important;margin-right:0!important;margin-bottom:0!important;border-right:1px solid var(--border)!important;border-bottom:none!important;overflow-y:auto!important;overflow-x:visible!important;background:var(--bg)!important;background-clip:padding-box!important;box-sizing:border-box!important;box-shadow:2px 0 4px #0000001a,calc(-1*env(safe-area-inset-left,0)) 0 0 var(--bg)!important;align-items:stretch!important;z-index:1!important}.reports-tabs{order:-1!important;flex-direction:column!important;gap:.25rem!important;border-bottom:none!important;border-right:2px solid var(--border)!important;margin-top:0!important;margin-bottom:.75rem!important;padding-bottom:0!important;padding-right:.5rem!important;padding-top:0!important;padding-left:0!important;width:100%!important;flex-shrink:0!important}.reports-header-top{flex-direction:column!important;gap:.75rem!important;margin-bottom:1.5rem!important;flex-shrink:0!important;order:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.reports-header h2{font-size:1.1rem!important;margin-bottom:.5rem!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important}.reports-stats{flex-direction:column!important;gap:.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important;flex-shrink:0!important}.stat-item{width:100%!important;max-width:100%!important;min-width:0!important;padding:.5rem!important;flex-shrink:0!important;box-sizing:border-box!important;overflow:visible!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.65rem!important}.reports-tabs .tab-button{padding:.5rem .75rem!important;background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:6px!important;border-right:1px solid var(--border)!important;margin-bottom:0!important;margin-right:0!important;text-align:left!important;width:100%!important;box-sizing:border-box!important}.reports-tabs .tab-button.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-text)!important}.reports-tabs .tab-button:hover{background:var(--card)!important;border-color:var(--accent)!important}.reports-tabs .tab-button.active:hover{background:var(--accent)!important;opacity:.9!important}.reports-content{overflow:visible!important;overflow-y:hidden!important;overflow-x:visible!important;min-height:0!important;max-height:calc(100vh - 70px - .5rem)!important;flex:none!important;padding-bottom:0!important;display:flex!important;flex-direction:row!important;width:max-content!important;max-width:calc(100vw - min(280px,30vw) - 2rem)!important;gap:.75rem!important;align-items:flex-start!important;padding:.5rem 0 1.5rem .5rem!important;padding-right:0!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;box-sizing:border-box!important;position:relative!important}.reports-content:after{content:""!important;display:block!important;width:.5rem!important;min-width:.5rem!important;max-width:.5rem!important;flex:0 0 .5rem!important;height:1px!important;pointer-events:none!important;order:9999!important;visibility:hidden!important}.reports-section{flex-shrink:0!important;width:min(500px,calc(100vw - min(280px,30vw) - 2rem))!important;min-width:min(450px,calc(100vw - min(280px,30vw) - 2rem - 50px))!important;max-width:500px!important;padding:.75rem!important;min-height:0!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;position:relative!important}.reports-section.history-section,.reports-section:has(.recent-reports){width:fit-content!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 2rem))!important;max-width:none!important;overflow-y:hidden!important;overflow-x:visible!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;padding:.5rem!important;padding-right:0!important;gap:0!important;flex-shrink:0!important}.reports-section.history-section .section-header-with-filters,.reports-section:has(.recent-reports) .section-header-with-filters{width:min(500px,calc(100vw - min(280px,30vw) - 2rem))!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 2rem))!important;max-width:min(500px,calc(100vw - min(280px,30vw) - 2rem))!important;flex-shrink:0!important;position:relative!important;z-index:10!important;background:var(--card)!important;padding:.5rem!important;margin:0!important;border-bottom:none!important;border-right:1px solid var(--border)!important;box-sizing:border-box!important;height:100%!important;display:flex!important;flex-direction:column!important;align-self:stretch!important}.reports-section.history-section .recent-reports,.reports-section:has(.recent-reports) .recent-reports{flex:0 0 auto!important;min-height:0!important;overflow-y:hidden!important;overflow-x:visible!important;display:flex!important;flex-direction:row!important;gap:.75rem!important;width:fit-content!important;min-width:0!important;-webkit-overflow-scrolling:touch!important;align-items:flex-start!important;align-content:flex-start!important;visibility:visible!important;opacity:1!important;position:relative!important;margin:0!important;padding:.5rem .5rem .5rem .75rem!important;height:100%!important;align-self:stretch!important;flex-shrink:0!important}.reports-section.history-section .recent-reports .report-item,.reports-section:has(.recent-reports) .recent-reports .report-item{flex-shrink:0!important;min-width:280px!important;max-width:280px!important;width:280px!important;height:100%!important;min-height:200px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:1rem!important;visibility:visible!important;opacity:1!important;position:relative!important;background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important;margin:0!important;align-self:stretch!important;box-sizing:border-box!important}.reports-section.history-section .recent-reports .report-item .report-icon,.reports-section:has(.recent-reports) .recent-reports .report-item .report-icon,.reports-section .recent-reports .report-item .report-icon{flex-shrink:0!important;font-size:2rem!important;text-align:center!important;margin-bottom:.5rem!important}.reports-section.history-section .recent-reports .report-item .report-details,.reports-section:has(.recent-reports) .recent-reports .report-item .report-details,.reports-section .recent-reports .report-item .report-details{flex:1!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;overflow:hidden!important}.reports-section.history-section .recent-reports .report-item .report-details h4,.reports-section:has(.recent-reports) .recent-reports .report-item .report-details h4,.reports-section .recent-reports .report-item .report-details h4{font-size:.95rem!important;font-weight:600!important;margin:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important;white-space:normal!important}.reports-section.history-section .recent-reports .report-item .report-details p,.reports-section:has(.recent-reports) .recent-reports .report-item .report-details p,.reports-section .recent-reports .report-item .report-details p{font-size:.8rem!important;margin:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important;white-space:normal!important;color:var(--fg-secondary)!important}.reports-section.history-section .recent-reports .report-item .report-actions,.reports-section:has(.recent-reports) .recent-reports .report-item .report-actions,.reports-section .recent-reports .report-item .report-actions{flex-shrink:0!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:center!important;justify-content:center!important;margin-top:auto!important;padding-top:.75rem!important;border-top:1px solid var(--border)!important}.reports-section:last-child{margin-right:0!important;max-width:calc(100vw - min(280px,30vw) - 2.5rem)!important}.reports-section h3{font-size:1rem!important;margin:0!important;flex-shrink:0!important;position:sticky!important;top:-.75rem!important;z-index:5!important;background:var(--card)!important;padding:.75rem .75rem 1rem!important;margin:-.75rem -.75rem .75rem!important;border-bottom:1px solid var(--border)!important;box-shadow:0 2px 4px -2px #0000001a!important;width:calc(100% + 1.5rem)!important;box-sizing:border-box!important}.report-types-grid{grid-template-columns:1fr!important;gap:.5rem!important}.report-type-card{min-height:60px!important;padding:.75rem!important}.templates-grid{grid-template-columns:1fr!important;gap:.5rem!important;overflow:visible!important;min-height:0!important;height:auto!important;max-height:none!important;display:grid!important}.reports-section .templates-grid .template-card{min-width:0!important;max-width:100%!important;overflow:visible!important;contain:none!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;padding:.75rem!important;background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important;transition:all .2s ease!important;position:relative!important;min-height:auto!important;width:100%!important;box-sizing:border-box!important;isolation:auto!important;gap:.75rem!important}.reports-section .template-card{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:.75rem!important;min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;width:100%!important;box-sizing:border-box!important;contain:none!important;isolation:auto!important;align-self:auto!important}.reports-section .template-icon{font-size:1.5rem!important;width:40px!important;height:40px!important;flex-shrink:0!important;margin-bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.reports-section .template-info{display:flex!important;flex-direction:column!important;gap:.5rem!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;overflow:visible!important;width:100%!important;max-width:100%!important;position:relative!important;z-index:1!important}.reports-section .template-info h4{font-size:.9rem!important;font-weight:600!important;color:var(--fg)!important;margin:0!important;line-height:1.3!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;flex-shrink:0!important;overflow:visible!important;max-height:none!important;display:block!important}.reports-section .template-info p{font-size:.8rem!important;color:var(--fg-secondary)!important;margin:0!important;line-height:1.4!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;flex-shrink:0!important;overflow:visible!important;display:block!important}.reports-section .template-reports{display:flex!important;flex-direction:column!important;gap:.25rem!important;margin:0!important;min-width:0!important;width:100%!important;overflow:visible!important;position:relative!important;flex-shrink:0!important;min-height:fit-content!important}.reports-section .template-report-tag{font-size:.7rem!important;padding:.25rem .5rem!important;white-space:normal!important;word-wrap:break-word!important;overflow:visible!important;display:flex!important;align-items:center!important;gap:.25rem!important}.reports-section .template-report-tag span{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word!important}.reports-section .template-card .btn-sm{margin-top:auto!important;align-self:flex-start!important;flex-shrink:0!important;width:auto!important}.reports-section>*:not(h3):not(.section-header-with-action):not(.section-header-with-filters):not(.templates-grid):not(.report-types-grid):not(.recent-reports){flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.reports-section .templates-grid,.reports-section .report-types-grid{flex:0 1 auto!important;min-height:0!important;overflow:visible!important;height:auto!important;max-height:none!important}.section-header-with-action,.section-header-with-filters{position:sticky!important;top:0!important;z-index:10!important;background:var(--card)!important;padding-bottom:.5rem!important;margin-bottom:.75rem!important;flex-shrink:0!important;border-bottom:1px solid var(--border)!important}.analytics-dashboard{height:calc(100vh - 70px - .5rem)!important;max-height:calc(100vh - 70px - .5rem)!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;width:100%!important;min-width:100%!important;max-width:100vw!important;gap:.5rem!important;padding:0!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;position:relative!important;background:transparent!important}.analytics-dashboard>*{flex-shrink:0!important}.analytics-dashboard .analytics-content{min-width:calc(1520px + 2rem)!important}.analytics-header{position:sticky!important;left:0!important;top:0!important;flex-shrink:0!important;width:min(280px,30vw)!important;min-width:min(240px,25vw)!important;max-width:280px!important;height:auto!important;max-height:calc(100vh - 70px - .5rem)!important;min-height:auto!important;display:flex!important;flex-direction:column!important;padding:.5rem .75rem .5rem .5rem!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;margin-left:calc(-1*env(safe-area-inset-left,0))!important;margin-right:0!important;border-right:1px solid var(--border)!important;overflow-y:visible!important;overflow-x:hidden!important;background:var(--bg)!important;background-clip:padding-box!important;box-sizing:border-box!important;box-shadow:2px 0 4px #0000001a,calc(-1*env(safe-area-inset-left,0)) 0 0 var(--bg)!important;align-items:stretch!important;transition:width .3s ease,min-width .3s ease,max-width .3s ease!important;z-index:100!important}.analytics-header.landscape-mode{height:calc(100vh - 70px - .5rem)!important;min-height:calc(100vh - 70px - .5rem)!important}.analytics-header.landscape-mode.collapsed{width:60px!important;min-width:60px!important;max-width:60px!important;padding:.5rem!important}.analytics-header-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:.5rem!important;flex-shrink:0!important;margin-bottom:.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important;min-width:0!important}.analytics-header.landscape-mode.collapsed .analytics-header-top{flex-direction:column!important;justify-content:flex-start!important;margin-bottom:0!important}.analytics-header.landscape-mode.collapsed .analytics-header-top h2{writing-mode:vertical-rl!important;text-orientation:mixed!important;transform:rotate(180deg)!important;margin:0!important;font-size:.9rem!important}.analytics-header-toggle{transition:transform .2s ease!important;flex-shrink:0!important;min-width:40px!important;max-width:40px!important;width:40px!important;height:40px!important;box-sizing:border-box!important;align-self:flex-start!important;margin-top:0!important}.analytics-header.landscape-mode.collapsed .analytics-header-toggle{margin-top:auto!important}.analytics-header h2{font-size:clamp(1rem,2.5vw,1.2rem)!important;margin-bottom:.5rem!important;padding:0!important;flex:1 1 auto!important;min-width:0!important;overflow:visible!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.3!important}.analytics-filters{flex:1 1 auto!important;min-height:0!important;overflow-y:visible!important;overflow-x:visible!important;display:flex!important;flex-direction:column!important;gap:clamp(.4rem,1vw,.5rem)!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important}.analytics-header.landscape-mode .analytics-filters{gap:0!important;padding:.5rem 0!important;justify-content:space-between!important;align-items:stretch!important;height:100%!important;min-height:100%!important;max-height:100%!important;overflow:hidden!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker{display:flex!important;flex-direction:column!important;gap:clamp(.75rem,2vw,1.25rem)!important;flex:1 1 auto!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;max-height:100%!important;align-items:stretch!important;overflow:hidden!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker .date-range-inputs{flex-shrink:0!important;flex-grow:0!important;order:1!important;margin-bottom:0!important;overflow:visible!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker .date-presets-row{flex-shrink:0!important;flex-grow:0!important;order:2!important;margin-top:0!important;flex-direction:column!important;gap:clamp(.5rem,1.5vw,.75rem)!important;align-items:stretch!important;width:100%!important;overflow:visible!important;max-height:none!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker .date-presets-row .date-presets{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(.25rem,.75vw,.5rem)!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:none!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker .date-presets-row .date-presets .date-preset-btn{flex-shrink:0!important;white-space:nowrap!important;min-width:auto!important;width:auto!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker .date-presets-row .date-filter-branch,.analytics-header.landscape-mode .analytics-filters .date-range-picker .date-presets-row .date-filter-category{width:100%!important;max-width:100%!important;min-width:100%!important}.analytics-header.landscape-mode.collapsed .analytics-filters{display:none!important}.analytics-filters .date-range-picker{display:flex!important;flex-direction:column!important;gap:clamp(.4rem,1vw,.5rem)!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;order:1!important}.analytics-header.landscape-mode .analytics-filters .date-range-picker{flex:1 1 auto!important;height:100%!important;min-height:100%!important}.analytics-filters .date-range-inputs{display:flex!important;flex-direction:row!important;gap:clamp(.4rem,1vw,.5rem)!important;align-items:center!important;flex-wrap:wrap!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:40px!important;overflow:visible!important}.analytics-filters .date-presets-row{display:flex!important;flex-direction:row!important;gap:clamp(.25rem,1vw,.5rem)!important;align-items:stretch!important;flex-wrap:nowrap!important;width:100%!important;position:relative!important;z-index:1!important;flex-shrink:0!important;min-height:45px!important;max-width:100%!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;height:auto!important;max-height:none!important;overflow:visible!important;order:2!important}.analytics-filters .date-filter-branch{flex-shrink:0!important;min-width:min(100px,12vw)!important;max-width:min(100px,12vw)!important;width:min(100px,12vw)!important;position:relative!important;z-index:2!important;align-self:stretch!important;display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:40px!important;overflow:visible!important}.analytics-filters .date-presets{display:flex!important;flex-direction:row!important;gap:clamp(.25rem,.8vw,.4rem)!important;flex-wrap:nowrap!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;overflow-x:auto!important;overflow-y:visible!important;position:relative!important;z-index:6!important;background:var(--bg)!important;padding:clamp(.3rem,.8vw,.4rem) clamp(.4rem,1vw,.5rem)!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;margin:0!important;align-self:stretch!important;width:auto!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:40px!important;max-height:none!important;scrollbar-width:thin!important;scrollbar-color:var(--border) var(--bg-secondary)!important}.analytics-filters .date-presets::-webkit-scrollbar{height:6px!important;display:block!important}.analytics-filters .date-presets::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:3px!important}.analytics-filters .date-presets::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:3px!important}.analytics-filters .date-presets::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)!important}.analytics-filters .date-preset-btn{position:relative!important;z-index:7!important;flex-shrink:0!important;white-space:nowrap!important;background:var(--bg-secondary)!important;height:auto!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.analytics-filters .date-filter-category{flex-shrink:0!important;min-width:min(100px,12vw)!important;max-width:min(100px,12vw)!important;width:min(100px,12vw)!important;position:relative!important;z-index:3!important;margin-left:0!important;align-self:stretch!important;display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:40px!important;overflow:visible!important}.analytics-filters .date-input,.analytics-filters .date-granularity-select,.analytics-filters .date-filter-select{font-size:clamp(.75rem,1.5vw,.85rem)!important;padding:clamp(.35rem,.8vw,.4rem) clamp(.4rem,1vw,.5rem)!important;flex-shrink:0!important;box-sizing:border-box!important}.analytics-filters .date-preset-btn{font-size:clamp(.7rem,1.4vw,.8rem)!important;padding:clamp(.3rem,.7vw,.35rem) clamp(.4rem,1vw,.5rem)!important;flex-shrink:0!important;white-space:nowrap!important}.analytics-filters .date-separator{flex-shrink:0!important;font-size:.85rem!important}.analytics-content{overflow:hidden!important;overflow-y:hidden!important;overflow-x:visible!important;min-height:0!important;max-height:calc(100vh - 70px - .5rem)!important;flex:none!important;padding:.5rem .5rem 1.5rem 0!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:.5rem!important;margin:0!important;display:flex!important;flex-direction:row!important;width:max-content!important;min-width:max-content!important;gap:.5rem!important;align-items:flex-start!important;box-sizing:border-box!important;flex-shrink:0!important;background:transparent!important}.analytics-section{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}.kpi-section{overflow:visible!important;overflow-y:visible!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - 70px - 2.5rem)!important;min-height:calc(100vh - 70px - 2.5rem)!important;flex-shrink:0!important;width:min(200px,22vw)!important;min-width:min(180px,20vw)!important;max-width:200px!important;display:flex!important;flex-direction:column!important;padding:.5rem .5rem .75rem!important;box-sizing:border-box!important;margin:0!important;align-self:flex-start!important}.kpi-section h3{font-size:1rem!important;flex-shrink:0!important;margin-bottom:.5rem!important;padding:0!important}.kpi-grid{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(60px,auto)!important;gap:.5rem!important;display:grid!important;padding:0!important;margin:0!important;padding-right:.25rem!important;padding-top:0!important;padding-bottom:.25rem!important;-webkit-overflow-scrolling:touch!important;align-content:start!important}.kpi-card{padding:.5rem!important;min-height:60px!important;max-height:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;overflow:visible!important;box-sizing:border-box!important;margin:0!important}.kpi-icon{font-size:1.2rem!important;flex-shrink:0!important}.kpi-content{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:.2rem!important;overflow:visible!important}.kpi-value{font-size:.95rem!important;font-weight:600!important;line-height:1.2!important;overflow:visible!important;word-wrap:break-word!important;word-break:break-word!important}.kpi-label{font-size:.7rem!important;line-height:1.2!important;overflow:visible!important;word-wrap:break-word!important}.kpi-change{font-size:.65rem!important;line-height:1.2!important;overflow:visible!important;word-wrap:break-word!important}.charts-grid{overflow:visible!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;flex:none!important;min-height:0!important;width:max-content!important;min-width:max-content!important;align-items:flex-start!important;flex-shrink:0!important}.chart-section{overflow:hidden!important;overflow-y:hidden!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - 70px - 2.5rem)!important;min-height:calc(100vh - 70px - 2.5rem)!important;width:fit-content;min-width:min(607px,60.75vw);max-width:none;flex-shrink:0!important;display:flex!important;flex-direction:column!important;padding:.5rem!important;box-sizing:border-box!important;margin:0!important;align-self:flex-start!important;gap:0!important}.chart-section h3{font-size:1.1rem!important;margin:0 0 .25rem!important;padding:0!important;line-height:1.2!important;flex-shrink:0!important}.chart-header-mobile{margin-bottom:.25rem!important;padding:0!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;min-height:28px!important;max-height:28px!important;height:28px!important}.chart-header-mobile h3{margin:0!important;padding:0!important;font-size:1.1rem!important;flex:1!important}.fullscreen-chart-btn{font-size:1.2rem!important;padding:.5rem!important;min-width:40px!important;height:40px!important;flex-shrink:0!important}.chart-filters{margin-bottom:.25rem!important;padding:0!important;flex-shrink:0!important;min-height:60px!important;max-height:60px!important;height:60px!important;overflow-y:auto!important;overflow-x:visible!important}.line-chart-container{flex:1 1 0!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;box-sizing:border-box!important}.line-chart{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;flex:1 1 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;box-sizing:border-box!important;position:relative!important;margin:0!important;padding:0!important;overflow:hidden!important}.line-chart .recharts-responsive-container{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;flex:1 1 0!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;position:relative!important;overflow:hidden!important}.line-chart .recharts-responsive-container>div{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;position:relative!important;overflow:hidden!important}.line-chart .recharts-wrapper{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;position:relative!important;overflow:hidden!important}.line-chart .recharts-surface{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}.chart-svg{display:block!important;flex-shrink:0!important;width:100%!important;max-width:100%!important}.line-chart-container.landscape-mode .chart-svg{flex-shrink:1!important}.chart-section{display:flex!important;flex-direction:column!important}.line-chart-container.landscape-mode{flex:1 1 0!important;min-height:0!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.line-chart-container.landscape-mode .line-chart{flex:1 1 0!important;min-height:0!important;height:100%!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;justify-content:flex-end!important}.line-chart-container.landscape-mode .line-chart .recharts-responsive-container{height:100%!important;min-height:0!important;width:100%!important;min-width:0!important;max-width:100%!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important;align-items:flex-end!important;justify-content:flex-start!important}.line-chart-container.landscape-mode .line-chart .recharts-responsive-container>div{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;display:block!important;position:relative!important;overflow:hidden!important}.line-chart-container.landscape-mode .line-chart .recharts-wrapper{height:100%!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;position:relative!important;overflow:hidden!important}.line-chart-container.landscape-mode .recharts-surface,.line-chart-container.landscape-mode svg.recharts-surface{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:block!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;overflow:hidden!important}.chart-svg text{font-size:14px!important}.axis-label{font-size:12px!important}.bottom-sections-grid{overflow:visible!important;max-height:none!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;flex-shrink:0!important;width:max-content!important;min-width:max-content!important;align-items:flex-start!important;margin-right:0!important;padding-right:0!important}.analytics-content:after{content:""!important;display:block!important;width:.5rem!important;flex-shrink:0!important;height:100%!important;background:transparent!important}.bottom-sections-grid .analytics-section{overflow:visible!important;overflow-y:visible!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - 70px - 2.5rem)!important;min-height:calc(100vh - 70px - 2.5rem)!important;width:min(240px,26vw)!important;min-width:min(220px,24vw)!important;max-width:240px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;padding:.5rem .5rem .75rem!important;box-sizing:border-box!important;margin:0!important;align-self:flex-start!important}.bottom-sections-grid .analytics-section h3{font-size:.9rem!important;margin:0 0 .25rem!important;padding:0!important;flex-shrink:0!important}.bottom-sections-grid .analytics-section .source-breakdown,.bottom-sections-grid .analytics-section .branch-performance{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;margin:0!important}.bottom-sections-grid .analytics-section>*:not(h3):not(.source-breakdown):not(.branch-performance){flex-shrink:0!important}.management-page{overflow-x:hidden!important;overflow-y:hidden!important;height:100%!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;gap:.5rem!important}.lead-conversion.management-page{flex-direction:row!important;overflow:hidden!important;height:100%!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important}.management-page .page-header{position:sticky!important;left:0!important;top:0!important;flex-shrink:0!important;width:280px!important;min-width:280px!important;max-width:280px!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;overflow-y:auto!important;overflow-x:hidden!important;border-right:1px solid var(--border)!important;border-bottom:none!important;padding:.75rem!important;padding-top:calc(.75rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))!important;padding-left:calc(.75rem + env(safe-area-inset-left,0))!important;padding-right:.5rem!important;margin-left:calc(-1*env(safe-area-inset-left,0))!important;margin-right:0!important;background:var(--bg)!important;background-clip:border-box!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;z-index:0!important}.management-page .page-header:before{content:""!important;position:absolute!important;left:calc(-1*env(safe-area-inset-left,0))!important;top:0!important;bottom:0!important;width:env(safe-area-inset-left,0)!important;max-width:env(safe-area-inset-left,0)!important;background:var(--bg)!important;z-index:-1!important;pointer-events:none!important}.management-page .page-header>*{min-width:0!important;max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.management-page .page-header .page-title{flex-shrink:0!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.management-page .page-header .page-title h1{font-size:1.1rem!important;margin-bottom:.25rem!important;line-height:1.2!important;word-wrap:break-word!important;overflow-wrap:break-word!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.management-page .page-header .page-title p{font-size:.75rem!important;line-height:1.3!important;word-wrap:break-word!important;overflow-wrap:break-word!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.management-page .page-header .btn-primary{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex-shrink:0!important;border:1px solid transparent!important;margin-left:0!important;margin-right:0!important}.management-page .filters-section{display:flex!important;flex-direction:column!important;gap:1rem!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;position:static!important;left:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}.management-page .filters-section .search-box{flex:none!important;flex-shrink:0!important;flex-grow:0!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin:0!important;position:relative!important;overflow:visible!important}.management-page .filters-section .search-input{width:100%!important;max-width:100%!important;min-width:0!important;font-size:.8rem!important;padding:.5rem .5rem .5rem 2rem!important;box-sizing:border-box!important;margin:0!important;border:1px solid var(--border)!important;border-radius:6px!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.management-page .filters-section .search-icon{left:.75rem!important;font-size:.9rem!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.management-page .filters-section .filter-controls{display:flex!important;flex-direction:column!important;gap:.5rem!important;flex:none!important;flex-shrink:0!important;flex-grow:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;align-items:stretch!important;flex-wrap:nowrap!important;overflow:visible!important}.management-page .filters-section .filter-select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:.8rem!important;padding:.5rem 1.5rem .5rem .75rem!important;box-sizing:border-box!important;margin:0!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--bg-secondary)!important;color:var(--fg)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:12px!important;cursor:pointer!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex-shrink:0!important}.management-page .filters-section .report-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%!important}.management-page .filters-section .report-actions .btn-secondary{width:100%!important;max-width:100%!important;min-width:0!important;font-size:.8rem!important;padding:.5rem .75rem!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important;margin:0!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--bg-secondary)!important;color:var(--fg)!important;cursor:pointer!important;flex-shrink:0!important}.management-page .filters-section .filter-select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px #ffd9641a!important}.management-page>*:not(.page-header):not(.import-content):not(.conversion-content):not(.team-content):not(.api-content):not(.profile-content):not(.system-content):not(.export-content):not(.facebook-ads-content):not(.backup-restore-content):not(.customers-grid):not(.leads-grid):not(.projects-grid):not(.interactions-grid):not(.groups-grid):not(.sources-grid):not(.templates-grid):not(.campaigns-grid):not(.meetings-grid):not(.reports-grid):not(.timeline-container),.management-page .page-header+*:not(.import-content):not(.conversion-content):not(.team-content):not(.api-content):not(.profile-content):not(.system-content):not(.export-content):not(.facebook-ads-content):not(.backup-restore-content):not(.customers-grid):not(.leads-grid):not(.projects-grid):not(.interactions-grid):not(.groups-grid):not(.sources-grid):not(.templates-grid):not(.campaigns-grid):not(.meetings-grid):not(.reports-grid):not(.timeline-container){overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;min-width:0!important;flex-shrink:1!important;flex-grow:1!important;display:flex!important;flex-direction:row!important;gap:0!important;margin-left:0!important;padding-left:0!important;position:relative!important;z-index:0!important;background:transparent!important;align-self:stretch!important;max-width:calc(100vw - 280px - .5rem - env(safe-area-inset-right,0))!important}.team-management.management-page .team-content{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0)))!important;max-width:calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0))!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;padding:.5rem!important;box-sizing:border-box!important;border-right:1px solid var(--border)!important}.team-management .page-header .team-tabs{flex-shrink:0!important;margin:0!important;padding:0!important;border:none!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;overflow:visible!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.team-management .page-header .team-tabs .tab-button{font-size:.75rem!important;padding:.375rem .5rem!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:left!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-bottom:2px solid transparent!important;border-radius:4px!important;transition:all .2s ease!important}.team-management .page-header .team-tabs .tab-button:hover{background:var(--bg-secondary)!important}.team-management .page-header .team-tabs .tab-button.active{background:var(--bg-secondary)!important;border-bottom-color:var(--accent)!important}.team-management .team-content-area{flex:1!important;overflow-y:hidden!important;overflow-x:auto!important;min-height:0!important;padding:0!important;width:100%!important;display:flex!important;flex-direction:column!important}.team-management .members-tab,.team-management .invites-tab,.team-management .departments-tab,.team-management .roles-tab{width:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;flex:1!important}.team-management .members-list,.team-management .invites-list{display:flex!important;flex-direction:row!important;gap:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important;width:max-content!important;min-width:100%!important;padding:.5rem!important;-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important}.team-management .member-card,.team-management .invite-card{width:320px!important;min-width:320px!important;max-width:320px!important;flex-shrink:0!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;box-sizing:border-box!important}.team-management .member-card .member-actions,.team-management .invite-card .invite-actions{margin-top:auto!important;width:100%!important;justify-content:flex-end!important}.team-management .departments-grid{display:flex!important;flex-direction:row!important;gap:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important;width:max-content!important;min-width:100%!important;padding:.5rem!important;-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important}.team-management .department-card{width:300px!important;min-width:300px!important;max-width:300px!important;flex-shrink:0!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}.team-management .roles-grid{display:flex!important;flex-direction:row!important;gap:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important;width:max-content!important;min-width:100%!important;padding:.5rem 18rem .5rem .5rem!important;-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important;max-width:none!important}.team-management .role-card{width:280px!important;min-width:280px!important;max-width:280px!important;flex-shrink:0!important;height:100%!important;max-height:calc(100vh - 160px)!important;min-height:250px!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;padding:1rem!important;gap:1rem!important}.team-management .role-card *{box-sizing:border-box!important}.team-management .role-card>*{max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;min-width:0!important}.team-management .role-card-header{flex-shrink:0!important;min-height:0!important;margin:0!important;padding:0!important;gap:.75rem!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important}.team-management .role-card-header>div{flex:1!important;min-width:0!important;max-width:calc(100% - 44px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important;gap:.25rem!important}.team-management .role-card-header h4{word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;font-size:1rem!important;font-weight:600!important;color:var(--fg)!important}.team-management .role-card-header .role-member-count{word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.3!important;margin:0!important;padding:0!important;display:block!important;width:100%!important;max-width:100%!important;font-size:.875rem!important;color:var(--fg-secondary)!important}.team-management .role-card-header .btn-icon{flex-shrink:0!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;padding:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.team-management .role-card .role-description{flex-shrink:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.5!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;font-size:.9rem!important;color:var(--fg-secondary)!important}.team-management .role-card .permissions-section{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;position:relative!important;gap:.5rem!important}.team-management .role-card .permissions-section strong{flex-shrink:0!important;display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-size:.875rem!important;font-weight:600!important;color:var(--fg)!important}.team-management .role-card .permissions-list{flex:1!important;min-height:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:.5rem!important;overflow:visible!important;list-style:none!important}.team-management .role-card .permissions-list li{word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.5!important;padding-left:1.25rem!important;padding-right:.5rem!important;margin:0!important;position:relative!important;width:100%!important;max-width:100%!important;display:block!important;overflow:visible!important;white-space:normal!important;flex:0 0 auto!important;box-sizing:border-box!important;font-size:.875rem!important;color:var(--fg-secondary)!important;min-height:1.5em!important}.team-management .role-card .permissions-list li:before{content:"•"!important;position:absolute!important;left:.25rem!important;top:.125em!important;color:var(--accent)!important;font-weight:700!important;line-height:1.5!important;font-size:.875rem!important}.team-management .role-card .role-members-preview{flex-shrink:0!important;margin:0!important;padding:0!important;padding-top:1rem!important;border-top:1px solid var(--border)!important;width:100%!important;max-width:100%!important;position:relative!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}.team-management .role-card .role-members-preview strong{flex-shrink:0!important;display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-size:.875rem!important;font-weight:600!important;color:var(--fg)!important}.team-management .role-card .role-members-list{word-wrap:break-word!important;overflow-wrap:break-word!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.team-management .role-card .role-member-tag{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important;display:inline-block!important;box-sizing:border-box!important;flex:0 1 auto!important;min-width:0!important;padding:.25rem .5rem!important;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:4px!important;font-size:.8rem!important;color:var(--fg-secondary)!important}.team-management .role-section{width:100%!important;overflow:hidden!important;box-sizing:border-box!important;flex:1!important;min-height:0!important;min-width:0!important;max-height:calc(100vh - 120px)!important;display:flex!important;flex-direction:row!important;gap:1rem!important;padding:1rem 0 .5rem 1rem!important;align-items:flex-start!important}.team-management .role-section-header{flex-shrink:0!important;width:200px!important;min-width:200px!important;max-width:200px!important;padding:0!important;margin:0!important;position:sticky!important;top:0!important;align-self:flex-start!important}.team-management .role-section .roles-grid{flex:1!important;min-width:0!important;margin:0!important;padding:.5rem 18rem 0 .5rem!important;max-height:100%!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;align-items:stretch!important;width:max-content!important;min-width:100%!important;max-width:none!important;-webkit-overflow-scrolling:touch!important}.preferences.management-page .preferences-content{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0)))!important;max-width:calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0))!important;flex-shrink:0!important;display:flex!important;flex-direction:row!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;padding:.5rem!important;box-sizing:border-box!important;border-right:1px solid var(--border)!important;gap:1rem!important}.preferences.management-page .preferences-tabs{flex-shrink:0!important;width:200px!important;min-width:200px!important;max-width:200px!important;margin:0!important;padding:0!important;padding-right:.5rem!important;border-bottom:none!important;border-right:1px solid var(--border)!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;overflow-y:auto!important;overflow-x:hidden!important}.preferences.management-page .preferences-tabs .tab-button{width:100%!important;text-align:left!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important;border-radius:4px!important;border:none!important;background:transparent!important;transition:all .2s ease!important}.preferences.management-page .preferences-tabs .tab-button:hover{background:var(--bg-secondary)!important}.preferences.management-page .preferences-tabs .tab-button.active{background:var(--bg-secondary)!important;border-left:2px solid var(--accent)!important;padding-left:calc(.75rem - 2px)!important}.preferences.management-page .preferences-content-area{flex:1!important;min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:.5rem!important}.preferences.management-page .preferences-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important}.preferences.management-page .preferences-actions .btn-primary,.preferences.management-page .preferences-actions .btn-secondary{width:100%!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important}.notifications.management-page .notifications-content{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0)))!important;max-width:calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0))!important;flex-shrink:0!important;display:flex!important;flex-direction:row!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;padding:.5rem!important;box-sizing:border-box!important;border-right:1px solid var(--border)!important;gap:1rem!important}.notifications.management-page .notifications-tabs{flex-shrink:0!important;width:200px!important;min-width:200px!important;max-width:200px!important;margin:0!important;padding:0!important;padding-right:.5rem!important;border-bottom:none!important;border-right:1px solid var(--border)!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;overflow-y:auto!important;overflow-x:hidden!important}.notifications.management-page .notifications-tabs .tab-button{width:100%!important;text-align:left!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important;border-radius:4px!important;border:none!important;background:transparent!important;transition:all .2s ease!important}.notifications.management-page .notifications-tabs .tab-button:hover{background:var(--bg-secondary)!important}.notifications.management-page .notifications-tabs .tab-button.active{background:var(--bg-secondary)!important;border-left:2px solid var(--accent)!important;padding-left:calc(.75rem - 2px)!important}.notifications.management-page .notifications-content-area{flex:1!important;min-width:0!important;overflow-y:auto!important;overflow-x:visible!important;padding:0!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:.5rem!important;padding-bottom:1rem!important}.notifications.management-page .notifications-settings-grid{grid-template-columns:1fr!important;gap:1rem!important}.notifications.management-page .history-tab{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important;min-width:0!important}.notifications.management-page .history-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;margin-bottom:0!important}.notifications.management-page .history-header h3{font-size:1rem!important;margin:0!important}.notifications.management-page .history-actions{width:100%!important;flex-direction:column!important;gap:.5rem!important}.notifications.management-page .history-actions .btn-secondary,.notifications.management-page .history-actions .btn-danger{width:100%!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important}.notifications.management-page .history-filters{grid-template-columns:1fr!important;gap:.75rem!important;padding:.75rem!important;margin-bottom:0!important}.notifications.management-page .filter-group{width:100%!important}.notifications.management-page .filter-input,.notifications.management-page .filter-select{width:100%!important;font-size:.85rem!important;padding:.5rem .75rem!important}.notifications.management-page .notifications-list-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;padding:.5rem 0!important;margin-bottom:.75rem!important}.notifications.management-page .notifications-list{gap:.75rem!important}.notifications.management-page .notification-item{padding:1rem!important;gap:.75rem!important;flex-direction:row!important;align-items:flex-start!important}.notifications.management-page .notification-icon{width:32px!important;height:32px!important;font-size:1.25rem!important}.notifications.management-page .notification-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;margin-bottom:.5rem!important}.notifications.management-page .notification-meta{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}.notifications.management-page .notification-header h4{font-size:.9rem!important;line-height:1.3!important}.notifications.management-page .notification-message{font-size:.85rem!important;margin-bottom:.5rem!important;line-height:1.4!important}.notifications.management-page .notification-footer{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.notifications.management-page .notification-actions{display:flex!important;gap:.5rem!important;width:100%!important}.notifications.management-page .notification-actions .btn-link{font-size:.8rem!important;padding:.25rem .5rem!important}.notifications.management-page .templates-tab{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important;min-width:0!important;height:100%!important;overflow:visible!important}.notifications.management-page .templates-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;flex-shrink:0!important}.notifications.management-page .templates-header-info h3{font-size:1rem!important;margin-bottom:.25rem!important}.notifications.management-page .templates-header-info p{font-size:.85rem!important}.notifications.management-page .templates-actions{width:100%!important}.notifications.management-page .templates-actions .btn-secondary{width:100%!important;padding:.5rem .75rem!important;font-size:.8rem!important}.notifications.management-page .templates-filters{grid-template-columns:1fr!important;gap:.75rem!important;padding:.75rem!important;flex-shrink:0!important}.notifications.management-page .templates-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;width:100%!important;max-width:100%!important;padding:0 0 1rem!important;overflow:visible!important;min-height:auto!important;border-right:none!important;border-bottom:none!important;position:static!important}.notifications.management-page .templates-grid:after{display:none!important}.notifications.management-page .template-card{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:1rem!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}.api-settings.management-page .api-content{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0)))!important;max-width:calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0))!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;padding:.5rem!important;box-sizing:border-box!important;border-right:1px solid var(--border)!important;gap:0!important;min-height:0!important}.api-settings.management-page .api-content .api-tabs{display:none!important}.api-settings.management-page .page-header .api-tabs{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:.75rem!important;margin-bottom:0!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;border-bottom:none!important;border-top:none!important;padding:0!important;box-sizing:border-box!important;-webkit-overflow-scrolling:auto!important}.api-settings.management-page .page-header .api-tabs .tab-button{width:100%!important;max-width:100%!important;text-align:left!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;border-radius:4px!important;border:none!important;border-bottom:none!important;background:transparent!important;transition:all .2s ease!important;margin:0!important;box-sizing:border-box!important}.api-settings.management-page .page-header .api-tabs .tab-button:hover{background:var(--bg-secondary)!important}.api-settings.management-page .page-header .api-tabs .tab-button.active{background:var(--bg-secondary)!important;border-left:2px solid var(--accent)!important;padding-left:calc(.75rem - 2px)!important}.api-settings.management-page .api-content-area{flex:1!important;min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:.5rem!important;padding-bottom:1rem!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important}.api-settings.management-page .integrations-tab{width:100%!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important}.api-settings.management-page .integrations-tab .preferences-section{width:100%!important;padding:1rem!important;margin:0!important}.api-settings.management-page .integrations-tab .integrations-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:1rem!important;row-gap:1rem!important;column-gap:1rem!important;margin-bottom:1rem!important}.api-settings.management-page .integrations-tab .data-management{width:100%!important;margin-top:1rem!important;padding-top:1rem!important}.api-settings.management-page .integrations-tab .data-actions{flex-wrap:wrap!important;gap:.75rem!important}.user-profile.management-page .profile-content{overflow-x:hidden!important;overflow-y:hidden!important;width:100%!important;min-width:min(500px,calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0)))!important;max-width:calc(100vw - min(280px,30vw) - 1.5rem - env(safe-area-inset-left,0))!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;padding:.5rem!important;box-sizing:border-box!important;border-right:1px solid var(--border)!important;gap:0!important}.user-profile.management-page .profile-content .profile-tabs{display:none!important}.user-profile.management-page .page-header .profile-tabs{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:.75rem!important;margin-bottom:0!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;border-bottom:none!important;border-top:none!important;padding:0!important;box-sizing:border-box!important}.user-profile.management-page .page-header .profile-tabs .tab-button{width:100%!important;max-width:100%!important;text-align:left!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;border-radius:4px!important;border:none!important;border-bottom:none!important;background:transparent!important;transition:all .2s ease!important;margin:0!important;box-sizing:border-box!important}.user-profile.management-page .page-header .profile-tabs .tab-button:hover{background:var(--bg-secondary)!important}.user-profile.management-page .page-header .profile-tabs .tab-button.active{background:var(--bg-secondary)!important;border-left:2px solid var(--accent)!important;padding-left:calc(.75rem - 2px)!important}.user-profile.management-page .profile-content-area{flex:1!important;min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:.5rem!important;padding-bottom:1rem!important;width:100%!important}.user-profile.management-page .profile-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important}.user-profile.management-page .profile-actions .btn-primary,.user-profile.management-page .profile-actions .btn-secondary{width:100%!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important}.user-profile.management-page .edit-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important}.user-profile.management-page .edit-actions .btn-primary,.user-profile.management-page .edit-actions .btn-secondary{width:100%!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important}.management-page .customers-grid,.management-page .leads-grid,.management-page .projects-grid,.management-page .interactions-grid,.management-page .groups-grid,.management-page .sources-grid,.management-page .templates-grid,.customer-management.management-page .customers-grid,.lead-management.management-page .leads-grid,.project-management.management-page .projects-grid,.interaction-management.management-page .interactions-grid,.customer-groups.management-page .groups-grid,.lead-sources.management-page .sources-grid,.project-templates.management-page .templates-grid,.email-campaigns.management-page .campaigns-grid,.meeting-scheduler.management-page .meetings-grid,.customer-reports.management-page .reports-grid,.lead-reports.management-page .reports-grid,.project-reports.management-page .reports-grid{display:flex!important;flex-direction:row!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important;width:calc((100vw - 280px - 4rem - env(safe-area-inset-right,0))*1.1)!important;min-width:0!important;max-width:calc((100vw - 280px - 4rem - env(safe-area-inset-right,0))*1.1)!important;padding:.5rem .5rem 2rem 0!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;margin-left:4rem!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important;box-sizing:border-box!important;position:relative!important;border-right:none!important;border-bottom:1px solid var(--border)!important;background:transparent!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;touch-action:pan-x pan-y!important}.project-templates.management-page .source-metrics,.project-templates.management-page .template-skills,.project-templates.management-page .template-phases{flex:0 0 auto!important}.management-page .customers-grid:after,.management-page .leads-grid:after,.management-page .projects-grid:after,.management-page .interactions-grid:after,.management-page .groups-grid:after,.management-page .sources-grid:after,.management-page .templates-grid:after,.management-page .campaigns-grid:after,.management-page .meetings-grid:after,.management-page .reports-grid:after{content:""!important;display:block!important;width:.5rem!important;min-width:.5rem!important;max-width:.5rem!important;flex:0 0 .5rem!important;height:1px!important;pointer-events:none!important;order:9999!important;visibility:hidden!important}.management-page .customer-card,.management-page .lead-card,.management-page .project-card,.management-page .interaction-card,.management-page .group-card,.management-page .source-card,.management-page .template-card,.management-page .campaign-card,.management-page .meeting-card,.management-page .report-card{width:300px!important;min-width:300px!important;max-width:300px!important;flex-shrink:0!important;height:calc(100vh - 80px - 2rem)!important;max-height:calc(100vh - 80px - 2rem)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:.75rem!important}.management-page .customers-grid>.customer-card:last-child,.management-page .leads-grid>.lead-card:last-child,.management-page .projects-grid>.project-card:last-child,.management-page .interactions-grid>.interaction-card:last-child,.management-page .groups-grid>.group-card:last-child,.management-page .sources-grid>.source-card:last-child,.management-page .templates-grid>.template-card:last-child,.management-page .campaigns-grid>.campaign-card:last-child,.management-page .meetings-grid>.meeting-card:last-child,.management-page .reports-grid>.report-card:last-child{margin-right:0!important}.management-page .source-card .source-header{display:flex!important;align-items:flex-start!important;gap:.75rem!important}.management-page .source-card .source-info{display:flex!important;align-items:flex-start!important;gap:.75rem!important;flex:1!important}.management-page .source-card .source-icon-container{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;width:60px!important}.management-page .source-card .source-icon{width:60px!important;height:40px!important;min-width:60px!important;max-width:60px!important}.management-page .source-card .source-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;width:60px!important}.management-page .source-card .campaign-status-badge{width:100%!important;max-width:100%!important;margin-top:.5rem!important;padding:.25rem .5rem!important;text-align:center!important;white-space:nowrap!important;box-sizing:border-box!important;display:block!important;font-size:.75rem!important}.project-templates.management-page .template-header{gap:.75rem!important}.project-templates.management-page .template-icon-column{width:65px!important;gap:.5rem!important}.project-templates.management-page .template-icon{width:56px!important;height:56px!important;font-size:1.75rem!important}.project-templates.management-page .template-actions{width:100%!important;gap:.5rem!important}.project-templates.management-page .template-action-buttons{flex-direction:column!important;width:100%!important;gap:.35rem!important}.project-templates.management-page .template-info{gap:.5rem!important}.project-templates.management-page .template-info h3,.project-templates.management-page .template-description{-webkit-line-clamp:3!important}.project-templates.management-page .template-metrics{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:.5rem!important}.project-templates.management-page .template-metrics .metric-item{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}.project-templates.management-page .template-details{gap:.5rem!important}.project-templates.management-page .template-skills,.project-templates.management-page .template-phases{margin:0!important;padding:0!important;border:none!important}.project-templates.management-page .skills-list,.project-templates.management-page .phases-preview,.project-templates.management-page .phase-preview{gap:.35rem!important}.management-page .source-card .source-actions .btn-icon{width:60px!important;min-width:60px!important;max-width:60px!important;height:40px!important}.customer-import.management-page .import-content,.management-page .import-content{overflow-y:auto!important;overflow-x:hidden!important;width:calc(100% - 4rem)!important;max-width:calc(100vw - 280px - 4.5rem - env(safe-area-inset-right,0))!important;min-width:0!important;flex-shrink:1!important;flex-grow:1!important;padding:.5rem .5rem 2rem 0!important;margin-left:4rem!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important;box-sizing:border-box!important;position:relative!important;border-right:none!important;border-bottom:1px solid var(--border)!important;background:transparent!important;display:flex!important;flex-direction:column!important;gap:1rem!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;align-self:stretch!important}.customer-import.management-page .import-instructions,.management-page .import-instructions{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;flex-shrink:0!important}.customer-import.management-page .instructions-grid,.management-page .instructions-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.75rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.customer-import.management-page .instruction-card,.management-page .instruction-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}.customer-import.management-page .instruction-card h4,.customer-import.management-page .instruction-card p,.management-page .instruction-card h4,.management-page .instruction-card p{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important}.customer-import.management-page .import-actions,.management-page .import-actions,.customer-import.management-page .import-area,.management-page .import-area{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;flex-shrink:0!important}.customer-import.management-page .drop-zone,.management-page .drop-zone{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:2rem 1.5rem!important;overflow:visible!important}.customer-import.management-page .import-progress,.management-page .import-progress,.customer-import.management-page .import-results,.management-page .import-results{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;flex-shrink:0!important}.customer-import.management-page .errors-list,.management-page .errors-list{max-height:200px!important;overflow-y:auto!important;overflow-x:hidden!important}.lead-conversion.management-page .page-header{z-index:2!important}.lead-conversion.management-page .conversion-content{overflow-y:auto!important;overflow-x:hidden!important;width:calc(100vw - 280px - 4rem)!important;max-width:calc(100vw - 280px - 4rem)!important;min-width:calc(100vw - 280px - 4rem)!important;flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;flex-basis:auto!important;padding:.5rem 0 2rem!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;margin-left:3.5rem!important;margin-right:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:1rem!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:0!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;box-sizing:border-box!important;border:2px solid red!important;border-bottom:1px solid var(--border)!important;-webkit-overflow-scrolling:touch!important;position:relative!important;background:var(--bg)!important}.lead-conversion.management-page .conversion-content>*{flex-shrink:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;align-self:stretch!important}.lead-conversion.management-page .conversion-content>.conversion-metrics{padding-right:0!important;padding-left:0!important}.lead-conversion.management-page .conversion-main-grid{padding-right:0!important;padding-left:0!important;margin-right:0!important}.lead-conversion.management-page .conversion-funnel,.lead-conversion.management-page .conversion-sources{margin-right:0!important;padding-left:calc(1.5rem + env(safe-area-inset-left,0))!important;padding-right:calc(1.5rem + env(safe-area-inset-right,0))!important;width:calc(100% + .5rem)!important;max-width:calc(100% + .5rem)!important}.lead-conversion.management-page .conversion-metrics{flex:0 0 auto!important;width:100%!important;overflow:visible!important}.lead-conversion.management-page .metrics-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:1rem!important;width:100%!important;overflow:visible!important}.lead-conversion.management-page .metric-card{width:100%!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem!important;box-sizing:border-box!important}.lead-conversion.management-page .metric-content{flex:1!important;min-width:0!important;overflow:visible!important}.lead-conversion.management-page .conversion-main-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important;max-width:100%!important;overflow:visible!important;flex:0 0 auto!important;min-height:auto!important;height:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.lead-conversion.management-page .conversion-funnel{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:hidden!important;padding:1rem!important;box-sizing:border-box!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px!important}.lead-conversion.management-page .conversion-funnel h3{flex:0 0 auto!important;margin:0 0 1rem!important;padding:0!important;overflow:visible!important}.lead-conversion.management-page .funnel-stages{display:flex!important;flex-direction:column!important;width:100%!important;flex:0 0 auto!important;min-height:0!important;overflow:visible!important;gap:.75rem!important}.lead-conversion.management-page .funnel-stage{width:100%!important;flex:0 0 auto!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}.lead-conversion.management-page .stage-header{flex:0 0 auto!important;width:100%!important;overflow:visible!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important}.lead-conversion.management-page .stage-info{display:flex!important;align-items:center!important;gap:1rem!important;overflow:visible!important;flex:0 0 auto!important}.lead-conversion.management-page .stage-leads{flex:0 0 auto!important;width:100%!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:1rem!important}.lead-conversion.management-page .lead-item{width:100%!important;flex:0 0 auto!important;overflow:visible!important;display:flex!important;align-items:center!important;gap:.75rem!important;box-sizing:border-box!important}.lead-conversion.management-page .lead-info{flex:1!important;min-width:0!important;overflow:visible!important}.lead-conversion.management-page .conversion-sources{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:hidden!important;padding:1rem!important;box-sizing:border-box!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px!important;margin:0!important;align-self:stretch!important}.lead-conversion.management-page .conversion-sources h3{flex:0 0 auto!important;margin:0 0 1rem!important;padding:0!important;overflow:hidden!important;width:100%!important;max-width:100%!important;min-width:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;box-sizing:border-box!important}.lead-conversion.management-page .sources-grid{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;flex:0 0 auto!important;min-height:0!important;min-width:0!important;overflow:hidden!important;gap:.75rem!important;box-sizing:border-box!important;align-items:stretch!important;align-content:flex-start!important;padding:0!important;margin:0!important}.lead-conversion.management-page .source-conversion-card{width:100%!important;max-width:100%!important;flex:0 0 auto!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;align-self:stretch!important;background:var(--bg-secondary)!important;border-radius:6px!important;padding:1rem!important;gap:.75rem!important;margin:0!important}.lead-conversion.management-page .source-card-header{width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 auto!important;overflow:hidden!important;box-sizing:border-box!important;align-self:stretch!important}.lead-conversion.management-page .source-name{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-overflow:clip!important;font-weight:600!important;font-size:1rem!important;color:var(--fg)!important;margin:0!important;padding:0!important;line-height:1.4!important;text-align:center!important;box-sizing:border-box!important;-webkit-hyphens:auto!important;hyphens:auto!important}.lead-conversion.management-page .source-card-body{width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 auto!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;align-items:center!important}.lead-conversion.management-page .source-conversions{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-overflow:clip!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.25rem!important;box-sizing:border-box!important}.lead-conversion.management-page .source-count-value{font-size:1.5rem!important;font-weight:700!important;color:var(--accent)!important;line-height:1.2!important;overflow:hidden!important;text-overflow:clip!important}.lead-conversion.management-page .source-count-label{font-size:.85rem!important;font-weight:500!important;color:var(--fg-secondary)!important;line-height:1.3!important;overflow:hidden!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.lead-conversion.management-page .source-percentage{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-overflow:clip!important;font-size:.9rem!important;font-weight:500!important;color:var(--fg-secondary)!important;margin:0!important;padding:0!important;line-height:1.3!important;text-align:center!important;box-sizing:border-box!important}.lead-conversion.management-page .source-empty-state{width:100%!important;padding:2rem 1rem!important;text-align:center!important;color:var(--fg-secondary)!important}.lead-conversion.management-page .source-empty-state p{margin:0!important;font-size:.95rem!important}.crm-data-grid{overflow:visible!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:1fr!important;gap:.75rem!important;width:600px!important;min-width:600px!important;max-width:600px!important;flex-shrink:0!important;height:calc(100vh - 180px)!important}@media (orientation: landscape) and (max-height: 768px) and (max-width: 900px){.kpi-section{width:min(160px,18vw)!important;min-width:min(140px,16vw)!important;max-width:160px!important}.chart-section{width:min(350px,38vw)!important;min-width:min(320px,35vw)!important;max-width:350px!important}.bottom-sections-grid .analytics-section{width:min(200px,22vw)!important;min-width:min(180px,20vw)!important;max-width:200px!important}.analytics-header{width:min(240px,26vw)!important;min-width:min(220px,24vw)!important;max-width:240px!important}.analytics-filters .date-filter-branch,.analytics-filters .date-filter-category{min-width:min(90px,10vw)!important;max-width:min(90px,10vw)!important;width:min(90px,10vw)!important}.analytics-filters .date-presets{min-width:min(120px,13vw)!important}}@media (orientation: landscape) and (max-height: 768px) and (max-width: 700px){.kpi-section{width:min(140px,20vw)!important;min-width:min(120px,17vw)!important;max-width:140px!important}.chart-section{width:min(300px,43vw)!important;min-width:min(280px,40vw)!important;max-width:300px!important}.bottom-sections-grid .analytics-section{width:min(180px,26vw)!important;min-width:min(160px,23vw)!important;max-width:180px!important}.analytics-header{width:min(200px,29vw)!important;min-width:min(180px,26vw)!important;max-width:200px!important}.analytics-filters .date-filter-branch,.analytics-filters .date-filter-category{min-width:min(75px,11vw)!important;max-width:min(75px,11vw)!important;width:min(75px,11vw)!important;font-size:clamp(.7rem,1.2vw,.75rem)!important}.analytics-filters .date-presets{min-width:min(100px,14vw)!important}.analytics-filters .date-preset-btn{font-size:clamp(.65rem,1.1vw,.75rem)!important;padding:clamp(.25rem,.6vw,.3rem) clamp(.3rem,.8vw,.4rem)!important}}}.crm-header{background:var(--card);border-bottom:1px solid var(--border);padding:1rem 0;flex-shrink:0;box-sizing:border-box}.crm-header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}@media (min-width: 769px){.crm-dashboard .crm-header-content,.crm-dashboard .crm-container{max-width:100%!important;width:100%!important;padding:0 1.5rem}.crm-dashboard .crm-header-content{padding:0 2rem}.crm-dashboard .crm-container{padding:0 1.5rem}}.crm-nav{display:flex;align-items:center;gap:1.5rem}.crm-nav-link{color:var(--fg-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.crm-nav-link:hover{color:var(--accent)}.crm-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border);overflow-x:auto}.crm-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-icon{font-size:1.1rem}.tab-label{font-size:.9rem}.crm-content{min-height:400px}.crm-metrics{margin-bottom:1rem}.metrics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.metrics-header h3{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0}.refresh-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.refresh-btn:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;min-width:0;max-width:100%}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card.loading{background:var(--bg-secondary);border:1px dashed var(--border)}.metric-skeleton{width:100%;height:2rem;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.metric-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:6px;flex-shrink:0}.metric-content{flex:1;min-width:0;max-width:100%}.metric-value{font-size:1.1rem;font-weight:700;color:var(--fg);margin-bottom:.125rem;line-height:1.2}.metric-title{font-size:.7rem;color:var(--fg-secondary);font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metrics-error{text-align:center;padding:2rem;color:var(--fg-secondary)}.metrics-error button{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline}.crm-overview{display:flex;flex-direction:column;gap:2rem}.crm-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.crm-overview-section h3{font-size:1.25rem;font-weight:600;color:var(--fg);margin-bottom:1rem}.crm-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--fg);margin:0}.section-filters{margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center}.search-box{position:relative;flex:1;max-width:300px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd9641a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--fg-secondary);font-size:.9rem}.filter-group{display:flex;gap:.75rem;align-items:center}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-sizing:border-box}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--fg-secondary)}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.error-message button{background:none;border:none;color:#c33;cursor:pointer;font-size:1.2rem;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;padding:3rem;color:var(--fg-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--fg);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.customer-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.customer-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.customer-avatar{width:3rem;height:3rem;background:var(--accent);color:var(--accent-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.customer-info{flex:1}.customer-name{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 .25rem}.customer-company{font-size:.9rem;color:var(--fg-secondary);margin:0}.customer-actions{display:flex;gap:.5rem}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.9rem;color:var(--fg);flex-shrink:0}.btn-icon:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent);transform:translateY(-1px)}.btn-icon.danger:hover{background:var(--error);color:#fff;border-color:var(--error)}.customer-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.detail-label{color:var(--fg-secondary);font-weight:500}.detail-value{color:var(--fg);font-weight:400}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.lead-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.lead-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.lead-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.lead-info{flex:1}.lead-customer{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 .25rem}.lead-company{font-size:.9rem;color:var(--fg-secondary);margin:0}.lead-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge,.priority-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge.blue{background:#e3f2fd;color:#1976d2}.status-badge.yellow{background:#fff8e1;color:#f57c00}.status-badge.green{background:#e8f5e8;color:#388e3c}.status-badge.purple{background:#f3e5f5;color:#7b1fa2}.status-badge.orange{background:#fff3e0;color:#f57c00}.status-badge.red{background:#ffebee;color:#d32f2f}.priority-badge.low{background:#e8f5e8;color:#388e3c}.priority-badge.medium{background:#fff8e1;color:#f57c00}.priority-badge.high{background:#fff3e0;color:#f57c00}.priority-badge.urgent{background:#ffebee;color:#d32f2f}.lead-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.lead-actions{display:flex;justify-content:flex-end}.status-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-sizing:border-box}.status-select:focus{outline:none;border-color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.project-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-info{flex:1}.project-name{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 .25rem}.project-customer{font-size:.9rem;color:var(--fg-secondary);margin:0}.project-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.branch-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);color:var(--fg-secondary)}.project-description{margin-bottom:1rem}.project-description p{color:var(--fg-secondary);font-size:.9rem;margin:0;line-height:1.5}.project-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.project-progress{margin-top:1rem}.interactions-section{margin-bottom:2rem}.interaction-filters{margin-bottom:1.5rem}.interaction-timeline{position:relative;padding-left:2rem}.interaction-item{position:relative;margin-bottom:2rem}.interaction-timeline-marker{position:absolute;left:-2rem;top:0;display:flex;flex-direction:column;align-items:center}.interaction-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:2px solid var(--bg);z-index:2}.interaction-icon.blue{background:#e3f2fd;color:#1976d2}.interaction-icon.green{background:#e8f5e8;color:#388e3c}.interaction-icon.purple{background:#f3e5f5;color:#7b1fa2}.interaction-icon.gray{background:#f5f5f5;color:#666}.interaction-icon.orange{background:#fff3e0;color:#f57c00}.interaction-icon.yellow{background:#fff8e1;color:#f57c00}.timeline-line{width:2px;height:2rem;background:var(--border);margin-top:.5rem}.interaction-content{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-left:1rem}.interaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge.blue{background:#e3f2fd;color:#1976d2}.type-badge.green{background:#e8f5e8;color:#388e3c}.type-badge.purple{background:#f3e5f5;color:#7b1fa2}.type-badge.gray{background:#f5f5f5;color:#666}.type-badge.orange{background:#fff3e0;color:#f57c00}.type-badge.yellow{background:#fff8e1;color:#f57c00}.interaction-date{font-size:.85rem;color:var(--fg-secondary)}.interaction-subject h4{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 .5rem}.interaction-notes{margin-bottom:1rem}.interaction-notes p{color:var(--fg-secondary);line-height:1.5;margin:0}.interaction-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--fg-secondary)}.interaction-author{font-weight:500}.interaction-context{font-style:italic}div.modal-overlay,.modal-overlay,[class*=modal-overlay],body>.modal-overlay,#root .modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:1rem!important;padding-left:calc(1rem + env(safe-area-inset-left,0))!important;padding-right:calc(1rem + env(safe-area-inset-right,0))!important;padding-top:calc(1rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;box-sizing:border-box!important;margin:0!important;transform:none!important;isolation:isolate!important}.modal-content{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:12px!important;max-width:500px!important;width:100%!important;max-height:90%!important;overflow-y:auto!important}.modal-content.source-modal{max-width:500px}.modal-content.lead-modal{max-width:1400px;width:98%;max-height:95vh}@media (max-width: 768px) and (orientation: portrait){.modal-overlay{align-items:flex-start;padding:.5rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));bottom:0;height:100dvh;max-height:100dvh}.modal-content{max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-top:auto;margin-bottom:auto;width:calc(100% - 1rem);max-width:none}.modal-content.lead-modal{max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (max-width: 768px) and (orientation: landscape){div.modal-overlay,.modal-overlay,[class*=modal-overlay],body>.modal-overlay,#root .modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;padding-top:max(.5rem,env(safe-area-inset-top,0))!important;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0))!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;transform:none!important;overflow:visible!important}.modal-header{padding:1rem;position:sticky;top:0;background:var(--bg);z-index:1}.modal-body{padding:1rem 1rem .5rem}.modal-footer{padding:1rem;position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border);z-index:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--fg);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--fg-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--fg)}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--fg);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.9rem;transition:border-color .2s ease;box-sizing:border-box}.form-group select{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd9641a}@media (max-width: 768px){.crm-search-tabs-row{flex-direction:column;align-items:stretch;gap:1rem}.crm-global-search{min-width:auto}.crm-tabs{flex-wrap:wrap;justify-content:center}.crm-tab{flex:1;min-width:120px;justify-content:center}.metrics-grid,.crm-overview-grid,.customers-grid,.leads-grid,.projects-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:none;max-height:95%}.interaction-timeline{padding-left:1rem}.interaction-timeline-marker{left:-1rem}.interaction-content{margin-left:.5rem}.crm-data-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.crm-grid-section{min-height:200px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.metric-card{padding:.5rem}.metric-icon{width:1.5rem;height:1.5rem;font-size:1rem}.metric-value{font-size:1rem}.metric-title{font-size:.65rem}}@media (max-width: 480px){.crm-header-content{padding:0 1rem}.crm-container{padding:0}.crm-welcome-compact{padding:0 1rem!important}.crm-welcome-compact h2{font-size:1.1rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.crm-data-grid{gap:.75rem}.crm-grid-section{padding:.75rem;min-height:180px}.section-header-compact h3{font-size:.9rem}.customer-card-compact{padding:.5rem}.customer-avatar-compact{width:1.5rem;height:1.5rem;font-size:.7rem}.customer-name-compact{font-size:.8rem}.customer-company-compact{font-size:.7rem}.btn-icon-compact{width:1.25rem;height:1.25rem;font-size:.6rem}}.crm-search-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.crm-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-shrink:0}.fullscreen-chart-modal{z-index:10000!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding-top:calc(1rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;padding-left:calc(1rem + env(safe-area-inset-left,0))!important;padding-right:calc(1rem + env(safe-area-inset-right,0))!important}.fullscreen-chart-modal>div:first-child{position:relative!important;z-index:10001!important;padding-top:env(safe-area-inset-top,0)!important}body.fullscreen-chart-active .crm-search-row,body.fullscreen-chart-active .crm-welcome-compact{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}@media (orientation: landscape) and (max-height: 768px){body.fullscreen-chart-active .crm-header{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}}@media (max-width: 768px){.crm-search-row{margin-bottom:1rem}}.management-page{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:0}.lead-conversion.management-page{overflow:hidden;height:100%;display:flex;flex-direction:column}.project-timeline.management-page{overflow-y:auto;overflow-x:hidden;height:100%;padding:0 1rem}.lead-conversion .page-header{flex-shrink:0;padding-top:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border)}.project-timeline .page-header{position:sticky;top:0;background:var(--bg);z-index:10;padding-top:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}@media (max-width: 768px){.lead-conversion.management-page{overflow:visible;height:auto;padding:0}.lead-conversion .page-header{position:static!important;width:100%!important;height:auto!important;overflow:visible!important;border-right:none!important;padding:1rem 1rem .75rem!important;flex-direction:column!important;gap:1rem!important;box-shadow:none!important}.lead-conversion .page-header .page-title h1{font-size:1.25rem!important;margin:0!important}.lead-conversion .page-header .page-title p{font-size:.85rem!important;margin:.25rem 0 0!important}.lead-conversion .filters-section{width:100%!important;position:static!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}.lead-conversion .filters-section .filter-controls{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%!important;align-items:stretch!important}.lead-conversion .filters-section .filter-select{width:100%!important;max-width:100%!important;font-size:.9rem!important;padding:.75rem 2.5rem .75rem 1rem!important}.conversion-content{padding:1rem!important;overflow:visible!important}.conversion-main-grid{grid-template-columns:1fr!important;gap:1rem!important;overflow:visible!important}.project-timeline.management-page{overflow:visible;height:auto;padding:0 1rem}.project-timeline .page-header,.project-timeline .filters-section{position:static}.project-timeline .timeline-container,.project-timeline .timeline{padding-right:0!important}.project-timeline .timeline-item{padding-left:0!important}.project-timeline .timeline-content{margin-left:0!important}.project-timeline .timeline-marker,.project-timeline .timeline-line{left:-1rem!important}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:.5rem 0 .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0));padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0));padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);border-bottom:1px solid var(--border);flex-shrink:0;box-sizing:border-box}@media (max-width: 768px) and (orientation: portrait){.management-page .page-header{position:static!important;left:auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;border-right:none!important;padding:1rem 1rem .75rem!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:1rem!important;box-shadow:none!important}.management-page .page-header .page-title h1{font-size:1.5rem!important}.management-page .page-header .page-title p{font-size:.9rem!important}.management-page .page-header .btn-primary{width:100%!important;padding:.75rem 1rem!important;font-size:.9rem!important}.management-page .filters-section{width:100%!important}.management-page .filters-section .search-input{font-size:.9rem!important;padding:.75rem 1rem .75rem 2.5rem!important}.management-page .filters-section .filter-select{font-size:.9rem!important;padding:.75rem 2.5rem .75rem 1rem!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:12px!important}.management-page{overflow:visible!important;height:auto!important;display:flex!important;flex-direction:column!important;width:100%!important}.management-page>*:not(.page-header),.management-page .page-header+*{width:100%!important;max-width:100%!important;min-width:auto!important;overflow:visible!important;display:block!important}.management-page .customers-grid,.management-page .leads-grid,.management-page .projects-grid,.management-page .interactions-grid,.management-page .groups-grid,.management-page .sources-grid,.management-page .templates-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important;overflow:visible!important;min-height:auto!important;width:100%!important;max-width:100%!important;border-right:none!important;border-bottom:none!important}.management-page .customers-grid:after,.management-page .leads-grid:after,.management-page .projects-grid:after,.management-page .interactions-grid:after,.management-page .groups-grid:after,.management-page .sources-grid:after,.management-page .templates-grid:after{display:none!important}}.page-title h1{font-size:1.75rem;font-weight:600;color:var(--fg);margin-bottom:.25rem}.page-title p{color:var(--fg-secondary);font-size:.9rem;margin:0}.filters-section{display:flex;gap:1.5rem;row-gap:.75rem;margin-bottom:1rem;align-items:flex-start;flex-wrap:wrap;flex-shrink:0;padding:0 1rem;box-sizing:border-box}.search-box{position:relative;flex:1;min-width:300px;margin-bottom:.5rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--fg-secondary);font-size:1rem}.filter-controls{display:flex;gap:.75rem;flex-wrap:wrap;align-items:stretch;flex:1;min-width:300px}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;width:100%;min-width:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.filter-select:focus{outline:none;border-color:var(--accent)}.archive-toggle{min-width:200px;flex:1 1 auto;align-self:stretch}.customer-management .customers-grid,.lead-management .leads-grid,.project-management .projects-grid,.interaction-management .interactions-grid,.customer-groups .groups-grid,.lead-sources .sources-grid,.project-templates .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;margin:0;min-height:0;align-content:start}@media (orientation: landscape) and (max-height: 768px){.customer-management.management-page .customers-grid,.lead-management.management-page .leads-grid,.project-management.management-page .projects-grid,.interaction-management.management-page .interactions-grid,.customer-groups.management-page .groups-grid,.lead-sources.management-page .sources-grid,.project-templates.management-page .templates-grid,.email-campaigns.management-page .campaigns-grid,.meeting-scheduler.management-page .meetings-grid,.customer-reports.management-page .reports-grid,.lead-reports.management-page .reports-grid,.project-reports.management-page .reports-grid{margin-left:4rem!important}.project-templates.management-page .template-card.source-card{width:300px!important;min-width:300px!important;max-width:300px!important;flex:0 0 300px!important;height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;padding:.75rem!important;border-radius:12px!important;position:relative!important;touch-action:pan-y pan-x!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.project-templates.management-page .template-card.source-card>*{min-height:0!important;flex-shrink:0!important}.project-templates.management-page .template-card.source-card .source-header{flex:0 0 auto!important;flex-shrink:0!important;flex-grow:0!important;min-height:0!important;overflow:visible!important}.project-templates.management-page .template-card-body{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;overflow:visible!important;padding-right:.25rem!important;margin-top:.75rem!important;gap:.75rem!important;width:100%!important}.email-campaigns.management-page .campaign-card.source-card{width:300px!important;min-width:300px!important;max-width:300px!important;flex:0 0 300px!important;height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;padding:.75rem!important;border-radius:12px!important;position:relative!important;touch-action:pan-y pan-x!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.email-campaigns.management-page .campaign-card.source-card>*{min-height:0!important;flex-shrink:0!important}.email-campaigns.management-page .campaign-card.source-card .source-header{flex:0 0 auto!important;flex-shrink:0!important;flex-grow:0!important;min-height:0!important;overflow:visible!important}.email-campaigns.management-page .campaign-card-body{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;overflow:visible!important;padding-right:.25rem!important;margin-top:.75rem!important;gap:.75rem!important;width:100%!important}.meeting-scheduler.management-page .meeting-card.source-card{width:300px!important;min-width:300px!important;max-width:300px!important;flex:0 0 300px!important;height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;padding:.75rem!important;border-radius:12px!important;position:relative!important;touch-action:pan-y pan-x!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.meeting-scheduler.management-page .meeting-card.source-card>*{min-height:0!important;flex-shrink:0!important}.meeting-scheduler.management-page .meeting-card.source-card .source-header{flex:0 0 auto!important;flex-shrink:0!important;flex-grow:0!important;min-height:0!important;overflow:visible!important}.meeting-scheduler.management-page .meeting-card-body{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;overflow:visible!important;padding-right:.25rem!important;margin-top:.75rem!important;gap:.75rem!important;width:100%!important}.meeting-scheduler.management-page .meeting-card.source-card .meeting-status-badge{width:100%!important;max-width:100%!important;margin-top:.5rem!important;padding:.25rem .5rem!important;text-align:center!important;white-space:nowrap!important;box-sizing:border-box!important;display:block!important;font-size:.75rem!important}.customer-reports.management-page .report-card.source-card,.lead-reports.management-page .report-card.source-card,.project-reports.management-page .report-card.source-card{width:300px!important;min-width:300px!important;max-width:300px!important;flex:0 0 300px!important;height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - 2.5rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;padding:.75rem!important;border-radius:12px!important;position:relative!important;touch-action:pan-y pan-x!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.customer-reports.management-page .report-card.source-card>*,.lead-reports.management-page .report-card.source-card>*,.project-reports.management-page .report-card.source-card>*{min-height:0!important;flex-shrink:0!important}.customer-reports.management-page .report-card.source-card .source-header,.lead-reports.management-page .report-card.source-card .source-header,.project-reports.management-page .report-card.source-card .source-header{flex:0 0 auto!important;flex-shrink:0!important;flex-grow:0!important;min-height:0!important;overflow:visible!important}.customer-reports.management-page .report-card-body,.lead-reports.management-page .report-card-body,.project-reports.management-page .report-card-body{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;overflow:visible!important;padding-right:.25rem!important;margin-top:.75rem!important;gap:.75rem!important;width:100%!important}.sales-analytics.management-page{padding:0!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:.5rem!important}.sales-analytics.management-page .analytics-content{display:flex!important;flex-direction:column!important;margin-left:3.5rem!important;padding:.5rem 0 2rem!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;width:calc(100vw - 280px - 4rem)!important;max-width:calc(100vw - 280px - 4rem)!important;min-width:calc(100vw - 280px - 4rem)!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:0!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:stretch!important;box-sizing:border-box!important;background:var(--bg)!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;gap:1rem!important}.sales-analytics.management-page .analytics-content>*{min-height:0!important;flex-shrink:0!important;width:100%!important;box-sizing:border-box!important}.sales-analytics.management-page .analytics-metrics{margin:0!important;padding:0!important}.sales-analytics.management-page .metrics-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:1rem!important;width:100%!important}.sales-analytics.management-page .metric-card{width:100%!important}.sales-analytics.management-page .analytics-main-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important;min-height:auto!important;height:auto!important;overflow:visible!important}.sales-analytics.management-page .analytics-panel{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:1.25rem!important;display:flex!important;flex-direction:column!important;gap:1.25rem!important;width:100%!important;min-height:0!important;box-sizing:border-box!important}.sales-analytics.management-page .panel-heading{display:flex!important;flex-direction:column!important;gap:.25rem!important}.sales-analytics.management-page .panel-heading h3{margin:0!important;font-size:1rem!important;color:var(--fg)!important}.sales-analytics.management-page .panel-heading p{margin:0!important;font-size:.8rem!important;color:var(--fg-secondary)!important}.sales-analytics.management-page .panel-heading.compact h3{font-size:.95rem!important}.sales-analytics.management-page .panel-divider{width:100%!important;height:1px!important;background:var(--border)!important;opacity:.6!important}.sales-analytics.management-page .revenue-grid,.sales-analytics.management-page .pipeline-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:1.25rem!important;row-gap:1.25rem!important;width:100%!important}.sales-analytics.management-page .pipeline-card,.sales-analytics.management-page .revenue-card{text-align:left!important}.sales-analytics.management-page .analytics-trends-panel{min-height:0!important}.sales-analytics.management-page .trends-table-wrapper{flex:1!important;min-height:0!important;width:100%!important;overflow:auto!important}.sales-analytics.management-page .trends-table{width:100%!important;min-width:520px!important;padding-bottom:0!important}.project-timeline.management-page{padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:.5rem!important}.project-timeline.management-page .timeline-container{margin-left:4rem!important;padding:.5rem .5rem 2rem 0!important;padding-right:calc(.5rem + env(safe-area-inset-right,0))!important;width:calc((100vw - 280px - 4rem - env(safe-area-inset-right,0))*1.1)!important;max-width:calc((100vw - 280px - 4rem - env(safe-area-inset-right,0))*1.1)!important;min-width:0!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;min-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:stretch!important;box-sizing:border-box!important;background:transparent!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important}.project-timeline.management-page .timeline-container .timeline{width:100%!important;max-width:100%!important;padding-right:0!important;padding-left:0!important;box-sizing:border-box!important}.project-timeline.management-page .timeline-container .timeline-section-header,.project-timeline.management-page .timeline-container .timeline-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}@media (max-width: 768px){.customer-management .customers-grid,.lead-management .leads-grid,.project-management .projects-grid,.interaction-management .interactions-grid,.customer-groups .groups-grid,.lead-sources .sources-grid,.project-templates .templates-grid{grid-template-columns:1fr;gap:1rem!important;overflow:visible;min-height:auto;padding:1rem!important}}.customer-management .customer-card,.lead-management .lead-card,.project-management .project-card,.interaction-management .interaction-card,.customer-groups .group-card,.lead-sources .source-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.75rem;transition:all .2s ease;min-height:200px;height:auto;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;min-width:0;max-width:100%;box-sizing:border-box;width:100%}.customer-management .customer-card:hover,.lead-management .lead-card:hover,.project-management .project-card:hover,.interaction-management .interaction-card:hover,.customer-groups .group-card:hover,.lead-sources .source-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.customer-management .customer-actions,.lead-management .lead-actions,.project-management .project-actions,.interaction-management .interaction-actions{display:flex;gap:.5rem;flex-shrink:0;min-width:0;max-width:100%}.customer-management .customer-header,.lead-management .lead-header,.project-management .project-header,.interaction-management .interaction-header{display:flex;justify-content:space-between;align-items:flex-start!important;margin-bottom:.75rem;flex-shrink:0;min-width:0;max-width:100%;gap:.5rem;box-sizing:border-box;position:relative}.customer-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;margin-right:1rem;flex-shrink:0}.customer-management .customer-avatar,.lead-management .customer-avatar,.project-management .customer-avatar,.interaction-management .customer-avatar{width:36px;height:36px;font-size:1rem;margin-right:.75rem}.customer-info,.lead-info,.project-info,.interaction-info{flex:1;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.customer-info h3,.lead-info h3,.project-info h3,.interaction-info h3{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 .25rem!important;padding-top:0!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.customer-company,.lead-company,.project-customer,.interaction-customer{color:var(--fg-secondary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.customer-actions,.lead-actions,.project-actions,.interaction-actions{display:flex;gap:.5rem;flex-shrink:0!important;align-items:flex-start;align-self:flex-start!important;margin-top:0!important;padding-top:0!important}.customer-management .customer-details,.lead-management .lead-details,.project-management .project-details,.interaction-management .interaction-details{margin-bottom:.5rem;flex:1;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;min-height:0;min-width:0;max-width:100%}.customer-management .detail-item,.lead-management .detail-item,.project-management .detail-item,.interaction-management .detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.85rem;min-height:1.25rem;min-width:0;max-width:100%}.detail-label{color:var(--fg-secondary);font-weight:500;flex-shrink:0;min-width:80px}.detail-value{color:var(--fg);text-align:right;flex:1;margin-left:1rem;word-break:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;overflow:hidden}.status-badge,.priority-badge,.type-badge{font-weight:600;text-transform:capitalize}.project-progress{margin-bottom:.5rem;flex-shrink:0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500}.progress-percentage{font-size:.9rem;color:var(--fg);font-weight:600}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.customer-notes,.lead-notes,.project-notes,.interaction-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;min-height:0}.lead-notes{max-height:200px;min-height:120px}.project-notes,.interaction-notes{max-height:150px;min-height:100px}.project-summary{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border);flex-shrink:0;text-align:center}.summary-text{font-size:.8rem;color:var(--fg-secondary);font-style:italic}.project-detail-modal{max-width:800px;max-height:90%;width:90%}.project-detail-body{max-height:calc(90% - 120px);overflow-y:auto}.project-detail-grid{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.detail-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--fg);border-bottom:1px solid var(--border);padding-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:.75rem;min-width:0;max-width:100%}.detail-item-full{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.detail-item-full:last-child{border-bottom:none}.detail-item-full .detail-label{font-weight:600;color:var(--fg-secondary);min-width:120px}.detail-item-full .detail-value{color:var(--fg);text-align:right;flex:1;margin-left:1rem}.progress-section{padding:1rem;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.description-content,.notes-content{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1rem;margin-top:.5rem}.description-content p,.notes-content p{margin:0;line-height:1.6;color:var(--fg)}.interaction-detail-modal{max-width:800px;max-height:90vh;width:90vw}.interaction-detail-body{max-height:calc(90vh - 120px);overflow-y:auto}.interaction-detail-grid{display:flex;flex-direction:column;gap:1.5rem;min-width:0;max-width:100%}.interaction-summary{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border);flex-shrink:0;text-align:center}.content-section,.notes-section{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1rem;margin-top:.5rem}.content-section p,.notes-section p{margin:0;line-height:1.6;color:var(--fg)}.notes-label{font-size:.9rem;color:var(--fg-secondary);font-weight:600;display:block;margin-bottom:.75rem;flex-shrink:0}.notes-content{color:var(--fg);font-size:.9rem;line-height:1.5;margin:0;padding:0 1.75rem}.notes-log{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:.5rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border)}.notes-log-entry{display:flex;gap:.75rem;align-items:flex-start;padding:.5rem;background:var(--bg);border-radius:4px;border-left:3px solid var(--accent);font-size:.85rem;line-height:1.5}.notes-log-time{color:var(--fg-secondary);font-size:.75rem;font-weight:600;flex-shrink:0;min-width:80px;padding-top:.125rem}.notes-log-content{color:var(--fg);flex:1;word-wrap:break-word;white-space:pre-wrap}.notes-form-group{grid-column:1 / -1}.notes-log-container{display:flex;flex-direction:column;gap:1rem;min-height:300px;max-height:500px}.notes-input-section{display:flex;gap:.5rem;flex-shrink:0}.notes-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;transition:border-color .2s ease}.notes-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.btn-add-note{padding:.75rem 1.5rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-add-note:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-add-note:disabled{opacity:.5;cursor:not-allowed}.notes-log-modal{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border)}.notes-empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border);color:var(--fg-secondary);font-size:.9rem;text-align:center}.notes-empty-state p{margin:0}.interaction-content{margin-bottom:1rem}.content-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.content-text{color:var(--fg);font-size:.9rem;line-height:1.5;margin:0;background:var(--bg-secondary);padding:.75rem;border-radius:4px}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--fg-secondary)}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--fg)}.empty-state p{font-size:1rem;margin:0}.loading-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--fg-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customer-modal,.lead-modal{max-width:1400px;width:98%;max-height:95vh;overflow-y:auto}.project-modal,.interaction-modal{max-width:600px;max-height:90vh;overflow-y:auto}.customer-form,.lead-form,.project-form,.interaction-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.form-group textarea{resize:vertical;min-height:80px}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.group-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;max-width:100%}.group-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.group-color{width:20px;height:20px;border-radius:50%;flex-shrink:0}.group-description{color:var(--fg-secondary);font-size:.9rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.group-actions{display:flex;gap:.5rem}.group-stats{margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:6px}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.stat-label{color:var(--fg-secondary);font-weight:500}.stat-value{color:var(--fg);font-weight:600}.group-customers{margin-top:1rem}.customers-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.customers-list{display:flex;flex-direction:column;gap:.5rem}.customer-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px}.customer-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.customer-details{flex:1;display:flex;flex-direction:column;gap:.125rem}.customer-name{font-size:.9rem;font-weight:500;color:var(--fg)}.customer-company{font-size:.8rem;color:var(--fg-secondary)}.no-customers{color:var(--fg-secondary);font-style:italic;text-align:center;padding:1rem;margin:0}.group-modal{max-width:600px;max-height:90vh;overflow-y:auto}.group-form{display:flex;flex-direction:column;gap:1rem}.color-picker{display:flex;align-items:center;gap:.75rem}.color-picker input[type=color]{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer}.color-preview{width:20px;height:20px;border-radius:50%;border:2px solid var(--border)}.customer-selection{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:.5rem}.customer-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.customer-option:hover{background:var(--bg-secondary)}.customer-option.selected{background:var(--accent);color:var(--accent-text)}.selection-indicator{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.customer-option.selected .selection-indicator{background:var(--accent-text);color:var(--accent);border-color:var(--accent-text)}.source-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.source-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;max-width:100%}.source-icon{font-size:1.5rem;width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary);flex-shrink:0}.source-info>div{flex:1;min-width:0;max-width:100%}.source-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--fg);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.source-description{color:var(--fg-secondary);font-size:.9rem;margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.source-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.source-actions .status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.source-actions .btn-icon{padding:.5rem}.status-badge.active{background:var(--success);color:#fff}.status-badge.inactive{background:var(--muted);color:var(--fg-secondary)}.source-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:6px;box-sizing:border-box;width:100%;min-width:0}.metric-item{text-align:center;min-width:0;max-width:100%;overflow:hidden;padding:0 .25rem;box-sizing:border-box}.metric-label{display:block;font-size:.7rem;color:var(--fg-secondary);font-weight:500;margin-bottom:.25rem;line-height:1.2;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible}.metric-value{display:block;font-size:.95rem;font-weight:600;color:var(--fg);line-height:1.2;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible}@media (max-width: 768px){.source-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;width:100%}.source-info{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0;overflow:visible}.source-icon-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0;width:60px}.source-icon{font-size:1.5rem;width:60px;height:40px;min-width:60px;max-width:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary);box-sizing:border-box}.source-info>div{flex:1;min-width:0;overflow:visible}.source-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--fg);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;white-space:normal;overflow:visible}.source-description{color:var(--fg-secondary);font-size:.85rem;margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;white-space:normal;overflow:visible}.source-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0;width:60px}.source-actions .status-badge{width:60px;min-width:60px;max-width:60px;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;text-align:center;box-sizing:border-box;white-space:nowrap;overflow:visible}.source-actions .btn-icon{width:60px;min-width:60px;max-width:60px;height:40px;min-height:40px;max-height:40px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}}@media (max-width: 768px) and (orientation: landscape){.source-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;width:60px!important}.source-actions .status-badge{width:60px!important;min-width:60px!important;max-width:60px!important}.source-actions .btn-icon{width:60px!important;min-width:60px!important;max-width:60px!important;height:40px!important}}.source-type{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border);min-width:0;width:100%;flex-wrap:wrap}@media (max-width: 768px){.source-type{margin-top:.5rem;padding-top:0;border-top:none}}.type-label{font-size:.85rem;color:var(--fg-secondary);font-weight:500;flex-shrink:0}.type-badge{font-size:.85rem;font-weight:600;text-transform:capitalize;min-width:0;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.source-modal{max-width:500px;max-height:90vh;overflow-y:auto}@media (max-width: 768px) and (orientation: portrait){.source-modal{max-width:calc(100% - 1rem)!important;width:calc(100% - 1rem)!important;max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:auto!important;margin:.5rem!important;margin-top:max(.5rem,env(safe-area-inset-top))!important;margin-bottom:max(.5rem,env(safe-area-inset-bottom))!important;border-radius:12px 12px 0 0!important;display:flex!important;flex-direction:column!important;position:fixed!important;bottom:0!important;top:auto!important;left:.5rem!important;right:.5rem!important}.source-modal .modal-header{flex-shrink:0!important;padding:1rem!important;border-bottom:1px solid var(--border)!important}.source-modal .modal-body{flex:1!important;overflow-y:auto!important;padding:1rem 1rem .5rem!important;min-height:0!important;-webkit-overflow-scrolling:touch!important}.source-modal .modal-footer{flex-shrink:0!important;padding:1rem!important;border-top:1px solid var(--border)!important;background:var(--bg)!important;display:flex!important;gap:.75rem!important;justify-content:flex-end!important}.source-modal .modal-footer button{flex:1!important;min-width:0!important}.source-form{gap:1.25rem!important}.source-form .form-group{margin-bottom:0!important}.source-form input,.source-form textarea,.source-form select{font-size:16px!important;padding:.75rem!important}}@media (max-width: 768px) and (orientation: landscape){.modal-overlay>.modal-content.source-modal,.modal-overlay>.source-modal,.modal-overlay .modal-content.source-modal,.modal-overlay .source-modal,.modal-content.source-modal,div.modal-content.source-modal,div.source-modal,.source-modal{max-width:calc(100vw - 1rem)!important;width:calc(100vw - 1rem)!important;min-width:calc(100vw - 1rem)!important;max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:auto!important;margin:0 auto!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;box-sizing:border-box!important;flex-shrink:0!important;flex-grow:0!important;transform:none!important}.source-modal .modal-header{flex-shrink:0!important;padding:.75rem 1rem!important;border-bottom:1px solid var(--border)!important}.source-modal .modal-header h3{font-size:1.1rem!important}.source-modal .modal-body{flex:1!important;overflow-y:auto!important;padding:.75rem 1rem .5rem!important;min-height:0!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100dvh - 200px)!important}.source-modal .modal-footer{flex-shrink:0!important;padding:.75rem 1rem!important;border-top:1px solid var(--border)!important;background:var(--bg)!important;display:flex!important;gap:.75rem!important;justify-content:flex-end!important}.source-modal .modal-footer button{padding:.5rem 1rem!important;font-size:.9rem!important}.source-form{gap:1rem!important}.source-form .form-group{margin-bottom:0!important}.source-form .form-group label{font-size:.85rem!important;margin-bottom:.375rem!important}.source-form input,.source-form textarea,.source-form select{font-size:16px!important;padding:.5rem .75rem!important}.source-form textarea{min-height:60px!important;resize:vertical!important}}.source-form{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--fg)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.checkmark{font-size:.9rem}.import-instructions{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.import-instructions h3{margin:0 0 1rem;color:var(--fg);font-size:1.2rem}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.instruction-card{background:var(--bg-secondary);border-radius:6px;padding:1rem;text-align:center;min-width:0;max-width:100%}.instruction-icon{font-size:2rem;margin-bottom:.5rem}.instruction-card h4{margin:0 0 .5rem;color:var(--fg);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.instruction-card p{margin:0;color:var(--fg-secondary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.import-actions{display:flex;justify-content:center;margin-bottom:2rem}.import-area{display:flex;justify-content:center}.drop-zone{border:2px dashed var(--border);border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--card);min-width:400px}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--bg-secondary)}.drop-zone-content h3{margin:0 0 .5rem;color:var(--fg)}.drop-zone-content p{margin:0 0 1rem;color:var(--fg-secondary)}.file-types{font-size:.9rem;color:var(--fg-secondary);font-style:italic}.import-progress{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--card);border-radius:8px;border:1px solid var(--border)}.import-results{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.import-results h3{margin:0 0 1rem;color:var(--fg)}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.result-item{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:6px;background:var(--bg-secondary);min-width:0;max-width:100%}.result-item.success{border-left:4px solid var(--success)}.result-item.failed{border-left:4px solid var(--danger)}.result-icon{font-size:1.2rem}.result-label{color:var(--fg-secondary);font-weight:500}.result-value{color:var(--fg);font-weight:600;font-size:1.1rem}.import-errors{margin-top:1rem}.import-errors h4{margin:0 0 .5rem;color:var(--danger)}.errors-list{max-height:200px;overflow-y:auto;background:var(--bg-secondary);border-radius:4px;padding:.5rem}.error-item{padding:.5rem;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--fg)}.error-item:last-child{border-bottom:none}.conversion-content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden;min-height:0;padding:1rem}.conversion-metrics{flex-shrink:0;margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;row-gap:1.5rem;column-gap:1.5rem;align-items:stretch}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;min-width:0;max-width:100%;height:100%;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.metric-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;flex-shrink:0}.metric-content{flex:1;min-width:0;max-width:100%;overflow:hidden}.metric-content h3{margin:0 0 .25rem!important;padding-top:0!important;color:var(--fg-secondary);font-size:.9rem;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.metric-content .metric-value{margin:0;color:var(--fg);font-size:1.5rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;white-space:nowrap}.metric-content .metric-growth{word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.conversion-main-grid{flex:1;display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;overflow:hidden;min-height:0}.conversion-funnel{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;overflow:hidden;min-height:0}.conversion-funnel h3{margin:0 0 1.5rem;color:var(--fg)}.funnel-stages{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.funnel-stage{background:var(--bg-secondary);border-radius:6px;padding:1rem;min-width:0;max-width:100%}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stage-info{display:flex;align-items:center;gap:1rem}.stage-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:6px}.stage-info h4{margin:0 0 .25rem;color:var(--fg);font-size:1rem}.stage-count{margin:0;color:var(--fg-secondary);font-size:.9rem}.stage-metrics{text-align:right}.conversion-rate{color:var(--accent);font-weight:600;font-size:.9rem}.stage-leads{display:flex;flex-direction:column;gap:.5rem}.lead-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--card);border-radius:4px;min-width:0;max-width:100%}.lead-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.lead-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.lead-name{font-size:.9rem;font-weight:500;color:var(--fg)}.lead-company{font-size:.8rem;color:var(--fg-secondary)}.lead-value{font-size:.9rem;font-weight:600;color:var(--accent)}.more-leads{text-align:center;color:var(--fg-secondary);font-size:.9rem;font-style:italic;padding:.5rem}.conversion-sources{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;overflow:hidden;min-height:0}.conversion-sources h3{margin:0 0 1rem;color:var(--fg)}.sources-grid{display:grid;grid-template-columns:1fr;gap:.75rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;align-items:stretch;align-content:start}.source-conversion-card{background:var(--bg-secondary);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:0;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box;align-items:stretch;align-self:stretch;margin:0}.source-card-header{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.source-name{font-weight:600;font-size:1rem;color:var(--fg);margin:0;padding:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-overflow:clip;overflow:hidden;max-width:100%;text-align:center;line-height:1.4;box-sizing:border-box}.source-card-body{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;align-items:center}.source-conversions{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.source-count-value{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1.2;overflow:hidden;text-overflow:clip}.source-count-label{font-size:.85rem;font-weight:500;color:var(--fg-secondary);line-height:1.3;overflow:hidden;text-overflow:clip;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.source-percentage{font-size:.9rem;font-weight:500;color:var(--fg-secondary);margin:0;padding:0;text-align:center;line-height:1.3;width:100%;max-width:100%;min-width:0;overflow:hidden;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-overflow:clip;box-sizing:border-box}.source-empty-state{width:100%;padding:2rem 1rem;text-align:center;color:var(--fg-secondary)}.source-empty-state p{margin:0;font-size:.95rem}.template-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:all .2s ease;min-height:fit-content;min-width:0;max-width:100%;display:flex;flex-direction:column;overflow:visible;height:auto}.template-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;min-width:0;max-width:100%;gap:1rem}.template-icon-column{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:70px;flex-shrink:0}.template-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1;min-width:0;max-width:100%}.template-info>div{min-width:0;max-width:100%;flex:1}.template-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--fg);line-height:1.3;max-width:100%;word-wrap:break-word;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary);flex-shrink:0}.template-description{color:var(--fg-secondary);font-size:.9rem;margin:0;line-height:1.4;max-width:100%;word-wrap:break-word;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%}.template-category-badge{font-size:.75rem;font-weight:600;color:var(--fg-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem}.template-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0;max-width:100%}.template-action-buttons{display:flex;gap:.35rem}.template-actions .status-badge{width:100%;text-align:center}.template-action-buttons button{flex:1;width:100%}.template-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:6px;min-width:0;max-width:100%}.template-skills{margin-bottom:1rem;min-width:0;max-width:100%}.skills-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%}.skill-tag{background:var(--accent);color:var(--accent-text);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.more-skills{color:var(--fg-secondary);font-size:.8rem;font-style:italic}.template-phases{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);min-width:0;max-width:100%}.template-card-body{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;width:100%}.template-details{display:flex;flex-direction:column;gap:.75rem;width:100%}.phases-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.phases-preview{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%}.phase-preview{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.phase-name{color:var(--fg);font-weight:500}.phase-duration{color:var(--fg-secondary)}.more-phases{color:var(--fg-secondary);font-size:.8rem;font-style:italic}.template-modal{max-width:800px;max-height:90vh;overflow-y:auto}.template-form{display:flex;flex-direction:column;gap:1rem}.skills-input,.deliverables-input{display:flex;gap:.5rem;margin-bottom:.5rem}.skills-input input,.deliverables-input input{flex:1}.skills-input button,.deliverables-input button{padding:.5rem 1rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.deliverable-tag{background:var(--success);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.deliverable-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:0;margin-left:.25rem}.phases-input{display:grid;grid-template-columns:1fr 1fr 100px auto;gap:.5rem;margin-bottom:.5rem}.phases-input button{padding:.5rem 1rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.phases-list{display:flex;flex-direction:column;gap:.5rem}.phase-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:4px}.phase-info h4{margin:0 0 .25rem;color:var(--fg);font-size:.9rem}.phase-info p{margin:0 0 .25rem;color:var(--fg-secondary);font-size:.8rem}.phase-info .phase-duration{color:var(--accent);font-weight:600;font-size:.8rem}.phase-item button{padding:.25rem .5rem;background:var(--danger);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.timeline-container{flex:1;overflow:visible;padding:.75rem 1rem .75rem 0;display:flex;flex-direction:column;box-sizing:border-box}.timeline{position:relative;padding-right:1rem;padding-left:0}.timeline-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.timeline-section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--fg)}.timeline-count{font-size:.9rem;color:var(--fg-secondary);font-weight:500}.timeline-item{position:relative;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1.5rem;padding-left:0}.timeline-date-marker{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:80px}.timeline-date-badge{background:var(--card);border:2px solid var(--accent);border-radius:8px;padding:.5rem;text-align:center;min-width:60px;z-index:2;position:relative;box-shadow:0 2px 4px #0000001a}.timeline-item.past-event .timeline-date-badge{border-color:var(--border);opacity:.7}.timeline-item.today-event .timeline-date-badge{border-color:var(--accent);box-shadow:0 0 8px #ffd96466;background:linear-gradient(135deg,var(--accent) 0%,rgba(255,217,100,.1) 100%)}.timeline-date-day{display:block;font-size:1.25rem;font-weight:700;color:var(--fg);line-height:1.2}.timeline-date-month{display:block;font-size:.75rem;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.timeline-connector{width:2px;height:calc(100% + 2rem);background:linear-gradient(180deg,var(--accent) 0%,rgba(255,217,100,.4) 30%,rgba(255,217,100,.2) 70%,var(--border) 100%);margin-top:.5rem;border-radius:1px;z-index:1;position:relative}.timeline-item.past-event .timeline-connector{background:var(--border);opacity:.5}.timeline-marker{position:absolute;left:-1.5rem;top:0;width:3px;min-height:calc(100% + 2rem);pointer-events:none;overflow:visible!important}.timeline-icon,.timeline-line{display:none!important}.timeline-item:hover .timeline-line{opacity:.9;box-shadow:0 0 4px #ffd96466;background:linear-gradient(180deg,var(--accent) 0%,rgba(255,217,100,.6) 30%,rgba(255,217,100,.3) 70%,var(--border) 100%)}.timeline-content{flex:1;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;min-width:0;max-width:100%;box-sizing:border-box;margin-left:0}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;min-width:0;max-width:100%}.timeline-title{flex:1;min-width:0;margin-right:1rem}.timeline-title h4{margin:0 0 .25rem;color:var(--fg);font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.timeline-project{color:var(--fg-secondary);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.timeline-meta{text-align:right;font-size:.9rem;flex-shrink:0;white-space:nowrap}.timeline-date{display:block;color:var(--fg);font-weight:500}.timeline-relative{display:block;color:var(--fg-secondary);font-size:.8rem}.timeline-description{margin:0 0 1rem;color:var(--fg-secondary);font-size:.9rem}.timeline-badges{display:flex;gap:.5rem;flex-wrap:wrap}.timeline-badges .status-badge,.timeline-badges .priority-badge,.timeline-badges .type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.timeline-badges .type-badge{background:var(--bg-secondary);color:var(--fg-secondary)}.email-campaigns .campaigns-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;margin:0;min-height:0;align-content:start}@media (max-width: 768px){.email-campaigns .campaigns-grid{grid-template-columns:1fr!important;overflow:visible;min-height:auto;padding:1rem;gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important}}.campaign-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:all .2s ease;min-height:fit-content;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;margin-bottom:0!important;margin-top:0!important}.campaign-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start!important;margin-bottom:1.25rem;gap:.5rem;box-sizing:border-box;min-width:0;max-width:100%}.campaign-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;max-width:100%;overflow:hidden}.campaign-info h3{margin:0 0 .25rem!important;padding-top:0!important;font-size:1.1rem;font-weight:600;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.campaign-subject{color:var(--fg-secondary);font-size:.9rem;margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.campaign-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary);flex-shrink:0}.campaign-subject{color:var(--fg-secondary);font-size:.9rem;margin:0}.campaign-actions{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0!important;align-self:flex-start!important;margin-top:0!important;padding-top:0!important}.campaign-metrics{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:0;background:transparent;border-radius:0}.campaign-metrics .metric-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1rem;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px}.campaign-metrics .metric-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;flex:1;text-align:left}.campaign-metrics .metric-value{font-size:1.2rem;font-weight:700;color:var(--fg);line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;flex-shrink:0;margin-left:1rem;text-align:right}.campaign-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:6px}.campaign-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible}.campaign-stats .stat-label{font-size:.85rem;color:var(--fg-secondary);font-weight:500;margin-bottom:.5rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.campaign-stats .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.campaign-dates{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--border)}.date-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.date-label{color:var(--fg-secondary);font-weight:500}.date-value{color:var(--fg);font-weight:600}.campaign-modal{max-width:800px;max-height:90vh;overflow-y:auto}.campaign-form{display:flex;flex-direction:column;gap:1rem}.recipient-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.recipient-count{color:var(--fg-secondary);font-size:.9rem;font-weight:500}.meeting-scheduler .meetings-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;margin:0;min-height:0;align-content:start}@media (max-width: 768px){.meeting-scheduler .meetings-grid{grid-template-columns:1fr!important;overflow:visible;min-height:auto;padding:1rem;gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important}}.meeting-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:all .2s ease;min-height:fit-content;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;margin-bottom:0!important;margin-top:0!important}.meeting-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.meeting-header{display:flex;justify-content:space-between;align-items:flex-start!important;margin-bottom:1.25rem;gap:.5rem;box-sizing:border-box;min-width:0;max-width:100%}.meeting-info{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;flex:1;min-width:0;max-width:100%;overflow:hidden}.meeting-info h3{margin:0 0 .25rem!important;padding-top:0!important;font-size:1.1rem;font-weight:600;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.meeting-customer{color:var(--fg-secondary);font-size:.9rem;margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.meeting-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary);flex-shrink:0}.meeting-customer{color:var(--fg-secondary);font-size:.9rem;margin:0}.meeting-actions{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0!important;align-self:flex-start!important;margin-top:0!important;padding-top:0!important}.meeting-details{margin-bottom:1rem}.meeting-description{margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:4px}.meeting-description p{margin:0;color:var(--fg-secondary);font-size:.9rem}.meeting-agenda{margin-bottom:1rem}.agenda-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.agenda-list{list-style:none;padding:0;margin:0}.agenda-list li{padding:.25rem 0;color:var(--fg);font-size:.9rem}.agenda-list li:before{content:"• ";color:var(--accent);font-weight:700}.more-items{color:var(--fg-secondary);font-style:italic}.meeting-attendees{margin-bottom:1rem}.attendees-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.attendees-list{display:flex;flex-wrap:wrap;gap:.5rem}.attendee-tag{background:var(--accent);color:var(--accent-text);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.more-attendees{color:var(--fg-secondary);font-size:.8rem;font-style:italic}.meeting-notes{padding-top:.75rem;border-top:1px solid var(--border)}.notes-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;display:block;margin-bottom:.5rem}.notes-content{margin:0;color:var(--fg);font-size:.9rem}.meeting-link{color:var(--accent);text-decoration:none;font-weight:500}.meeting-link:hover{text-decoration:underline}.meeting-modal{max-width:800px;max-height:90vh;overflow-y:auto}.meeting-form{display:flex;flex-direction:column;gap:1rem}.agenda-input,.attendees-input{display:flex;gap:.5rem;margin-bottom:.5rem}.agenda-input input,.attendees-input input{flex:1}.agenda-input button,.attendees-input button{padding:.5rem 1rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.agenda-list,.attendees-list{display:flex;flex-direction:column;gap:.5rem}.agenda-item,.attendee-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.9rem}.agenda-item button,.attendee-item button{background:var(--danger);color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.customer-reports .reports-grid,.lead-reports .reports-grid,.project-reports .reports-grid,.sales-analytics .reports-grid,.performance-analytics .reports-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;margin:0;min-height:0;align-content:start}@media (max-width: 768px){.customer-reports .reports-grid,.lead-reports .reports-grid,.project-reports .reports-grid,.sales-analytics .reports-grid,.performance-analytics .reports-grid{grid-template-columns:1fr!important;overflow:visible;min-height:auto;padding:1rem;gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important}.sales-analytics .analytics-metrics{padding:0 1rem!important}.sales-analytics .analytics-sections{padding:0 1rem!important;gap:2rem!important}.sales-analytics .metrics-grid,.sales-analytics .revenue-grid,.sales-analytics .pipeline-grid{grid-template-columns:1fr!important;gap:1rem!important;row-gap:1rem!important;column-gap:1rem!important}.performance-analytics .analytics-metrics{padding:0 1rem!important}.performance-analytics .analytics-sections{padding:0 1rem!important;gap:2rem!important}.performance-analytics .metrics-grid,.performance-analytics .performance-grid,.performance-analytics .growth-grid{grid-template-columns:1fr!important;gap:1rem!important;row-gap:1rem!important;column-gap:1rem!important}}.report-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:all .2s ease;min-height:fit-content;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;margin-bottom:0!important;margin-top:0!important}.report-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-header{display:flex;justify-content:space-between;align-items:flex-start!important;margin-bottom:1.25rem;gap:.5rem;box-sizing:border-box;min-width:0;max-width:100%}.report-info{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;flex:1;min-width:0;max-width:100%;overflow:hidden}.report-info h3{margin:0 0 .25rem!important;padding-top:0!important;font-size:1.1rem;font-weight:600;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.report-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary);flex-shrink:0}.report-meta{color:var(--fg-secondary);font-size:.9rem;margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.report-content{margin-top:0}.report-card .report-actions{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0!important;align-self:flex-start!important;margin-top:0!important;padding-top:0!important}.customer-reports .page-header .report-actions,.lead-reports .page-header .report-actions,.project-reports .page-header .report-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:0}.customer-reports .page-header .report-actions .btn-secondary,.lead-reports .page-header .report-actions .btn-secondary,.project-reports .page-header .report-actions .btn-secondary{padding:.5rem 1rem;font-size:.9rem}.analytics-metrics{margin-bottom:2rem;padding:0 1rem}.analytics-controls{display:flex;gap:1rem;align-items:center}.analytics-sections{display:flex;flex-direction:column;gap:2.5rem!important;row-gap:2.5rem!important;padding:0 1rem}.sales-analytics .analytics-sections,.performance-analytics .analytics-sections{gap:2.5rem!important;row-gap:2.5rem!important}.analytics-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.sales-analytics .analytics-section:not(:last-child){margin-bottom:2.5rem!important}.sales-analytics .analytics-section:first-child{margin-top:0!important}.performance-analytics .analytics-section:not(:last-child){margin-bottom:2.5rem!important}.performance-analytics .analytics-section:first-child{margin-top:0!important}.analytics-section h3{margin:0 0 1.5rem;color:var(--fg);font-size:1.1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.revenue-grid,.pipeline-grid,.performance-grid,.growth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;row-gap:1.5rem;column-gap:1.5rem}.revenue-card,.pipeline-card,.performance-card,.growth-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1.25rem;text-align:center;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.revenue-header,.pipeline-header,.performance-header,.growth-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:.75rem;gap:.75rem;box-sizing:border-box;min-width:0;max-width:100%}.revenue-label,.pipeline-label,.performance-label,.growth-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;flex:1;min-width:0}.revenue-icon,.pipeline-icon,.performance-icon,.growth-icon{font-size:1.2rem;flex-shrink:0}.revenue-value,.pipeline-value,.performance-value,.growth-value{font-size:1.5rem;font-weight:700;color:var(--fg);margin:0;line-height:1.2;white-space:nowrap}.metric-value-container,.performance-value-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.pipeline-details,.growth-details{font-size:.8rem;color:var(--fg-secondary);word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.performance-grade{margin-top:.5rem}.grade-badge{display:inline-block!important;padding:.2rem .5rem!important;border-radius:4px!important;color:#fff!important;font-size:.75rem!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;min-width:1.5rem;text-align:center}.metric-comparison,.metric-grade-comparison,.performance-grade-comparison,.growth-comparison{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.comparison-text{font-size:.85rem;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:nowrap}.trends-table{background:var(--bg-secondary);border-radius:6px;overflow-x:auto;overflow-y:visible;width:100%}.trends-header{display:grid;grid-template-columns:minmax(80px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr);gap:1.5rem;padding:1rem;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:.9rem}.trends-header>span:first-child{text-align:left}.trends-header>span:not(:first-child){text-align:right}.trends-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr);gap:1.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem}.performance-analytics .trends-header,.performance-analytics .trends-row{grid-template-columns:minmax(80px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr)}.trends-row:last-child{border-bottom:none}.trend-period,.trend-revenue,.trend-deals,.trend-conversion,.trend-satisfaction,.trend-efficiency,.trend-quality,.trend-engagement{color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:visible;text-align:left;min-width:0}.trend-period{font-weight:600;text-align:left}.trend-satisfaction,.trend-efficiency,.trend-quality,.trend-engagement{text-align:right}.metric-growth{font-size:.8rem;font-weight:500;margin-top:.25rem}.metric-growth.positive{color:var(--success)}.metric-growth.negative{color:var(--danger)}.metric-growth.neutral{color:var(--fg-secondary)}.metric-trend{font-size:.8rem;font-weight:500;margin-top:.25rem}.metric-trend.positive{color:var(--success)}.metric-trend.negative{color:var(--danger)}.report-card .summary-metrics,.report-card .activity-metrics,.report-card .engagement-metrics{display:flex;flex-direction:column;gap:.75rem;padding:0;background:transparent;border-radius:0}.pipeline-metrics,.source-metrics,.performance-metrics,.status-metrics,.budget-metrics,.timeline-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:6px}.summary-metrics:not(.report-card .summary-metrics),.activity-metrics:not(.report-card .activity-metrics),.engagement-metrics:not(.report-card .engagement-metrics){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:6px}.report-card .summary-metrics .metric-item,.report-card .activity-metrics .metric-item,.report-card .engagement-metrics .metric-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1rem;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible;background:var(--card);border:1px solid var(--border);border-radius:6px}.report-card .summary-metrics .metric-label,.report-card .activity-metrics .metric-label,.report-card .engagement-metrics .metric-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;flex:1;text-align:left}.report-card .summary-metrics .metric-value,.report-card .activity-metrics .metric-value,.report-card .engagement-metrics .metric-value{font-size:1.2rem;font-weight:700;color:var(--fg);line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;flex-shrink:0;margin-left:1rem;text-align:right}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:var(--card);border-radius:4px;border:1px solid var(--border);min-width:0;max-width:100%}.metric-label{font-size:.8rem;color:var(--fg-secondary);font-weight:500;margin-bottom:.25rem;line-height:1.2;max-width:100%;word-wrap:break-word}.metric-value{font-size:1.2rem;font-weight:700;color:var(--fg);line-height:1.2;max-width:100%;word-wrap:break-word}.data-export,.data-import,.backup-restore,.system-info,.api-settings{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.export-content,.import-content,.system-content,.api-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;min-height:0;gap:2.5rem}.backup-restore-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;min-height:0;display:flex!important;flex-direction:column!important;gap:2.5rem!important;row-gap:2.5rem!important}.backup-restore .backup-restore-content{display:flex!important;flex-direction:column!important;gap:2.5rem!important;row-gap:2.5rem!important}@media (max-width: 768px){.export-content,.import-content,.system-content,.api-content{padding:1rem;gap:2rem;overflow:visible}.backup-restore-content{padding:1rem;overflow:visible}.info-grid,.performance-grid,.features-grid{grid-template-columns:1fr!important;gap:2rem!important;row-gap:2rem!important;column-gap:2rem!important}.logs-header{flex-direction:column;align-items:flex-start;gap:1rem}.logs-controls{width:100%;flex-direction:column}.log-filter{width:100%;min-width:0}.log-header{flex-direction:column;align-items:flex-start;gap:.5rem}.log-source{text-align:left}.system-tabs,.api-content .api-tabs{gap:.25rem;margin-bottom:1.5rem}.tab-button{padding:.5rem 1rem;font-size:.85rem}}.export-options,.import-options{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2.5rem!important;overflow:hidden;box-sizing:border-box}.options-section{margin-bottom:2rem}.options-section:last-child{margin-bottom:0}.options-section h3{margin:0 0 1rem;color:var(--fg);font-size:1.1rem;font-weight:600}.data-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.data-type-card{border:1px solid var(--border);border-radius:6px;padding:1rem;transition:all .2s ease;min-width:0;max-width:100%}.data-type-card:hover{border-color:var(--accent);background:var(--bg-secondary)}.data-type-checkbox{display:flex;align-items:center;cursor:pointer;margin:0}.data-type-checkbox input[type=checkbox]{margin-right:.75rem;transform:scale(1.2)}.data-type-info{display:flex;align-items:center;gap:.75rem}.data-type-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-secondary)}.data-type-details{display:flex;flex-direction:column}.data-type-label{font-weight:600;color:var(--fg);font-size:.9rem}.data-type-count{color:var(--fg-secondary);font-size:.8rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-size:.9rem;font-weight:500;color:var(--fg)}.setting-select,.setting-input{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font-size:.9rem;box-sizing:border-box;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.setting-input{padding:.75rem 1rem;background-image:none}.setting-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.setting-checkbox input[type=checkbox]{transform:scale(1.1)}.export-actions,.import-actions{display:flex;gap:1rem;margin-top:1rem}.upload-area{border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease;cursor:pointer}.upload-area:hover{border-color:var(--accent);background:var(--bg-secondary)}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem;color:var(--fg-secondary)}.upload-text h4{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem}.upload-text p{margin:0;color:var(--fg-secondary);font-size:.9rem}.uploaded-file{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:4px}.file-icon{font-size:1.2rem}.file-name{font-weight:500;color:var(--fg)}.file-size{color:var(--fg-secondary);font-size:.9rem}.preview-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.preview-content{max-height:300px;overflow-y:auto}.preview-content table{width:100%;border-collapse:collapse}.preview-content th,.preview-content td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.preview-content th{background:var(--bg-secondary);font-weight:600;color:var(--fg)}.preview-content td{color:var(--fg-secondary)}.export-history,.import-history{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow:hidden;box-sizing:border-box}.export-history h3,.import-history h3{margin:0 0 1.5rem;color:var(--fg);font-size:1.1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.export-jobs,.import-jobs,.backup-jobs,.restore-jobs{display:flex;flex-direction:column;gap:1.5rem!important}.export-job-card,.import-job-card,.backup-job-card,.restore-job-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:1.25rem;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;min-width:0;max-width:100%}.job-info{flex:1;min-width:0;max-width:100%}.job-info h4,.job-info h5{margin:0 0 .25rem;color:var(--fg);font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal}.job-meta{margin:0;color:var(--fg-secondary);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal}.job-status{flex-shrink:0}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.job-progress{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.progress-text{font-size:.9rem;color:var(--fg-secondary);font-weight:500}.job-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--error);color:#fff;border-radius:4px;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.error-icon{font-size:1.2rem}.error-text{font-size:.9rem}.job-actions{display:flex;gap:.5rem}.job-results{margin-top:1rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.result-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:var(--bg-secondary);border-radius:4px;min-width:0;max-width:100%}.result-label{font-size:.8rem;color:var(--fg-secondary);font-weight:500;margin-bottom:.25rem}.result-value{font-size:1.1rem;font-weight:700;color:var(--fg)}.result-value.success{color:var(--success)}.result-value.warning{color:var(--warning)}.result-value.secondary{color:var(--fg-secondary)}.import-errors{padding:1rem;background:var(--bg-secondary);border-radius:4px;border-left:4px solid var(--danger)}.import-errors h5{margin:0 0 .5rem;color:var(--danger);font-size:.9rem}.import-errors ul{margin:0;padding-left:1.5rem}.import-errors li{color:var(--fg-secondary);font-size:.9rem;margin-bottom:.25rem}@media (max-width: 768px){.backup-restore-content{padding:1rem;gap:2rem!important}}.backup-section,.restore-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow:hidden;box-sizing:border-box;width:100%;height:fit-content;margin:0!important;flex-shrink:0}.backup-restore .backup-section{margin-bottom:2.5rem!important}.backup-restore .restore-section{margin-bottom:0!important}.backup-options,.restore-options{margin-bottom:2.5rem!important}.backup-history,.restore-history{margin-top:2rem}.backup-history h4,.restore-history h4{margin:0 0 1.5rem;color:var(--fg);font-size:1.1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-group label{font-size:.9rem;font-weight:500;color:var(--fg)}.option-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font-size:.9rem;box-sizing:border-box;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;cursor:pointer}.option-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.option-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.option-checkbox input[type=checkbox]{transform:scale(1.1)}.backup-actions,.restore-actions{display:flex;gap:1rem}.system-tabs,.api-content .api-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;padding:0;-webkit-overflow-scrolling:touch}.system-tabs::-webkit-scrollbar,.api-content .api-tabs::-webkit-scrollbar{height:4px}.system-tabs::-webkit-scrollbar-track,.api-content .api-tabs::-webkit-scrollbar-track{background:transparent}.system-tabs::-webkit-scrollbar-thumb,.api-content .api-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tab-button{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:0;box-sizing:border-box}.tab-button:hover{color:var(--fg);background:var(--bg-secondary)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.system-content-area,.api-content-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;padding:0}.info-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.info-card h3{margin:0 0 1.25rem!important;color:var(--fg);font-size:1.1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.info-details{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0;max-width:100%}.info-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal;flex:1;min-width:0}.info-value{font-size:.9rem;color:var(--fg);font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal;text-align:right;flex-shrink:0}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;margin-bottom:2.5rem!important;padding:0}.performance-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;text-align:center;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.performance-card h3{margin:0 0 1rem!important;color:var(--fg);font-size:1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.performance-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.performance-trend{font-size:.9rem;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.performance-trend.positive{color:var(--success)}.performance-trend.negative{color:var(--danger)}.performance-trend.neutral{color:var(--fg-secondary)}.performance-charts{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow:hidden;box-sizing:border-box}.chart-placeholder{text-align:center;padding:2rem;color:var(--fg-secondary)}.chart-placeholder h4{margin:0 0 .5rem;color:var(--fg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;padding:0}.features-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.features-card h3{margin:0 0 1.25rem!important;color:var(--fg);font-size:1.1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.features-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;min-width:0;max-width:100%}.feature-item.enabled{background:var(--success);color:#fff}.feature-item.disabled{background:var(--bg-secondary);color:var(--fg-secondary)}.feature-icon{font-size:1rem;flex-shrink:0}.feature-name{font-size:.9rem;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal;flex:1;min-width:0}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.logs-header h3{margin:0;color:var(--fg);font-size:1.1rem;font-weight:600}.logs-controls{display:flex;gap:1rem;align-items:center}.log-filter{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font-size:.9rem;box-sizing:border-box;min-width:200px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;cursor:pointer}.log-filter:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.logs-list{display:flex;flex-direction:column;gap:1rem!important}.log-entry{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:1.25rem;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.log-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap;min-width:0;max-width:100%}.log-level{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background:var(--bg-secondary);white-space:nowrap;flex-shrink:0}.log-timestamp{word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal;flex-shrink:0;font-size:.8rem;color:var(--fg-secondary)}.log-source{font-size:.8rem;color:var(--accent);font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal;flex:1;min-width:0;text-align:right}.log-message{color:var(--fg);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal}.keys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.keys-header h3{margin:0;color:var(--fg);font-size:1.1rem;font-weight:600}.create-key-modal{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.create-key-modal h4{margin:0 0 1rem;color:var(--fg);font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--fg)}.form-group input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--fg);font-size:.9rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.permission-checkbox input[type=checkbox]{transform:scale(1.1)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.keys-list{display:flex;flex-direction:column;gap:1rem}.key-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;min-width:0;max-width:100%}.key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.key-info h4{margin:0 0 .25rem;color:var(--fg);font-size:1rem}.key-meta{margin:0;color:var(--fg-secondary);font-size:.9rem}.key-status{flex-shrink:0}.key-details{margin-bottom:1rem}.key-value{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:4px}.key-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500}.key-text{font-family:monospace;font-size:.9rem;color:var(--fg);flex:1}.key-permissions{display:flex;flex-direction:column;gap:.5rem}.permissions-label{font-size:.9rem;color:var(--fg-secondary);font-weight:500}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{padding:.25rem .5rem;background:var(--accent);color:var(--accent-text);border-radius:4px;font-size:.8rem;font-weight:500}.key-actions{display:flex;gap:.5rem}.btn-danger{background:var(--danger);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-danger:hover{background:var(--danger-dark)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.setting-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;min-width:0;max-width:100%}.setting-card h3{margin:0 0 1rem;color:var(--fg);font-size:1.1rem;font-weight:600}.origins-list{display:flex;flex-wrap:wrap;gap:.5rem}.origin-tag{padding:.25rem .5rem;background:var(--bg-secondary);color:var(--fg);border-radius:4px;font-size:.8rem;font-family:monospace}.docs-header{margin-bottom:2rem}.docs-header h3{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem;font-weight:600}.docs-header p{margin:0;color:var(--fg-secondary);font-size:.9rem}.endpoints-list{display:flex;flex-direction:column;gap:1rem}.endpoint-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;min-width:0;max-width:100%}.endpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.method-badge{padding:.25rem .75rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;font-family:monospace}.endpoint-path{font-family:monospace;font-size:1rem;color:var(--fg);font-weight:600}.endpoint-description{color:var(--fg-secondary);font-size:.9rem;margin-bottom:1rem}.endpoint-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.endpoint-parameters h5,.endpoint-response h5{margin:0 0 .5rem;color:var(--fg);font-size:.9rem;font-weight:600}.parameters-list{display:flex;flex-wrap:wrap;gap:.5rem}.parameter-tag{padding:.25rem .5rem;background:var(--bg-secondary);color:var(--fg);border-radius:4px;font-size:.8rem;font-family:monospace}.response-type{font-family:monospace;font-size:.9rem;color:var(--accent);font-weight:500}.user-profile,.notifications,.preferences,.team-management{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.profile-content,.notifications-content,.preferences-content,.team-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 1.5rem 2rem;box-sizing:border-box}.team-content-area{width:100%;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;flex:1}.members-tab,.invites-tab,.departments-tab,.roles-tab{width:100%;min-height:0;display:flex;flex-direction:column;flex:1}@media (max-width: 768px){.profile-content,.notifications-content,.preferences-content,.team-content{overflow:visible;padding:0 1rem 2rem}.user-profile.management-page .page-header .profile-tabs{display:flex!important;flex-direction:row!important;gap:.5rem!important;margin-top:1rem!important;margin-bottom:0!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:.5rem!important;border-bottom:1px solid var(--border)!important}.user-profile.management-page .page-header .profile-tabs .tab-button{flex-shrink:0!important;white-space:nowrap!important;padding:.5rem 1rem!important;font-size:.875rem!important;border-left:none!important;border-bottom:2px solid transparent!important;border-radius:4px 4px 0 0!important}.user-profile.management-page .page-header .profile-tabs .tab-button.active{border-left:none!important;border-bottom:2px solid var(--accent)!important;padding-left:1rem!important}.api-settings.management-page .page-header .api-tabs{display:flex!important;flex-direction:row!important;gap:.5rem!important;margin-top:1rem!important;margin-bottom:0!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:.5rem!important;border-bottom:1px solid var(--border)!important}.api-settings.management-page .page-header .api-tabs .tab-button{flex-shrink:0!important;white-space:nowrap!important;padding:.5rem 1rem!important;font-size:.875rem!important;border-left:none!important;border-bottom:2px solid transparent!important;border-radius:4px 4px 0 0!important}.api-settings.management-page .page-header .api-tabs .tab-button.active{border-left:none!important;border-bottom:2px solid var(--accent)!important;padding-left:1rem!important}.member-card,.invite-card{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.member-actions,.invite-actions{width:100%;justify-content:stretch;gap:.5rem;margin-top:.5rem}.member-actions button,.invite-actions button{flex:1;min-width:0;padding:.625rem 1rem;font-size:.875rem;white-space:nowrap}.member-header{flex-direction:column;align-items:flex-start;gap:.5rem;justify-content:flex-start;margin-bottom:.5rem;width:100%;padding:0}.member-header h4{width:100%;margin:0;flex:none;max-width:100%}.member-badges{width:100%;justify-content:flex-start;flex-shrink:0;margin:0;padding:0}.member-info{width:100%;padding:0;margin:0}.invite-card{flex-direction:column}.invite-status{align-self:flex-start}.departments-grid{grid-template-columns:1fr}.department-actions{flex-direction:column}.department-actions button{width:100%;flex:none;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:.625rem .75rem;font-size:.875rem;line-height:1.4}.roles-grid{grid-template-columns:1fr;gap:1rem}.role-section{padding:1rem 1rem 1.5rem}.role-section-header{margin-bottom:1rem}.role-section-header h3{font-size:1rem}.role-section-header p{font-size:.85rem}.role-card{padding:1rem;min-height:auto;gap:.75rem}.role-card-header{flex-wrap:wrap;gap:.5rem}.role-card-header>div{flex:1;min-width:0}.role-card-header .btn-icon{width:32px;height:32px;min-width:32px;font-size:.9rem;flex-shrink:0}.role-card h4{font-size:.95rem}.role-description{font-size:.85rem}.permissions-section{margin-top:.25rem}.permissions-section strong{font-size:.8rem}.permissions-list{gap:.25rem}.permissions-list li{font-size:.8rem;padding-left:.75rem}.role-members-preview{margin-top:.25rem;padding-top:.75rem}.role-members-preview strong{font-size:.8rem;margin-bottom:.375rem}.role-member-tag{font-size:.75rem;padding:.2rem .4rem}}.profile-actions,.edit-actions{display:flex;gap:1rem;align-items:center}.profile-overview{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:8px}.profile-avatar{flex-shrink:0}.avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.profile-info h2{margin:0 0 .5rem;color:var(--fg);font-size:1.5rem;font-weight:700}.profile-role{margin:0 0 .5rem;color:var(--accent);font-size:1rem;font-weight:600}.profile-email{margin:0 0 1rem;color:var(--fg-secondary);font-size:.9rem}.profile-status{margin:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:var(--success)}.status-badge.inactive{background:var(--warning)}.status-badge.pending{background:var(--accent)}.profile-form{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--fg);font-size:.9rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-secondary);color:var(--fg-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.activity-header{margin-bottom:2rem}.activity-header h3{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem;font-weight:600}.activity-header p{margin:0;color:var(--fg-secondary);font-size:.9rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:8px}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);flex-shrink:0}.activity-content{flex:1}.activity-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.activity-header-info h4{margin:0;color:var(--fg);font-size:1rem;font-weight:600}.activity-time{color:var(--fg-secondary);font-size:.8rem}.activity-description{margin:0 0 .75rem;color:var(--fg-secondary);font-size:.9rem}.activity-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--fg-secondary)}.security-header{margin-bottom:2rem}.security-header h3{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem;font-weight:600}.security-header p{margin:0;color:var(--fg-secondary);font-size:.9rem}.security-sections{display:flex;flex-direction:column;gap:1.5rem}.security-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.security-section h4{margin:0 0 .5rem;color:var(--fg);font-size:1rem;font-weight:600}.security-section p{margin:0 0 1rem;color:var(--fg-secondary);font-size:.9rem}.security-status{display:flex;align-items:center;gap:1rem}.sessions-list{margin-top:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:4px;margin-bottom:.5rem}.session-info{display:flex;flex-direction:column;gap:.25rem}.session-device{font-weight:600;color:var(--fg)}.session-location,.session-time{font-size:.8rem;color:var(--fg-secondary)}.notification-settings{display:flex;flex-direction:column;gap:.75rem}.notifications-tabs,.preferences-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.team-tabs{display:flex;gap:.5rem;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.team-tabs .tab-button{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.team-tabs .tab-button:hover{color:var(--fg)}.team-tabs .tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.team-management .page-header .team-tabs{display:flex;flex-direction:row;gap:.5rem;margin:.75rem 0;padding:0;border:none;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.team-management .page-header .team-tabs .tab-button{padding:.5rem .75rem;font-size:.85rem;white-space:nowrap;flex-shrink:0}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%}.notifications-settings{width:100%}.notifications-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;width:100%}@media (max-width: 1400px){.notifications-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.notifications-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.settings-sections-grid,.notifications-settings-grid{grid-template-columns:1fr}}.notifications .settings-section,.notifications .settings-tab .settings-section,.settings-tab .settings-section,.notifications .settings-sections-grid .settings-section,.notifications-settings-grid .settings-section{background:var(--card)!important;background-color:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px;padding:1.5rem;transition:none!important;pointer-events:auto;cursor:default!important}.notifications .settings-section:hover,.notifications .settings-section:focus,.notifications .settings-section:active,.notifications .settings-tab:hover .settings-section,.notifications .settings-tab:hover .settings-sections-grid .settings-section,.settings-tab:hover .settings-section,.settings-tab:hover .settings-sections-grid .settings-section,.settings-tab .settings-section:hover,.settings-tab .settings-section:focus,.settings-tab .settings-section:active,.settings-sections-grid .settings-section:hover,.settings-sections-grid .settings-section:focus,.settings-sections-grid .settings-section:active,.notifications-settings-grid .settings-section:hover,.notifications-settings-grid .settings-section:focus,.notifications-settings-grid .settings-section:active{background:var(--card)!important;background-color:var(--card)!important;border-color:var(--border)!important;transform:none!important;box-shadow:none!important;cursor:default!important}.notifications .settings-section *,.settings-tab .settings-section *,.settings-sections-grid .settings-section *,.notifications-settings-grid .settings-section *{pointer-events:auto}.section-header{margin-bottom:1.5rem}.section-header h3{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem;font-weight:600}.section-header p{margin:0;color:var(--fg-secondary);font-size:.9rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.setting-item{display:flex;align-items:center}.setting-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--fg)}.setting-checkbox input[type=checkbox]{transform:scale(1.2)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h3{margin:0;color:var(--fg);font-size:1.1rem;font-weight:600}.history-actions{display:flex;gap:1rem;flex-wrap:wrap}.history-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-input,.filter-select{padding:.75rem 2.5rem .75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:.9rem;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-sizing:border-box}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.filter-input::placeholder{color:var(--fg-secondary)}.notifications-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border)}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--fg);-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{transform:scale(1.2);cursor:pointer}.notification-count{font-size:.9rem;color:var(--fg-secondary);font-weight:500}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:8px;transition:all .2s ease;position:relative}.notification-checkbox{display:flex;align-items:center;padding-top:.25rem}.notification-checkbox input[type=checkbox]{transform:scale(1.2);cursor:pointer}.notification-item.unread{border-left:4px solid var(--accent);background:var(--bg-secondary)}.notification-item.read{opacity:.7}.notification-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);flex-shrink:0}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.notification-header h4{margin:0;color:var(--fg);font-size:1rem;font-weight:600}.notification-meta{display:flex;align-items:center;gap:1rem}.priority-badge{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.notification-time{color:var(--fg-secondary);font-size:.8rem}.notification-message{margin:0 0 .75rem;color:var(--fg-secondary);font-size:.9rem}.notification-footer{display:flex;justify-content:space-between;align-items:center}.notification-category{font-size:.8rem;color:var(--accent);font-weight:500}.notification-actions{display:flex;gap:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h4{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem;font-weight:600}.empty-state p{margin:0;color:var(--fg-secondary);font-size:.9rem}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;text-decoration:underline;padding:0}.btn-link.danger{color:var(--danger)}.btn-link:hover{opacity:.8}.templates-tab{display:flex;flex-direction:column;gap:1.5rem}.templates-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.templates-header-info h3{margin:0 0 .35rem;font-size:1.3rem;color:var(--fg)}.templates-header-info p{margin:0;color:var(--fg-secondary);font-size:.95rem}.templates-actions{display:flex;gap:.75rem}.templates-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.template-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.template-card:hover{border-color:var(--accent);box-shadow:0 6px 18px #00000026;transform:translateY(-2px)}.template-card.disabled{opacity:.6}.template-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.template-card-title{display:flex;align-items:center;gap:.75rem}.template-type-icon{font-size:1.75rem}.template-card-title h4{margin:0;font-size:1.05rem;color:var(--fg)}.template-type{display:inline-block;font-size:.75rem;color:var(--fg-secondary);text-transform:uppercase}.template-status{font-size:.8rem;padding:.25rem .6rem;border-radius:999px;border:1px solid transparent}.template-status.active{background:#50c8781a;border-color:#50c87866;color:#50c878}.template-status.inactive{background:#ff6b6b1a;border-color:#ff6b6b66;color:#ff6b6b}.template-description{margin:0;color:var(--fg-secondary);font-size:.95rem;line-height:1.5}.template-subject{padding:.75rem;background:#ffd96414;border:1px dashed rgba(255,217,100,.4);border-radius:6px;font-size:.9rem;color:var(--fg)}.template-message-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.75rem;font-size:.9rem;color:var(--fg);line-height:1.4;max-height:160px;overflow:hidden;white-space:pre-line}.template-meta{display:flex;gap:1.5rem;font-size:.8rem;color:var(--fg-secondary)}.template-tags{display:flex;flex-wrap:wrap;gap:.5rem}.template-tag{font-size:.75rem;padding:.25rem .5rem;background:#ffd9641f;color:var(--accent);border-radius:4px;border:1px solid rgba(255,217,100,.35)}.template-card-actions{display:flex;flex-wrap:wrap;gap:.75rem;border-top:1px solid var(--border);padding-top:.75rem}.template-card-actions .btn-link{font-size:.85rem}.template-modal{max-width:720px;width:100%;display:flex;flex-direction:column;max-height:90vh}.template-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.template-modal .modal-actions{display:flex;gap:.75rem;align-items:center}.template-modal .modal-body{overflow-y:auto;padding-right:.25rem}.template-preview-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--fg-secondary)}.template-preview-section{margin-bottom:1.5rem}.template-preview-section h4{margin:0 0 .5rem;font-size:1rem;color:var(--fg)}.template-preview-section pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1rem;white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.5;color:var(--fg)}.template-edit-form{display:flex;flex-direction:column;gap:1rem}.template-edit-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.template-edit-form .form-group input,.template-edit-form .form-group select,.template-edit-form .form-group textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;color:var(--fg);font-size:.95rem}.template-edit-form .form-group textarea{font-family:inherit;resize:vertical}.template-edit-form .form-group label{font-size:.85rem;color:var(--fg-secondary)}@media (max-width: 768px){.templates-filters{grid-template-columns:1fr}.templates-actions{width:100%;justify-content:flex-start}}.preferences-actions{display:flex;gap:1rem;align-items:center}.preferences-sections{display:flex;flex-direction:column;gap:2rem}.preferences-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.preferences-section h3{margin:0 0 1rem;color:var(--fg);font-size:1.1rem;font-weight:600}.widgets-section{margin-top:2rem}.widgets-section h4{margin:0 0 .5rem;color:var(--fg);font-size:1rem;font-weight:600}.widgets-section p{margin:0 0 1rem;color:var(--fg-secondary);font-size:.9rem}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.widget-card{border:1px solid var(--border);border-radius:6px;padding:1rem;transition:all .2s ease;min-width:0;max-width:100%}.widget-card:hover{border-color:var(--accent);background:var(--bg-secondary)}.widget-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin:0}.widget-checkbox input[type=checkbox]{transform:scale(1.2);margin-top:.25rem}.widget-info h5{margin:0 0 .25rem;color:var(--fg);font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.widget-info p{margin:0;color:var(--fg-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shortcuts-list{display:flex;flex-direction:column;gap:1rem}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:6px}.shortcut-action h4{margin:0 0 .25rem;color:var(--fg);font-size:.9rem;font-weight:600}.shortcut-action p{margin:0;color:var(--fg-secondary);font-size:.8rem}.shortcut-keys kbd{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.8rem;color:var(--fg)}.team-actions{display:flex;gap:1rem;align-items:center}.members-list,.invites-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.member-card,.invite-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;min-height:200px}.member-avatar{flex-shrink:0}.member-info{flex:1;min-width:0;max-width:100%}.member-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.member-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.member-header h4{margin:0;color:var(--fg);font-size:1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;flex:1;min-width:0}.member-badges{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.role-badge{padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.member-details{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;min-width:0}.member-email,.member-title{margin:0;color:var(--fg-secondary);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.member-meta{margin:0;color:var(--fg-secondary);font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.member-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap;align-items:flex-start}.invite-info{flex:1;min-width:0;overflow:hidden}.invite-info h4{margin:0 0 .5rem;color:var(--fg);font-size:1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.invite-details{margin:0 0 .5rem;color:var(--fg-secondary);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.invite-meta{margin:0;color:var(--fg-secondary);font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.invite-status{flex-shrink:0}.invite-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap;align-items:flex-start}.departments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;align-items:stretch}.department-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;min-height:200px}.department-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.department-header h4{margin:0;color:var(--fg);font-size:1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;flex:1;min-width:0}.member-count{color:var(--accent);font-size:.9rem;font-weight:500}.department-description,.department-manager{margin:0 0 1rem;color:var(--fg-secondary);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.department-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;width:100%}.department-actions button{width:100%;flex:none;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;padding:.625rem .75rem;font-size:.875rem;line-height:1.4}.role-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem 1.5rem 2rem;width:100%;box-sizing:border-box;overflow:visible;min-height:0;display:flex;flex-direction:column;flex:1;min-width:0}.role-section-header{margin-bottom:1.5rem}.role-section-header h3{margin:0 0 .5rem;color:var(--fg);font-size:1.1rem;font-weight:600}.role-section-header p{margin:0;color:var(--fg-secondary);font-size:.9rem}.role-section h3{margin:0 0 1rem;color:var(--fg);font-size:1.1rem;font-weight:600}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:100%;align-items:start;box-sizing:border-box;overflow:visible;min-height:0;flex:1;min-width:0;margin:0;padding:0}.role-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:300px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;min-width:0;align-self:stretch}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0;padding:0}.role-card-header>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.role-card-header h4{margin:0;padding:0;flex:0 0 auto;min-width:0}.role-card-header .btn-icon{flex-shrink:0;width:36px;height:36px;min-width:36px;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.role-member-count{color:var(--fg-secondary);font-size:.875rem;margin:0;padding:0;display:block}.role-description{margin:0;color:var(--fg-secondary);font-size:.9rem}.permissions-section{margin:0;padding:0;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}.permissions-section strong{display:block;margin:0;padding:0;color:var(--fg);font-size:.875rem;font-weight:600;flex-shrink:0}.permissions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.permissions-list li{color:var(--fg-secondary);font-size:.875rem;padding-left:1.25rem;padding-right:.5rem;margin:0;position:relative;display:block;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;min-height:1.5em}.permissions-list li:before{content:"•";position:absolute;left:.25rem;top:.125em;color:var(--accent);font-weight:700;line-height:1.5;font-size:.875rem}.role-members-preview{margin:0;padding:0;padding-top:1rem;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:.5rem}.role-members-preview strong{display:block;margin:0;padding:0;color:var(--fg);font-size:.875rem;font-weight:600;flex-shrink:0}.role-members-list{display:flex;flex-wrap:wrap;gap:.5rem}.role-member-tag{padding:.25rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:.8rem;color:var(--fg-secondary)}.role-card h4{margin:0;color:var(--fg);font-size:1rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.role-card p{margin:0;color:var(--fg-secondary);font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.crm-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.crm-menu-btn:hover{background:var(--bg);border-color:var(--accent);transform:translateY(-1px)}.menu-icon{font-size:1rem;color:var(--fg);font-weight:500}.crm-global-search{flex:1}.search-box-global{position:relative;max-width:100%}.search-input-global{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.9rem}.search-input-global:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd9641a}.search-box-global .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--fg-secondary);font-size:1rem}.crm-tabs{display:flex;gap:.5rem;flex-shrink:0}.crm-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.crm-tab:hover{color:var(--fg);background:var(--bg-secondary)}.crm-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-secondary)}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}.crm-tab-content{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.crm-tab-content.analytics-tab{overflow:visible;overflow-y:auto}@media (orientation: landscape) and (max-height: 768px){.crm-tab-content.analytics-tab{overflow:visible!important;overflow-y:visible!important;overflow-x:visible!important}}@media (max-width: 768px){.crm-tab-content{overflow:visible;min-height:auto}.crm-tab-content.analytics-tab{overflow-y:auto!important;overflow-x:visible!important}}@media (orientation: landscape) and (max-height: 768px){.crm-tab-content{overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:row!important;width:max-content!important}.crm-tab-content.analytics-tab,.crm-tab-content.overview-tab,.crm-tab-content.reports-tab{overflow-x:auto!important;overflow-y:hidden!important}}.analytics-dashboard{height:100%;display:flex;flex-direction:column;overflow:visible;min-height:0;width:100%;padding:0 1rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem}.analytics-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.date-range-picker{display:flex;flex-direction:column;gap:.5rem;transition:opacity .2s ease;width:100%;min-width:0}.date-range-picker *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.date-range-inputs{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.date-range-inputs .date-granularity-select{flex:1 1 0;min-width:140px;max-width:200px;box-sizing:border-box}.date-input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;min-width:0;flex:1 1 0;transition:all .2s ease;box-sizing:border-box;color-scheme:light dark}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(.8);opacity:.7;width:18px;height:18px;padding:2px}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1)}.date-input::-moz-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(.8);opacity:.7}.date-input::-moz-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1)}.date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.date-input:hover{border-color:var(--accent)}.date-separator{color:var(--fg-secondary);font-size:.85rem;flex-shrink:0;white-space:nowrap}.date-granularity-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;width:140px;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-sizing:border-box}.date-granularity-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.date-granularity-select:hover{border-color:var(--accent)}.date-presets-row{display:flex;align-items:center;gap:.5rem;width:100%;flex-wrap:nowrap;box-sizing:border-box}.date-presets{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1 1 0;min-width:0;box-sizing:border-box}.date-filter-select{flex:1 1 0;min-width:140px;max-width:200px;box-sizing:border-box}.date-presets::-webkit-scrollbar{height:6px}.date-presets::-webkit-scrollbar-track{background:transparent}.date-presets::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.date-presets::-webkit-scrollbar-thumb:hover{background:var(--accent)}.date-preset-btn{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;min-width:fit-content}.date-preset-btn:hover{background:var(--bg);border-color:var(--accent)}.date-preset-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.analytics-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}.analytics-section h3{font-size:1rem;font-weight:600;color:var(--fg);margin:0 0 .75rem;flex-shrink:0}.chart-section{display:flex;flex-direction:column;overflow:visible;padding-bottom:1rem;margin-bottom:0;min-height:380px;max-height:420px}.chart-filters{margin-bottom:.75rem;flex-shrink:0}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:12px;height:12px;border-radius:2px;display:inline-block}.line-chart-container{display:flex;flex-direction:column;overflow:visible;width:100%;height:100%;padding-bottom:1.5rem;margin-bottom:0;flex:1;min-height:350px}.line-chart{width:100%;min-height:350px;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.chart-svg{width:100%;height:auto;min-height:350px;display:block;overflow:visible}.chart-svg path,.chart-svg line,.chart-svg circle,.chart-svg text{vector-effect:non-scaling-stroke}.grid-line{stroke:var(--border);stroke-width:1;opacity:.3}.axis-label{font-size:12px;fill:var(--fg-secondary);font-weight:500}.chart-line{stroke-linecap:round;stroke-linejoin:round}.chart-line.comparison{opacity:.7}.chart-point{cursor:pointer;transition:r .2s ease}.chart-point:hover{r:5}.analytics-header h2{font-size:1.5rem;font-weight:600;color:var(--fg);margin:0}.time-range-selector{display:flex;align-items:center;gap:.5rem}.time-range-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.85rem;cursor:pointer}.analytics-content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:2rem}@media (orientation: landscape) and (max-height: 768px){.analytics-content{overflow:visible!important;overflow-y:hidden!important;overflow-x:visible!important;min-height:0!important;max-height:calc(100vh - 100px)!important;flex:none!important;padding-bottom:0!important;display:flex!important;flex-direction:row!important;width:max-content!important;gap:.75rem!important;align-items:flex-start!important}.analytics-filters{flex-direction:column!important;gap:.5rem!important;width:100%!important;font-size:.9rem!important}.date-range-picker{width:100%!important}.date-range-inputs{flex-direction:column!important;gap:.5rem!important}.date-input{font-size:.9rem!important;padding:.5rem!important}.date-granularity-select{font-size:.9rem!important;padding:.5rem!important;width:100%!important}.date-presets-row{flex-direction:column!important;gap:.5rem!important}.analytics-header .date-presets-row{flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(.25rem,1vw,.5rem)!important;width:100%!important;display:flex!important;visibility:visible!important;opacity:1!important;align-items:stretch!important;height:auto!important;min-height:45px!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important}.analytics-header .date-presets-row>.date-filter-branch{order:1!important;flex:0 0 auto!important;width:min(120px,15vw)!important;max-width:min(120px,15vw)!important;min-width:min(120px,15vw)!important}.analytics-header .date-presets-row>.date-filter-category{order:3!important;flex:0 0 auto!important;width:min(120px,15vw)!important;max-width:min(120px,15vw)!important;min-width:min(120px,15vw)!important}.analytics-header .date-presets-row>.date-presets{order:2!important;flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:min(200px,25vw)!important}.date-presets{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;gap:.4rem!important}.analytics-header .date-presets{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:clamp(.3rem,.8vw,.4rem) clamp(.4rem,1vw,.5rem)!important;flex-direction:row!important;flex-wrap:nowrap!important;order:2!important;align-self:stretch!important;gap:clamp(.25rem,.8vw,.4rem)!important;height:auto!important;min-height:40px!important;max-height:none!important;overflow-x:auto!important;overflow-y:visible!important;align-items:center!important}.analytics-header .date-filter-branch,.analytics-header .date-filter-category{display:block!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;width:min(100px,12vw)!important;min-width:min(100px,12vw)!important;max-width:min(100px,12vw)!important;margin:0!important;align-self:stretch!important;height:auto!important;min-height:40px!important;overflow:visible!important}.analytics-header .date-filter-branch{order:1!important}.analytics-header .date-presets{order:2!important}.analytics-header .date-filter-category{order:3!important}.date-preset-btn{font-size:.85rem!important;padding:.4rem .6rem!important;white-space:nowrap!important}.date-filter-select{font-size:.9rem!important;padding:.5rem!important;width:100%!important}.analytics-header .date-filter-select{width:min(100px,12vw)!important;min-width:min(100px,12vw)!important;max-width:min(100px,12vw)!important}}.analytics-grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto minmax(0,1fr);gap:1rem;overflow:hidden;min-height:0}.kpi-section{flex-shrink:0;max-height:130px;padding:1rem 1rem 1.25rem}.kpi-section h3{margin:0 0 .75rem;flex-shrink:0}.kpi-section .kpi-grid{padding:0;margin:0}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow:visible;align-content:start;margin-bottom:0;flex-shrink:0}.bottom-sections-grid{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-height:180px;overflow:hidden;margin-top:0;padding-top:0;clear:both}.bottom-sections-grid .analytics-section{overflow-y:auto;overflow-x:hidden;max-height:100%}.branch-performance{display:flex;flex-direction:column;gap:.375rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}@media (max-width: 768px){.analytics-content{overflow-y:auto!important;overflow-x:visible!important;min-height:auto!important;flex:1!important;padding-bottom:2rem!important}.charts-grid{grid-template-columns:1fr;overflow:visible;gap:1.5rem}.bottom-sections-grid{max-height:none!important;overflow:visible!important;margin-bottom:1rem!important}.bottom-sections-grid .analytics-section{max-height:none!important;overflow:visible!important}.chart-section{min-height:600px!important;max-height:none!important;padding:1rem;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.line-chart-container{min-height:500px!important;padding-bottom:0!important;overflow:hidden!important;width:100%!important;position:relative!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}.line-chart-container.landscape-mode{overflow:hidden!important;flex:1 1 0!important;min-height:0!important;align-self:stretch!important}.chart-header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem!important;gap:.5rem}.chart-header-mobile h3{margin:0;flex:1}.fullscreen-chart-btn:hover{background:var(--accent)!important;color:var(--accent-text)!important;border-color:var(--accent)!important}.line-chart{width:100%!important;min-width:0!important;max-width:100%!important;min-height:500px!important;height:100%!important;flex:1 1 0!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important;justify-content:flex-end!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.line-chart-container.landscape-mode .line-chart{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;min-height:0!important;height:100%!important;flex:1 1 0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.chart-svg{width:100%!important;max-width:100%!important;height:100%!important;display:block!important;overflow:hidden!important}.line-chart-container.landscape-mode .chart-svg{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}.line-chart .recharts-responsive-container{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}.line-chart .recharts-responsive-container>div{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}.line-chart .recharts-wrapper{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}.line-chart-container.landscape-mode .recharts-wrapper,.line-chart-container.landscape-mode .recharts-responsive-container{height:100%!important;min-height:0!important;width:100%!important;min-width:100%!important;max-width:100%!important}.line-chart-container.landscape-mode .recharts-responsive-container>div{width:100%!important;min-width:100%!important;height:100%!important}.y-axis-label-fixed{transform:translateY(-50%)}.chart-svg text{font-size:18px!important}.axis-label{font-size:18px!important}.chart-section h3{font-size:1.3rem;margin-bottom:1rem;font-weight:600}.chart-filters{margin-bottom:1rem}.bottom-sections-grid{grid-template-columns:1fr}.analytics-filters{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.date-range-picker{width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0;overflow:visible}.date-range-inputs{flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0;overflow:hidden}.date-input{min-width:0;flex:1 1 calc(50% - .25rem);max-width:calc(50% - .25rem);box-sizing:border-box}.date-range-inputs .date-granularity-select{width:100%;max-width:100%;flex:1 1 100%;margin-top:.5rem;box-sizing:border-box}.date-presets-row{display:flex;flex-direction:column;align-items:stretch;gap:0!important;width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0;overflow:visible}.date-filter-branch{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;box-sizing:border-box;margin:0 0 .75rem!important}.analytics-header .date-presets-row{flex-direction:row!important;flex-wrap:wrap!important;gap:clamp(.25rem,1vw,.5rem)!important;width:100%!important;display:flex!important;visibility:visible!important;opacity:1!important;align-items:stretch!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;position:relative!important;z-index:1!important}.analytics-header .date-presets-row>.date-filter-branch{order:1!important;flex:0 0 calc(50% - clamp(.125rem,.5vw,.25rem))!important;width:calc(50% - clamp(.125rem,.5vw,.25rem))!important;max-width:calc(50% - clamp(.125rem,.5vw,.25rem))!important}.analytics-header .date-presets-row>.date-filter-category{order:3!important;flex:0 0 calc(50% - clamp(.125rem,.5vw,.25rem))!important;width:calc(50% - clamp(.125rem,.5vw,.25rem))!important;max-width:calc(50% - clamp(.125rem,.5vw,.25rem))!important}.analytics-header .date-presets-row>.date-presets{order:2!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important}.analytics-header .date-range-picker .date-presets-row .date-presets,.analytics-header .analytics-filters .date-range-picker .date-presets-row .date-presets{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 0!important;min-width:min(200px,30vw)!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;height:auto!important;min-height:40px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important}.analytics-header .date-filter-branch{order:1!important;width:calc(50% - clamp(.125rem,.5vw,.25rem))!important;max-width:calc(50% - clamp(.125rem,.5vw,.25rem))!important;min-width:0!important;flex:1 1 0!important;margin:0!important;flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important}.date-presets{order:2!important;display:flex!important;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0 .75rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0!important;margin-bottom:1rem!important;position:relative;z-index:10;flex:none!important;flex-shrink:0;min-width:0}.analytics-header .date-range-picker .date-presets-row .date-presets,.analytics-header .analytics-filters .date-range-picker .date-presets-row .date-presets{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 0!important;min-width:min(200px,30vw)!important;width:auto!important;max-width:none!important;margin:0!important;padding:clamp(.3rem,.8vw,.4rem) clamp(.4rem,1vw,.5rem)!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(.25rem,.8vw,.4rem)!important;height:auto!important;min-height:40px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;align-items:center!important;z-index:6!important;position:relative!important}.analytics-header .date-range-picker .date-presets-row .date-presets .date-preset-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;white-space:nowrap!important;min-width:auto!important;width:auto!important;height:auto!important}.analytics-header .date-presets,.analytics-header .date-range-picker .date-presets-row .date-presets,.analytics-header .analytics-filters .date-range-picker .date-presets-row .date-presets{order:2!important;display:flex!important;visibility:visible!important;opacity:1!important;flex:none!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:clamp(.3rem,.8vw,.4rem) clamp(.4rem,1vw,.5rem)!important;flex-direction:row!important;flex-wrap:nowrap!important;align-self:stretch!important;gap:clamp(.25rem,.8vw,.4rem)!important;height:auto!important;min-height:40px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;align-items:center!important;z-index:6!important}.date-preset-btn{flex-shrink:0!important;scroll-snap-align:start;white-space:nowrap;box-sizing:border-box}.analytics-header .date-preset-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;white-space:nowrap!important}.date-filter-category{order:3!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;box-sizing:border-box;margin:0!important;position:relative;z-index:1;flex-shrink:0;clear:both;display:block!important}.analytics-header .date-filter-category{order:3!important;width:calc(50% - clamp(.125rem,.5vw,.25rem))!important;max-width:calc(50% - clamp(.125rem,.5vw,.25rem))!important;min-width:0!important;flex:1 1 0!important;margin:0!important;clear:none!important;flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:3!important}.date-filter-select{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;box-sizing:border-box;margin:0}.analytics-header .date-filter-select{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.kpi-section{max-height:none!important;padding:1rem!important}.kpi-card{padding:.75rem}.chart-svg text{font-size:14px!important}.axis-label{font-size:14px!important}.analytics-dashboard{padding:0 .75rem;box-sizing:border-box}.analytics-header{padding:.75rem 0;box-sizing:border-box}.analytics-filters{width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0}.crm-search-row{padding:0 .75rem}.analytics-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem;overflow:visible}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.kpi-card{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px}.kpi-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);border-radius:4px;flex-shrink:0}.kpi-content{flex:1}.kpi-value{font-size:1rem;font-weight:700;color:var(--fg);margin-bottom:.125rem;line-height:1.2}.kpi-label{font-size:.7rem;color:var(--fg-secondary);margin-bottom:.125rem;line-height:1.2}.kpi-change{font-size:.65rem;font-weight:600;line-height:1.2}.kpi-change.positive{color:#22c55e}.kpi-change.negative{color:#ef4444}.chart-container{flex:1;display:flex;align-items:end;padding:1rem 0}.simple-chart{display:flex;align-items:end;gap:.25rem;width:100%;height:100%}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:4px;transition:height .3s ease}.bar-label{font-size:.6rem;color:var(--fg-secondary);margin-top:.25rem;text-align:center}.source-breakdown{display:flex;flex-direction:column;gap:.75rem}.source-item{display:flex;align-items:center;gap:.75rem}.source-label{font-size:.8rem;color:var(--fg);width:5rem;min-width:5rem;max-width:5rem;flex-shrink:0}.source-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;min-width:0}.source-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.source-value{font-size:.75rem;color:var(--fg-secondary);font-weight:600;width:2.5rem;min-width:2.5rem;max-width:2.5rem;text-align:right;flex-shrink:0}.branch-performance{display:flex;flex-direction:column;gap:.375rem;overflow-y:auto;overflow-x:hidden}@media (min-width: 769px) and (min-height: 769px){.bottom-sections-grid .analytics-section .branch-performance{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important;overflow-y:auto!important;overflow-x:hidden!important}.bottom-sections-grid .analytics-section .branch-item{width:100%!important;max-width:100%!important}}.branch-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;min-height:0;flex-shrink:0}.branch-name{font-size:.8rem;font-weight:600;color:var(--fg);line-height:1.2}.branch-stats{display:flex;flex-direction:column;gap:.125rem;font-size:.7rem;align-items:flex-end;text-align:right;line-height:1.2}.branch-revenue-container{display:flex;align-items:baseline;gap:.125rem}.branch-revenue{font-weight:600;color:var(--accent);font-size:.7rem;line-height:1.2}.branch-revenue-label{font-size:.6rem;color:var(--fg-secondary);font-weight:400;line-height:1.2}.branch-leads{color:var(--fg-secondary);font-size:.7rem;line-height:1.2}.branch-projects{color:var(--fg-secondary)}.reports-dashboard{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%;position:relative}.reports-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:1}.reports-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.reports-header h2{font-size:1.5rem;font-weight:600;color:var(--fg);margin:0}.reports-header p{color:var(--fg-secondary);margin:0}.reports-stats{display:flex;gap:1rem;flex-wrap:wrap;align-items:stretch}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-width:80px;flex:1 1 auto;min-height:80px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.7rem;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center}.reports-tabs{display:flex;gap:.75rem;border-bottom:none;margin-top:1rem;padding-bottom:0}.reports-tabs .tab-button{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:0;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box}.reports-tabs .tab-button:active{transform:scale(.98)}.reports-tabs .tab-button:hover{color:var(--fg);background:var(--card);border-color:var(--accent)}.reports-tabs .tab-button.active{color:var(--accent-text);background:var(--accent);border-color:var(--accent);font-weight:600}.reports-tabs .tab-button.active:hover{background:var(--accent);border-color:var(--accent);opacity:.9}.reports-content{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;z-index:1;padding-bottom:2rem}@media (max-width: 768px){.reports-dashboard{padding:0 1rem;box-sizing:border-box}.reports-content{overflow:visible;padding:0}}.reports-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;position:relative;z-index:1;width:100%;box-sizing:border-box}.reports-section h3{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 1rem}.report-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.report-types-grid{grid-template-columns:1fr}}.report-type-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:70px;min-width:0;max-width:100%;-webkit-user-select:none;user-select:none}.report-type-card:active{transform:scale(.98)}.report-type-card:hover{border-color:var(--accent);background:var(--bg)}.report-type-card.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.report-type-card.selected .report-info h4,.report-type-card.selected .report-info p{color:var(--accent-text)}.report-icon{font-size:1.5rem;flex-shrink:0}.report-info h4{font-size:.9rem;font-weight:600;margin:0 0 .25rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.report-info p{font-size:.75rem;margin:0;opacity:.8;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.report-config{display:flex;flex-direction:column;gap:1rem}.config-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.config-row{flex-direction:column;align-items:flex-start}.config-row label{min-width:auto;width:100%}.config-select,.date-inputs{width:100%}.date-inputs{flex-direction:column;align-items:stretch}.format-options{flex-direction:column;gap:.5rem}.config-actions{flex-direction:column;width:100%}.config-actions button{width:100%}}.config-row label{font-size:.9rem;font-weight:500;color:var(--fg);min-width:8rem}.config-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-sizing:border-box}.date-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-inputs input[type=date]{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;transition:all .2s ease;box-sizing:border-box;color-scheme:light dark;min-width:140px;flex:1 1 0}.date-inputs input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(.8);opacity:.7;width:18px;height:18px;padding:2px}.date-inputs input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1)}.date-inputs input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(.8);opacity:.7}.date-inputs input[type=date]::-moz-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1)}.date-inputs input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.date-inputs input[type=date]:hover{border-color:var(--accent)}.date-inputs span{color:var(--fg-secondary);font-size:.85rem;flex-shrink:0;white-space:nowrap}.format-options{display:flex;gap:1rem}.format-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.format-option input[type=radio]{margin:0}.config-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.config-actions button{flex:1;min-width:150px}.recent-reports{display:flex;flex-direction:column;gap:.75rem}.report-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:all .2s ease;position:relative;z-index:1}.report-item:hover{border-color:var(--accent);background:var(--bg)}.report-details{flex:1}.report-details h4{font-size:.9rem;font-weight:600;color:var(--fg);margin:0 0 .125rem}.report-details p{font-size:.75rem;color:var(--fg-secondary);margin:0}.report-actions{display:flex;gap:.5rem}.reports-section .templates-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:1.5rem!important;width:100%!important;box-sizing:border-box!important;align-items:stretch!important}.reports-section .templates-grid .template-card{min-width:0!important;max-width:100%!important;overflow:hidden!important;contain:layout style!important;height:100%!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;padding:1.25rem!important;background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important;transition:all .2s ease!important;position:relative!important;min-height:0!important;width:100%!important;box-sizing:border-box!important;isolation:isolate!important;gap:.75rem!important}.reports-section .template-card{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:1.25rem!important;background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:8px!important;transition:all .2s ease!important;position:relative!important;min-height:0!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important;isolation:isolate!important;contain:layout style!important;height:100%!important;align-self:stretch!important}.reports-section .template-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.reports-section .template-card .btn-sm{margin-top:auto;align-self:flex-start;flex-shrink:0}.reports-section .template-icon{font-size:2rem;margin-bottom:.5rem;flex-shrink:0;line-height:1}.reports-section .template-info{display:flex!important;flex-direction:column!important;gap:.5rem!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;overflow:hidden!important;width:100%!important;max-width:100%!important;position:relative!important;z-index:1!important}.reports-section .template-info h4{font-size:1rem;font-weight:600;color:var(--fg);margin:0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.reports-section .template-info p{font-size:.85rem;color:var(--fg-secondary);margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.reports-section .template-reports{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;position:relative!important;flex-shrink:0!important;min-height:fit-content!important}.reports-section .template-report-tag{display:flex!important;align-items:center!important;gap:.25rem!important;padding:.25rem .5rem!important;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:4px!important;font-size:.7rem!important;color:var(--fg-secondary)!important;white-space:normal!important;flex-shrink:0!important;flex-grow:0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;position:relative!important;z-index:1!important;word-wrap:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important;line-height:1.4!important}.reports-section .template-report-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (orientation: landscape) and (max-height: 768px){.reports-section .templates-grid .template-card{overflow:visible!important;contain:none!important;height:auto!important;max-height:none!important;min-height:auto!important;isolation:auto!important}.reports-section .template-info{overflow:visible!important}.reports-section .template-info h4{overflow:visible!important;max-height:none!important;display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.reports-section .template-info p{overflow:visible!important;display:block!important}.reports-section .template-reports,.reports-section .template-report-tag{overflow:visible!important}.reports-section .template-report-tag span{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word!important}}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none;box-shadow:none}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-action h3{margin:0}.section-header-with-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.section-header-with-filters h3{margin:0}.history-filters{display:flex;gap:.75rem;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.85rem}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-sizing:border-box}.scheduled-reports-list{display:flex;flex-direction:column;gap:.75rem}.scheduled-report-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:all .2s ease;position:relative;z-index:1}.scheduled-report-item:hover{border-color:var(--accent)}.scheduled-report-item.disabled{opacity:.6}.scheduled-report-info{flex:1}.scheduled-report-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.scheduled-report-header h4{font-size:1rem;font-weight:600;color:var(--fg);margin:0}.schedule-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.schedule-status.active{color:var(--success);background:#10b9811a}.schedule-status.inactive{color:var(--fg-secondary);background:var(--bg)}.scheduled-report-details{display:flex;gap:1rem;flex-wrap:wrap}.detail-item{font-size:.8rem;color:var(--fg-secondary)}.scheduled-report-actions{display:flex;gap:.5rem}.schedule-modal{max-width:600px;width:90%;position:relative;z-index:1001}.schedule-form{display:flex;flex-direction:column;gap:1rem}.selected-report-type{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;font-size:.9rem;color:var(--fg)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--fg)}.form-group input[type=text],.form-group input[type=date],.form-group select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.85rem}.form-group input[type=checkbox]{margin-right:.5rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.empty-state{padding:3rem 1rem;text-align:center;color:var(--fg-secondary)}.empty-state p{margin:0;font-size:.9rem}.budget-summary{display:flex;flex-direction:column;gap:.75rem}.budget-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:6px}.budget-label{font-size:.9rem;color:var(--fg-secondary)}.budget-value{font-size:1rem;font-weight:600;color:var(--fg)}@media (max-width: 768px){.reports-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.reports-stats{width:100%;justify-content:space-around}.reports-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;flex-shrink:0}.templates-grid{grid-template-columns:1fr}.history-filters{flex-direction:column}.search-input,.filter-select{width:100%}.scheduled-report-item{flex-direction:column;align-items:flex-start;gap:1rem}.scheduled-report-actions{width:100%;justify-content:flex-end}}.settings-dashboard{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%;padding:1.5rem;box-sizing:border-box}.settings-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border);flex-shrink:0;padding-left:0;padding-right:0}.settings-header h2{font-size:1.5rem;font-weight:600;color:var(--fg);margin:0 0 .5rem}.settings-header p{color:var(--fg-secondary);margin:0}.settings-layout{flex:1;display:flex;gap:2rem;overflow:hidden;padding-left:0;padding-right:0}.settings-sidebar{width:180px;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.settings-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:6px;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.settings-tab:hover{background:var(--bg-secondary);color:var(--fg)}.notifications .notifications-content-area .settings-tab,.notifications .notifications-content-area .settings-tab:hover{background:transparent!important;color:inherit!important;transition:none!important}.notifications .settings-tab:has(.settings-section):hover,.notifications .settings-tab:has(.settings-sections-grid):hover{background:transparent!important;color:inherit!important}.settings-tab:hover .settings-section,.notifications .settings-tab:hover .settings-section{background:var(--card)!important;background-color:var(--card)!important}.settings-tab.active{background:var(--accent);color:var(--accent-text)}.settings-main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}@media (max-width: 768px){.settings-main{overflow:visible}}.settings-content{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow:hidden;box-sizing:border-box;width:100%;min-width:0;max-width:100%}.settings-content h3{font-size:1.2rem;font-weight:600;color:var(--fg);margin:0 0 1.5rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-content .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}.settings-content .form-group label{font-size:.9rem;font-weight:500;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.settings-content .form-group input[type=text],.settings-content .form-group input[type=email],.settings-content .form-group select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font-size:.9rem;box-sizing:border-box;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;cursor:pointer}.settings-content .form-group input[type=text],.settings-content .form-group input[type=email]{background-image:none;cursor:text}.settings-content .form-group select:focus,.settings-content .form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.checkbox-group input[type=checkbox]{margin:0;flex-shrink:0}.integrations-tab{width:100%;display:flex;flex-direction:column;gap:2rem}.integrations-header{margin-bottom:1rem}.integrations-header h3{font-size:1.5rem;font-weight:700;color:var(--fg);margin:0 0 .5rem}.integrations-header p{font-size:.9rem;color:var(--fg-secondary);margin:0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem!important;row-gap:2.5rem!important;column-gap:2.5rem!important;margin-bottom:2.5rem!important;padding:0}.integration-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-sizing:border-box;margin-bottom:0!important;margin-top:0!important}.integration-icon{font-size:2rem;text-align:center;flex-shrink:0}.integration-info{flex:1;min-width:0;max-width:100%}.integration-info h4{font-size:1rem;font-weight:600;color:var(--fg);margin:0 0 .5rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.integration-info p{font-size:.85rem;color:var(--fg-secondary);margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.data-management{border-top:1px solid var(--border);padding-top:2.5rem;margin-top:2.5rem}.data-management h4{font-size:1.1rem;font-weight:600;color:var(--fg);margin:0 0 1.5rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.data-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.analytics-dashboard .kpi-grid{grid-template-columns:repeat(2,1fr)!important}.report-types-grid{grid-template-columns:1fr}.settings-dashboard{padding:1rem}.settings-layout{flex-direction:column;gap:1.5rem}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;gap:.5rem}.settings-tab{white-space:nowrap;flex-shrink:0}.integrations-grid{grid-template-columns:1fr!important;gap:2rem!important;row-gap:2rem!important;column-gap:2rem!important}.data-actions{flex-direction:column;width:100%}.data-actions button{width:100%}}@media (max-width: 480px){.crm-tabs{flex-wrap:wrap}.crm-tab{flex:1;min-width:0}.tab-label{display:none}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.config-row{flex-direction:column;align-items:flex-start;gap:.5rem}.config-row label{min-width:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-secondary)}.report-preview-modal{max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column;position:relative;z-index:1001}.report-preview-modal .modal-body{overflow-y:auto;flex:1;min-height:0}.report-preview{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.preview-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.preview-header h4{font-size:1.2rem;font-weight:600;color:var(--fg);margin:0 0 .5rem}.preview-header p{color:var(--fg-secondary);margin:0;font-size:.9rem}.preview-content{display:flex;flex-direction:column;gap:1.5rem}.preview-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1rem;min-height:0;height:auto;display:flex;flex-direction:column}.preview-section h5{font-size:1rem;font-weight:600;color:var(--fg);margin:0 0 .75rem}.preview-section p{color:var(--fg-secondary);margin:0;line-height:1.5}.preview-section ul{margin:0;padding-left:1.5rem;color:var(--fg-secondary)}.preview-section li{margin-bottom:.5rem;line-height:1.4}.report-edit-modal{max-width:500px}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-form label{font-size:.9rem;font-weight:500;color:var(--fg)}.edit-form input[type=text],.edit-form select{padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.9rem}.edit-form input[type=checkbox]{width:1rem;height:1rem;margin:0}.report-actions{display:flex;gap:.25rem;flex-wrap:wrap}.report-actions .btn-icon{padding:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--fg-secondary);cursor:pointer;transition:all .2s ease;font-size:.8rem;min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.report-actions .btn-icon:hover{background:var(--bg-secondary);color:var(--fg);border-color:var(--accent)}.report-actions .btn-icon.danger:hover{background:#fee;color:#c33;border-color:#fcc}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem;align-items:start}.preview-grid .preview-section{min-height:0;height:auto;display:flex;flex-direction:column}.summary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem;max-width:100%}.metric-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;text-align:center;min-width:0;max-width:100%;min-height:fit-content;height:auto}.metric-value{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:.25rem;line-height:1.2;max-width:100%;word-wrap:break-word}.metric-label{font-size:.8rem;color:var(--fg-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.data-table{display:flex;flex-direction:column;gap:.5rem}.table-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;align-items:center}.table-row span{font-size:.85rem;color:var(--fg)}.customer-name,.lead-customer{font-weight:600}.customer-company,.lead-company{color:var(--fg-secondary)}.revenue,.lead-value{font-weight:600;color:var(--accent);text-align:right}.distribution-chart{display:flex;flex-direction:column;gap:.75rem}.distribution-item{display:flex;align-items:center;gap:1rem}.branch-info{display:flex;flex-direction:column;min-width:8rem}.branch-name{font-weight:600;color:var(--fg);font-size:.85rem}.branch-count{font-size:.75rem;color:var(--fg-secondary)}.progress-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.percentage{font-size:.8rem;font-weight:600;color:var(--fg-secondary);min-width:2.5rem;text-align:right}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;max-width:100%}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px}.status-name{font-size:.8rem;color:var(--fg);font-weight:500}.status-count{font-size:.8rem;font-weight:600;color:var(--accent)}.status-percentage{font-size:.75rem;color:var(--fg-secondary)}.trend-chart{display:flex;align-items:end;gap:.5rem;height:120px;padding:1rem 0}.trend-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.month{font-size:.7rem;color:var(--fg-secondary);font-weight:500}.trend-bar{width:100%;height:80px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;display:flex;align-items:end}.trend-fill{width:100%;background:var(--accent);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:4px}.trend-value{font-size:.7rem;color:var(--fg);font-weight:600;text-align:center}.reports-section:first-child{grid-column:1 / -1}.reports-section:nth-child(2){grid-column:1 / 3}.reports-section:last-child{grid-column:1 / -1}.reports-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--fg);flex-shrink:0}.report-types-grid,.report-config,.recent-reports{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.report-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;min-height:0;flex-shrink:0}.report-item:last-child{margin-bottom:0}.report-details{flex:1;min-width:0}.report-details h4{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-details p{margin:0;font-size:.8rem;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.preview-grid{grid-template-columns:1fr}.summary-metrics{grid-template-columns:repeat(2,1fr)}.status-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.reports-content{grid-template-columns:1fr 1fr}.reports-section:nth-child(2){grid-column:1 / -1}}@media (max-width: 768px){.reports-dashboard{padding:0 .5rem}.reports-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.reports-section:nth-child(2){grid-column:1 / -1}.summary-metrics{grid-template-columns:1fr}.table-row{grid-template-columns:1fr;gap:.25rem}.trend-chart{height:100px}.trend-bar{height:60px}.crm-container{padding:0 .5rem}}.popout-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;display:flex;justify-content:flex-start;align-items:flex-start;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out;overflow:hidden;touch-action:none}body:has(.popout-menu-overlay),html:has(.popout-menu-overlay){overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}@media (max-width: 768px){.popout-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0}body:has(.popout-menu-overlay),html:has(.popout-menu-overlay),#root:has(.popout-menu-overlay){overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;height:100vh!important;height:100dvh!important}}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.popout-menu{background:var(--bg);border-right:1px solid var(--border);box-shadow:4px 0 25px -5px #00000026;width:240px;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:slideInLeft .3s cubic-bezier(.25,.46,.45,.94);transform-origin:left center}@media (orientation: landscape) and (max-height: 768px){.popout-menu-overlay{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;top:0!important;bottom:0!important;padding:0!important;box-sizing:border-box!important}.popout-menu-overlay:before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:env(safe-area-inset-left,0)!important;height:100%!important;background:var(--bg)!important;z-index:1001!important;pointer-events:none!important}.popout-menu-overlay:after{content:""!important;position:absolute!important;right:0!important;top:0!important;width:env(safe-area-inset-right,0)!important;height:100%!important;background:#0000004d!important;z-index:1000!important;pointer-events:none!important}.popout-menu{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;width:240px!important;min-width:240px!important;max-width:240px!important;margin-left:0!important;box-sizing:border-box!important;flex-shrink:0!important}.popout-menu-header{padding-top:calc(.75rem + env(safe-area-inset-top,0))!important;padding-bottom:.75rem!important;padding-left:1rem!important;padding-right:1rem!important}.popout-menu-footer{padding-top:.5rem!important;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))!important;padding-left:.75rem!important;padding-right:.75rem!important}.popout-menu-content{padding-left:.5rem!important;padding-right:.5rem!important}body:has(.popout-menu-overlay),html:has(.popout-menu-overlay),#root:has(.popout-menu-overlay){overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;height:100vh!important;height:100dvh!important;top:0!important;left:0!important;right:0!important;bottom:0!important}}@keyframes slideInLeft{0%{transform:translate(-100%) scale(.95);opacity:0}50%{opacity:.3;transform:translate(-50%) scale(.98)}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}50%{opacity:.3}to{transform:translate(-100%);opacity:0}}.popout-menu-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg);min-height:48px}.popout-menu-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.8rem;font-weight:600;color:var(--fg);line-height:1.2}.user-role{font-size:.65rem;color:var(--fg-secondary);text-transform:capitalize}.popout-menu-close{width:24px;height:24px;border:none;background:transparent;color:var(--fg-secondary);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.popout-menu-close:hover{background:var(--bg-secondary);color:var(--fg)}.popout-menu-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem 0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.popout-menu-section{margin-bottom:.125rem}.popout-menu-section-header{width:100%;display:flex;align-items:baseline;gap:.5rem;padding:.375rem .75rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-size:.75rem!important;font-weight:600;color:var(--fg-secondary);text-align:left;text-transform:uppercase;letter-spacing:.3px;line-height:1;min-height:20px}.popout-menu-section-header:hover{background:var(--bg-secondary);color:var(--fg)}.section-icon{font-size:.75rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;line-height:1}.popout-menu-section-header .section-title{flex:1;text-align:left;font-size:.75rem!important;font-weight:600;line-height:1;vertical-align:middle}.section-arrow{font-size:.6rem;transition:transform .25s cubic-bezier(.4,0,.2,1);color:var(--fg-secondary);transform-origin:center}.section-arrow.expanded{transform:rotate(180deg)}.popout-menu-items{margin-top:.0625rem;display:flex;flex-direction:column;gap:.03125rem;padding-left:0;animation:fadeInUp .2s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.popout-menu-item{display:flex;align-items:baseline;gap:.375rem;padding:.25rem .75rem .25rem 1.25rem;background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;font-size:.75rem!important;color:var(--fg);text-align:left;width:100%;border-left:2px solid transparent;position:relative;font-weight:400;line-height:1;min-height:20px}.popout-menu-item:hover{background:var(--bg-secondary);border-left-color:var(--accent)}.popout-menu-item.active{background:var(--accent);color:var(--accent-text);border-left-color:var(--accent-text);font-weight:500}.popout-menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-text)}.item-icon{font-size:.7rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;line-height:1}.item-label{flex:1;font-size:.75rem!important;font-weight:400;line-height:1;vertical-align:middle}.popout-menu-footer{padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--bg)}.popout-menu-actions{display:flex;gap:.25rem}.popout-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .375rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .2s ease;font-size:.65rem;color:var(--fg);font-weight:500}.popout-action-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}@media (max-width: 1200px){.analytics-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.analytics-section:first-child{grid-column:1 / -1}.report-types-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.popout-menu{width:100%;max-width:100%}.popout-menu-overlay{padding:0}.popout-menu-header{padding:1rem!important;min-height:64px!important}.user-avatar{width:40px!important;height:40px!important;font-size:1rem!important}.user-name{font-size:1rem!important;line-height:1.4!important}.user-role{font-size:.8rem!important}.popout-menu-close{width:44px!important;height:44px!important;font-size:1.5rem!important;min-width:44px!important;min-height:44px!important}.popout-menu-section-header{padding:.875rem 1rem!important;font-size:.875rem!important;min-height:44px!important;gap:.75rem!important}.popout-menu-section-header .section-title{font-size:.875rem!important;line-height:1.4!important}.section-icon{font-size:1rem!important;width:20px!important;height:20px!important}.section-arrow{font-size:.75rem!important}.popout-menu-item{padding:.75rem 1rem .75rem 1.5rem!important;min-height:44px!important;font-size:.875rem!important;gap:.75rem!important}.popout-menu-item .item-icon{font-size:1rem!important;width:20px!important;height:20px!important}.popout-menu-item .item-label{font-size:.875rem!important;line-height:1.4!important}.popout-menu-footer{padding:1rem!important}.popout-action-btn{padding:.75rem 1rem!important;font-size:.875rem!important;min-height:44px!important;gap:.5rem!important}.popout-action-btn span{font-size:1.125rem!important}.popout-menu-section{margin-bottom:.25rem!important}.popout-menu-items{gap:.125rem!important}.popout-menu-content{padding:.5rem 0!important}}.popout-menu-calendar-wrapper{display:none}.menu-calendar{background:var(--bg);border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:.75rem;height:100%;max-height:100%;overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border);flex-shrink:0}.calendar-nav-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg);font-size:1.25rem;font-weight:700;padding:0;flex-shrink:0}.calendar-nav-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.calendar-nav-btn:active{transform:scale(.95)}.calendar-month-year{font-size:1rem;font-weight:600;color:var(--fg);margin:0;text-align:center;flex:1}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;flex-shrink:0}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--fg-secondary);padding:.25rem 0;text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;flex:1;min-height:0;align-content:start}.calendar-day{aspect-ratio:1.4;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--fg);font-size:.875rem;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.25rem;min-width:0;position:relative}.calendar-day .day-number{flex:1;display:flex;align-items:center;justify-content:center}.calendar-day.has-events{border-color:var(--accent)}.calendar-day.has-events .event-indicator{position:absolute;bottom:.125rem;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.calendar-day:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:scale(1.05)}.calendar-day:active{transform:scale(.95)}.calendar-day.today{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}.calendar-day.selected{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700;box-shadow:0 0 0 2px #ffd9644d}.calendar-day.other-month{color:var(--fg-secondary);opacity:.4}.calendar-day.other-month:hover{opacity:.7}.calendar-selected-info{padding-top:.75rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--fg-secondary);text-align:center;flex-shrink:0;line-height:1.4;display:flex;flex-direction:column;min-height:0}.calendar-selected-info .selected-date{font-weight:600;color:var(--fg);margin-bottom:.5rem}.calendar-selected-info .selected-events{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.event-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.event-preview:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.event-type-badge{font-size:1rem;flex-shrink:0}.event-preview .event-title{flex:1;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-preview .event-time{font-size:.7rem;opacity:.8;flex-shrink:0}.calendar-sidebar{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-section-title{font-size:.875rem;font-weight:600;color:var(--fg);margin:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.event-count{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:.125rem .5rem;font-size:.7rem;font-weight:600;color:var(--fg)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--fg)}.quick-action-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translateY(-2px)}.quick-action-btn .action-icon{font-size:1.5rem}.quick-action-btn .action-label{font-size:.75rem;font-weight:500}.events-list{display:flex;flex-direction:column;gap:.5rem}.event-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.event-item:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translate(4px)}.event-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.event-type-icon{font-size:1rem;flex-shrink:0}.event-item-time{font-size:.7rem;font-weight:600;color:var(--fg-secondary)}.event-item:hover .event-item-time{color:var(--bg)}.event-item-title{font-size:.8rem;font-weight:500;color:var(--fg);line-height:1.3}.event-item:hover .event-item-title{color:var(--bg)}.event-item-meta{font-size:.7rem;color:var(--fg-secondary)}.event-item:hover .event-item-meta{color:var(--bg);opacity:.9}.event-priority-indicator{position:absolute;top:.5rem;right:.5rem;width:6px;height:6px;border-radius:50%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--fg-secondary)}.empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-text{font-size:.75rem;margin:0}.selected-date-info{display:flex;flex-direction:column;gap:.75rem}.selected-date-display{font-size:.8rem;font-weight:500;color:var(--fg);line-height:1.4}.create-event-btn{padding:.5rem 1rem;background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:var(--bg);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-event-btn:hover{background:var(--accent);opacity:.9;transform:translateY(-1px)}@media (orientation: landscape) and (max-height: 768px){.popout-menu-overlay{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:0!important;padding-left:env(safe-area-inset-left,0)!important;left:0!important}.popout-menu-calendar-wrapper{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;width:auto!important;min-width:auto!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--bg)!important;border-left:1px solid var(--border)!important}.menu-calendar{width:380px!important;min-width:380px!important;max-width:380px!important;height:100%!important;max-height:100%!important;padding:.5rem!important;padding-top:calc(.5rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))!important;padding-left:.5rem!important;padding-right:.5rem!important;box-sizing:border-box!important;overflow:hidden!important;border-right:1px solid var(--border)!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:.375rem!important;flex-shrink:0!important}.popout-menu-sidebar-wrapper{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:100%!important;max-height:100%!important;padding:1rem!important;padding-top:calc(1rem + env(safe-area-inset-top,0))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;padding-left:1rem!important;padding-right:calc(1rem + env(safe-area-inset-right,0))!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--bg)!important;margin:0!important}.menu-calendar .calendar-header{flex-shrink:0!important;padding-bottom:.375rem!important;padding-top:0!important;margin-bottom:0!important}.menu-calendar .calendar-nav-btn{width:1.75rem!important;height:1.75rem!important;font-size:1rem!important}.menu-calendar .calendar-month-year{font-size:clamp(.8rem,1.2vw,.9rem)!important}.menu-calendar .calendar-weekdays{flex-shrink:0!important;gap:.1rem!important;margin-bottom:.25rem!important}.menu-calendar .calendar-weekday{font-size:clamp(.6rem,.9vw,.7rem)!important;padding:.15rem 0!important}.menu-calendar .calendar-days{flex:0 0 auto!important;min-height:0!important;max-height:200px!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;grid-auto-rows:minmax(30px,auto)!important;gap:.25rem!important;align-content:start!important;margin-bottom:.5rem!important;padding-right:.25rem!important;scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important}.menu-calendar .calendar-days::-webkit-scrollbar{width:4px!important}.menu-calendar .calendar-days::-webkit-scrollbar-track{background:transparent!important}.menu-calendar .calendar-days::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:2px!important}.menu-calendar .calendar-days::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)!important}.menu-calendar .calendar-day{aspect-ratio:1.4!important;padding:.25rem!important;font-size:clamp(.65rem,.9vw,.75rem)!important;border-radius:3px!important;min-height:30px!important;max-height:none!important;height:auto!important}.menu-calendar .calendar-day .day-number{font-size:clamp(.65rem,.9vw,.75rem)!important}.menu-calendar .calendar-day .event-indicator{width:3px!important;height:3px!important;bottom:.1rem!important}.menu-calendar .calendar-selected-info{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding-top:.5rem!important;margin-top:.5rem!important;border-top:1px solid var(--border)!important;display:flex!important;flex-direction:column!important}.menu-calendar .calendar-selected-info .selected-date{flex-shrink:0!important;font-size:clamp(.75rem,1vw,.85rem)!important;margin-bottom:.75rem!important;font-weight:600!important;color:var(--fg)!important}.menu-calendar .calendar-selected-info .selected-events{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;padding-right:.25rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important}.menu-calendar .calendar-selected-info .selected-events::-webkit-scrollbar{width:4px!important}.menu-calendar .calendar-selected-info .selected-events::-webkit-scrollbar-track{background:transparent!important}.menu-calendar .calendar-selected-info .selected-events::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:2px!important}.menu-calendar .calendar-selected-info .selected-events::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)!important}.menu-calendar .event-preview{padding:.625rem!important;font-size:.75rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}.menu-calendar .event-preview .event-title{font-size:.75rem!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.menu-calendar .event-preview .event-time{font-size:.7rem!important;flex-shrink:0!important}.menu-calendar .no-events-message{padding:1.5rem 1rem!important;text-align:center!important;color:var(--fg-secondary)!important;font-size:.75rem!important;font-style:italic!important}.event-details-modal-backdrop{z-index:10000!important}.event-details-modal{max-width:600px!important;width:90%!important}.event-details-modal .modal-body{max-height:calc(90vh - 200px)!important}.event-details-modal .modal-description{display:flex}.event-creation-modal-backdrop{z-index:10000!important}.event-creation-modal{max-width:700px!important;width:90%!important}.event-creation-modal .modal-body{max-height:calc(90vh - 200px)!important;overflow-y:auto!important}.event-creation-modal .form-group{margin-bottom:1rem!important}.event-creation-modal .form-group label{display:block!important;margin-bottom:.5rem!important;font-size:.9rem!important;font-weight:500!important;color:var(--fg)!important}.event-creation-modal .form-group input,.event-creation-modal .form-group select,.event-creation-modal .form-group textarea{width:100%!important;padding:.75rem!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--bg-secondary)!important;color:var(--fg)!important;font-size:.9rem!important;box-sizing:border-box!important}.event-creation-modal .form-group textarea{resize:vertical!important;min-height:100px!important;font-family:inherit!important}.event-creation-modal .form-group input:focus,.event-creation-modal .form-group select:focus,.event-creation-modal .form-group textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px #ffd9641a!important}.event-creation-modal .agenda-input-group{display:flex!important;gap:.5rem!important;margin-top:.5rem!important}.event-creation-modal .agenda-input-group input{flex:1!important}.event-creation-modal .agenda-input-group button{flex-shrink:0!important;padding:.75rem 1rem!important}.event-creation-modal .agenda-list{list-style:none!important;padding:0!important;margin:.75rem 0 0!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}.event-creation-modal .agenda-list li{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.5rem .75rem!important;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:4px!important;font-size:.9rem!important}.event-creation-modal .agenda-list li span{flex:1!important;color:var(--fg)!important}.event-creation-modal .agenda-list li button{padding:.25rem .5rem!important;background:transparent!important;border:none!important;color:var(--error)!important;cursor:pointer!important;font-size:1.2rem!important;line-height:1!important}.event-creation-modal .agenda-list li button:hover{opacity:.7!important}.event-details-modal .modal-description{flex-direction:column;gap:.75rem}.event-details-modal .description-text ul{margin:.5rem 0;padding-left:1.5rem}.event-details-modal .description-text li{margin:.25rem 0;line-height:1.5}.calendar-day{font-size:clamp(.75rem,1.2vw,.875rem)!important}.calendar-month-year{font-size:clamp(.9rem,1.5vw,1rem)!important}.calendar-weekday{font-size:clamp(.65rem,1vw,.75rem)!important}}@media (max-width: 768px){.popout-menu-calendar-wrapper,.popout-menu-sidebar-wrapper{display:none!important}}.crm-brand h1{font-size:1.5rem;font-weight:600;color:var(--fg);margin:0}.crm-subtitle{font-size:.9rem;color:var(--fg-secondary);margin-left:.5rem}.crm-main{flex:1;padding:1rem 0;overflow:hidden;min-height:0;display:flex;flex-direction:column}@media (max-width: 768px){.crm-main{overflow:visible;padding:1rem 0}}@media (orientation: landscape) and (max-height: 768px){.crm-main{overflow:visible;padding:.5rem 0;height:auto;display:block}}.crm-container{max-width:1600px;margin:0 auto;padding:0;height:100%;display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;width:100%;box-sizing:border-box}.crm-tab-content.analytics-tab{overflow-y:auto}.crm-tab-content.analytics-tab .analytics-dashboard{padding-bottom:2rem}@media (orientation: landscape) and (max-height: 768px){.crm-tab-content.analytics-tab{overflow:visible!important;overflow-y:visible!important;overflow-x:visible!important}.crm-tab-content.analytics-tab .analytics-dashboard{padding-bottom:0!important}.crm-tab-content.overview-tab{overflow:visible!important;overflow-y:visible!important;overflow-x:visible!important}.crm-tab-content.overview-tab .crm-single-page{padding-bottom:0!important}.crm-tab-content.reports-tab{overflow:visible!important;overflow-y:visible!important;overflow-x:visible!important}.crm-tab-content.reports-tab .reports-dashboard{padding-bottom:0!important}}@media (max-width: 768px){.crm-container{overflow:visible;height:auto;min-height:auto;padding:0}}@media (orientation: landscape) and (max-height: 768px){.crm-container{overflow:hidden;height:100%;min-height:0;display:flex;flex-direction:column;flex:1;padding:0}}.crm-welcome{margin-bottom:2rem}.crm-welcome-compact{margin-bottom:.25rem;flex-shrink:0;padding:0 1rem}.crm-welcome-compact h2{font-size:1.25rem;font-weight:600;color:var(--fg);margin:0}.crm-single-page{flex:1;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;min-height:0;width:100%}@media (min-width: 769px){.crm-single-page{gap:1rem}}@media (max-width: 768px){.crm-single-page{gap:1rem;overflow:visible;min-height:auto;padding:0 1rem;box-sizing:border-box}.crm-welcome-compact{padding:0 1rem!important}}@media (orientation: landscape) and (max-height: 768px){.crm-single-page{gap:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;min-width:100%!important;max-width:100vw!important;padding:.5rem!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;position:relative!important;background:transparent!important}.crm-single-page>*{flex-shrink:0!important}.crm-metrics-row{position:sticky!important;left:0!important;top:0!important;flex-shrink:0!important;width:min(300px,35vw)!important;min-width:min(280px,32vw)!important;max-width:300px!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - .5rem)!important;overflow-y:auto!important;overflow-x:visible!important;padding:.5rem!important;padding-left:calc(.5rem + env(safe-area-inset-left,0))!important;padding-right:.75rem!important;margin-left:calc(-1*env(safe-area-inset-left,0))!important;box-sizing:border-box!important;background:var(--bg)!important;background-clip:padding-box!important;box-shadow:2px 0 4px #0000001a,calc(-1*env(safe-area-inset-left,0)) 0 0 var(--bg)!important;border-right:1px solid var(--border)!important;z-index:100!important}.crm-metrics{width:100%!important;min-width:0!important}.metrics-header{flex-shrink:0!important;margin-bottom:.75rem!important}.metrics-grid{grid-template-columns:1fr!important;gap:.5rem!important}.metric-card{padding:.75rem!important;min-width:0!important;width:100%!important}.metric-icon{flex-shrink:0!important}.metric-content{min-width:0!important;flex:1!important}.metric-value{font-size:1.1rem!important}.metric-title{font-size:.75rem!important;white-space:normal!important;word-wrap:break-word!important}.crm-data-grid{display:flex!important;flex-direction:row!important;gap:.75rem!important;overflow:visible!important;min-height:0!important;flex-shrink:0!important;width:fit-content!important;min-width:fit-content!important;max-width:none!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;max-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;padding:.5rem .5rem 1.5rem 0!important;padding-left:env(safe-area-inset-left,0)!important;box-sizing:border-box!important;align-items:stretch!important}.crm-grid-section{flex-shrink:0!important;width:450px!important;min-width:450px!important;max-width:450px!important;padding:.75rem!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 70px - 2.5rem)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px!important}.section-header-compact{position:sticky!important;top:0!important;z-index:10!important;background:var(--card)!important;padding-bottom:.5rem!important;margin-bottom:.5rem!important;flex-shrink:0!important;border-bottom:1px solid var(--border)!important;padding-top:0!important}.crm-grid-section h3{font-size:.9rem!important;margin-bottom:.5rem!important;flex-shrink:0!important}.crm-grid-section>*:not(.section-header-compact){flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.management-page{overflow:visible;height:auto}.management-page>*:not(.page-header):not(.filters-section),.management-page .filters-section+*{overflow:visible}}.crm-metrics-row{flex-shrink:0}.crm-data-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:1rem;overflow:hidden;min-height:0;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 769px){.crm-data-grid{gap:1.25rem;padding:0 1rem}}@media (max-width: 768px){.crm-single-page{padding:0 1rem!important;box-sizing:border-box!important}.crm-metrics-row{padding:.5rem 0!important;box-sizing:border-box!important}.crm-data-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem;overflow-x:hidden!important;overflow-y:visible;min-height:auto;padding:0!important;box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}.crm-grid-section{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}}.crm-grid-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 769px){.crm-grid-section{padding:1.25rem}}@media (max-width: 768px){.crm-grid-section{padding:1rem!important;overflow-x:hidden!important;overflow-y:visible;min-height:auto;max-height:none;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;margin:0!important}.crm-grid-section *{max-width:100%;box-sizing:border-box}.lead-card-compact{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:.875rem!important}.lead-info-compact{min-width:0!important;width:100%!important;max-width:100%!important;flex:1!important}.lead-header-compact,.lead-subheader-compact{min-width:0!important;width:100%!important;max-width:100%!important}.lead-customer-compact,.lead-company-compact{width:100%!important;max-width:100%!important;min-width:0!important}.lead-meta-compact{flex-wrap:wrap!important;gap:.375rem!important;width:100%!important;max-width:100%!important}.lead-actions-compact{flex-direction:column!important;align-items:flex-end!important;gap:.375rem!important;min-width:fit-content!important}.lead-branch-compact{width:100%!important;text-align:right!important}.status-select-compact{width:100%!important}.crm-grid-section table,.crm-grid-section .table,.crm-grid-section pre,.crm-grid-section code{max-width:100%;overflow-x:auto;display:block;word-wrap:break-word}}.section-header-compact{margin-bottom:.75rem;flex-shrink:0}.section-header-compact h3{font-size:1rem;font-weight:600;color:var(--fg);margin:0}.crm-section-compact{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;max-width:100%}@media (max-width: 768px){.crm-section-compact{overflow:visible;min-height:auto}}.section-filters-compact{display:flex;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.search-box-compact{position:relative;flex:1}.search-input-compact{width:100%;padding:.5rem .75rem .5rem 2rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.8rem}.search-input-compact:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ffd9641a}.btn-primary-compact{background:var(--accent);color:var(--accent-text);border:none;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-primary-compact:hover{background:var(--accent-hover);transform:translateY(-1px)}.customers-grid-compact{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;min-height:0}@media (max-width: 768px){.customers-grid-compact{overflow:visible;min-height:auto}}.customer-card-compact{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;transition:all .2s ease;min-height:3rem}.customer-card-compact:hover{background:var(--bg);border-color:var(--accent)}.customer-avatar-compact{width:2rem;height:2rem;background:var(--accent);color:var(--accent-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.customer-info-compact{flex:1;min-width:0}.customer-name-compact{font-size:.9rem;font-weight:600;color:var(--fg);margin:0 0 .125rem;line-height:1.2;min-width:0;max-width:100%;word-wrap:break-word;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.customer-company-compact{font-size:.75rem;color:var(--fg-secondary);margin:0 0 .125rem;line-height:1.2;max-width:100%;word-wrap:break-word;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.customer-email-compact{font-size:.7rem;color:var(--fg-secondary);margin:0;line-height:1.2;opacity:.8;max-width:100%;word-wrap:break-word;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.customer-actions-compact{display:flex;gap:.25rem;flex-shrink:0}.btn-icon-compact{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.7rem}.btn-icon-compact:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.leads-grid-compact{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;min-height:0}@media (max-width: 768px){.leads-grid-compact{overflow:visible;min-height:auto}}.lead-card-compact{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;transition:all .2s ease;min-height:auto;width:100%;box-sizing:border-box}.lead-card-compact:hover{background:var(--bg);border-color:var(--accent)}.lead-info-compact{flex:1;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:.375rem;width:100%;box-sizing:border-box}.lead-header-compact{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;min-width:0;width:100%;max-width:100%}.lead-customer-compact{font-size:.9rem;font-weight:600;color:var(--fg);margin:0;line-height:1.3;min-width:0;flex:1;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.lead-subheader-compact{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;min-width:0;width:100%;max-width:100%}.lead-company-compact{font-size:.75rem;color:var(--fg-secondary);margin:0;line-height:1.3;min-width:0;flex:1;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.lead-meta-compact{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;min-width:0;max-width:100%}.status-badge-compact{padding:.125rem .5rem;border-radius:8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;white-space:nowrap}.status-badge-compact.blue{background:#e3f2fd;color:#1976d2}.status-badge-compact.yellow{background:#fff8e1;color:#f57c00}.status-badge-compact.green{background:#e8f5e8;color:#388e3c}.status-badge-compact.purple{background:#f3e5f5;color:#7b1fa2}.status-badge-compact.orange{background:#fff3e0;color:#f57c00}.status-badge-compact.red{background:#ffebee;color:#d32f2f}.lead-branch-compact{font-size:.65rem;color:var(--fg-secondary);background:var(--bg);padding:.125rem .375rem;border-radius:6px;font-weight:500;flex-shrink:0;white-space:nowrap;width:100%;text-align:right;box-sizing:border-box}.lead-actions-compact{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;flex-shrink:0;min-width:fit-content}.status-select-compact{padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);font-size:.7rem;cursor:pointer;min-width:0;width:100%;font-weight:600;text-transform:capitalize;box-sizing:border-box}.status-select-compact:focus{outline:none;border-color:var(--accent)}.status-select-compact.status-blue{background:#e3f2fd;color:#1976d2;border-color:#1976d2}.status-select-compact.status-yellow{background:#fff8e1;color:#f57c00;border-color:#f57c00}.status-select-compact.status-green{background:#e8f5e8;color:#388e3c;border-color:#388e3c}.status-select-compact.status-purple{background:#f3e5f5;color:#7b1fa2;border-color:#7b1fa2}.status-select-compact.status-orange{background:#fff3e0;color:#f57c00;border-color:#f57c00}.status-select-compact.status-red{background:#ffebee;color:#d32f2f;border-color:#d32f2f}.projects-grid-compact{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;max-width:100%}@media (max-width: 768px){.projects-grid-compact{overflow:visible;min-height:auto}}.project-card-compact{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;transition:all .2s ease;min-height:4rem}.project-card-compact:hover{background:var(--bg);border-color:var(--accent)}.project-info-compact{flex:1;min-width:0}.project-name-compact{font-size:.9rem;font-weight:600;color:var(--fg);margin:0 0 .125rem;line-height:1.2;min-width:0;max-width:100%;word-wrap:break-word;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-customer-compact{font-size:.75rem;color:var(--fg-secondary);margin:0 0 .25rem;line-height:1.2;max-width:100%;word-wrap:break-word;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-meta-compact{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.project-branch-compact{font-size:.65rem;color:var(--fg-secondary);background:var(--bg);padding:.125rem .375rem;border-radius:6px;font-weight:500}.project-budget-compact{font-size:.7rem;color:var(--accent);font-weight:600;margin:0}.project-progress-compact{display:flex;align-items:center;gap:.5rem}.progress-bar-compact{flex:1;height:4px;background:var(--bg);border-radius:2px;overflow:hidden}.progress-fill-compact{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.progress-text-compact{font-size:.65rem;color:var(--fg-secondary);font-weight:600;min-width:2rem;text-align:right}.interactions-grid-compact{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;max-width:100%}@media (max-width: 768px){.interactions-grid-compact{overflow:visible;min-height:auto}}.interaction-card-compact{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;transition:all .2s ease;min-height:3.5rem}.interaction-card-compact:hover{background:var(--bg);border-color:var(--accent)}.interaction-icon-compact{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:.125rem}.interaction-icon-compact.blue{background:#e3f2fd;color:#1976d2}.interaction-icon-compact.green{background:#e8f5e8;color:#388e3c}.interaction-icon-compact.purple{background:#f3e5f5;color:#7b1fa2}.interaction-icon-compact.gray{background:#f5f5f5;color:#666}.interaction-icon-compact.orange{background:#fff3e0;color:#f57c00}.interaction-icon-compact.yellow{background:#fff8e1;color:#f57c00}.interaction-info-compact{flex:1;min-width:0}.interaction-subject-compact{font-size:.85rem;font-weight:600;color:var(--fg);margin:0 0 .125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}.interaction-notes-compact{font-size:.7rem;color:var(--fg-secondary);margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.interaction-meta-compact{display:flex;gap:.5rem;align-items:center;font-size:.65rem;color:var(--fg-secondary)}.interaction-date-compact{font-weight:500}.interaction-author-compact{opacity:.8}.empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:var(--fg-secondary);flex:1}.empty-state-compact .empty-icon{font-size:1.5rem;margin-bottom:.5rem}.empty-state-compact p{font-size:.8rem;margin:0}.error-message-compact{background:#fee;border:1px solid #fcc;color:#c33;padding:.5rem;border-radius:4px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.error-message-compact button{background:none;border:none;color:#c33;cursor:pointer;font-size:1rem;padding:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.crm-welcome h2{font-size:2rem;font-weight:600;color:var(--fg);margin-bottom:.5rem}.crm-welcome p{font-size:1.1rem;color:var(--fg-secondary)}.crm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.crm-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.crm-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--accent)}.crm-card h3{font-size:1.25rem;font-weight:600;color:var(--fg);margin-bottom:.5rem}.crm-card p{color:var(--fg-secondary);margin-bottom:1rem}.crm-placeholder{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center}.crm-placeholder p{color:var(--muted);font-style:italic;margin:0}.app-with-auth{min-height:100vh;display:flex;flex-direction:column}.auth-nav{background:var(--card);border-bottom:1px solid var(--border);padding:.75rem 0;position:sticky;top:0;z-index:100}.auth-nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.auth-nav-brand h2{font-size:1.25rem;font-weight:600;color:var(--fg);margin:0}.auth-nav-links{display:flex;gap:1rem}.auth-nav-link{padding:.5rem 1rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--fg-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-nav-link:hover{background:var(--bg-secondary);color:var(--fg)}.auth-nav-link.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.site-footer .links{display:flex;align-items:center;gap:2rem}.crm-access-link{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.crm-access-link:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.auth-modal{max-width:500px;width:90%}.auth-modal .modal-body{padding:0}.crm-modal{max-width:100%;width:100%;max-height:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;border-radius:0}.crm-modal .modal-header{background:var(--card);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.crm-modal .modal-header h2{margin:0;font-size:1.5rem;color:var(--fg)}.crm-modal-body{padding:0;height:calc(100% - 80px);overflow:hidden}.crm-modal-body .crm-dashboard{height:100%;min-height:auto}.crm-modal-body .crm-header{position:sticky;top:0;z-index:10}.crm-modal-body .crm-main{height:calc(100% - 64px);overflow:hidden;display:flex;flex-direction:column;padding:0}.facebook-ads-analysis.management-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.facebook-ads-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;min-height:0;min-width:0;max-width:100%}.facebook-ads-analysis .page-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.facebook-ads-analysis .date-range-selector{display:flex;align-items:center;gap:.5rem}.facebook-ads-analysis .date-input{padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--fg);font-size:.9rem}.facebook-ads-analysis .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.facebook-ads-analysis .kpi-grid>*{min-width:0;max-width:100%}.facebook-ads-analysis .kpi-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem;display:flex;align-items:flex-start;gap:.75rem;transition:all .2s ease;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden;position:relative}.facebook-ads-analysis .kpi-card:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-2px)}.facebook-ads-analysis .kpi-icon{font-size:1.75rem;flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;min-width:2rem}.facebook-ads-analysis .kpi-content{flex:1;min-width:0;max-width:100%;width:0;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem}.facebook-ads-analysis .kpi-content h3{font-size:.8rem;color:var(--fg-secondary);margin:0;padding:0;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.facebook-ads-analysis .kpi-value{font-size:1.4rem;font-weight:700;color:var(--fg);margin:0;padding:0;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.facebook-ads-analysis .kpi-change{font-size:.7rem;color:var(--fg-secondary);word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0;padding:0}.facebook-ads-analysis .kpi-change.positive{color:var(--success)}.facebook-ads-analysis .kpi-change.negative{color:var(--error)}.facebook-ads-content .analysis-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;overflow-x:auto;margin-bottom:1.5rem}.facebook-ads-analysis .page-header .analysis-tabs{display:none}.facebook-ads-analysis .page-header .analysis-tabs .tab-button{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.facebook-ads-content .analysis-tabs .tab-button{padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--fg-secondary);cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.facebook-ads-content .analysis-tabs .tab-button:hover{color:var(--fg);background:var(--bg-secondary)}.facebook-ads-content .analysis-tabs .tab-button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.facebook-ads-analysis .analysis-content{flex:1;padding-top:1.5rem;min-height:0;overflow-y:auto;overflow-x:hidden}.facebook-ads-analysis .section{margin-bottom:2rem;width:100%;max-width:100%;box-sizing:border-box}.facebook-ads-analysis .section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--fg);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.3}.facebook-ads-analysis .chart-placeholder,.facebook-ads-analysis .table-placeholder,.facebook-ads-analysis .recommendations-placeholder{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:8px;padding:3rem;text-align:center;color:var(--fg-secondary);min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:.5rem}@media (orientation: landscape) and (max-height: 768px){.facebook-ads-analysis.management-page .facebook-ads-content{overflow-x:auto!important;overflow-y:hidden!important;width:calc(100vw - min(280px,30vw) - 1rem)!important;min-width:calc(100vw - min(280px,30vw) - 1rem)!important;max-width:calc(100vw - min(280px,30vw) - 1rem)!important;flex-shrink:0!important;display:flex!important;flex-direction:row!important;height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 1rem)!important;max-height:calc(100vh - 80px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 1rem)!important;padding:.5rem!important;box-sizing:border-box!important;border-right:1px solid var(--border)!important;gap:.75rem!important;min-height:0!important;position:relative!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;align-items:stretch!important}.facebook-ads-analysis.management-page .facebook-ads-content>*{flex-shrink:0!important}.facebook-ads-analysis.management-page .facebook-ads-content>.kpi-grid{flex-shrink:0!important}.facebook-ads-analysis.management-page .facebook-ads-content>.analysis-content{flex-shrink:0!important;width:fit-content!important;min-width:fit-content!important;max-width:none!important;overflow:visible!important}.facebook-ads-analysis.management-page .facebook-ads-content .analysis-tabs{display:none!important}.facebook-ads-analysis .overview-tab,.facebook-ads-analysis .campaigns-tab,.facebook-ads-analysis .adsets-tab,.facebook-ads-analysis .ads-tab,.facebook-ads-analysis .audience-tab,.facebook-ads-analysis .customers-tab{display:flex!important;flex-direction:row!important;gap:.75rem!important;height:100%!important;max-height:100%!important;overflow-x:visible!important;overflow-y:hidden!important;width:fit-content!important;min-width:fit-content!important;max-width:none!important;flex-shrink:0!important;align-items:stretch!important;min-height:0!important}.facebook-ads-analysis .overview-tab>.section,.facebook-ads-analysis .campaigns-tab>.section,.facebook-ads-analysis .adsets-tab>.section,.facebook-ads-analysis .ads-tab>.section,.facebook-ads-analysis .audience-tab>.section,.facebook-ads-analysis .customers-tab>.section{flex-shrink:0!important;height:100%!important;max-height:100%!important;min-height:0!important}.facebook-ads-analysis.management-page .page-header .analysis-tabs{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:.75rem!important;margin-bottom:0!important;flex-shrink:0!important;width:100%!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;border-bottom:none!important;border-top:none!important;padding:0!important;box-sizing:border-box!important;-webkit-overflow-scrolling:auto!important}.facebook-ads-analysis.management-page .page-header .analysis-tabs .tab-button{width:100%!important;text-align:left!important;padding:.5rem .75rem!important;font-size:.8rem!important;white-space:normal!important;word-wrap:break-word!important;border-radius:4px!important;border:none!important;border-bottom:none!important;background:transparent!important;transition:all .2s ease!important;margin:0!important;box-sizing:border-box!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.facebook-ads-analysis.management-page .page-header .analysis-tabs .tab-button:hover{background:var(--bg-secondary)!important}.facebook-ads-analysis.management-page .page-header .analysis-tabs .tab-button.active{background:var(--bg-secondary)!important;border-left:2px solid var(--accent)!important;padding-left:calc(.75rem - 2px)!important}.facebook-ads-analysis .kpi-grid{grid-template-columns:1fr!important;gap:.75rem!important;margin-bottom:0!important;flex-shrink:0!important;width:min(280px,25vw)!important;min-width:min(250px,22vw)!important;max-width:280px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important;padding:0!important;display:grid!important;align-content:start!important}.facebook-ads-analysis .kpi-card{padding:.75rem!important;width:100%!important;max-width:100%!important;min-height:80px!important}.facebook-ads-analysis .kpi-icon{font-size:1.5rem!important}.facebook-ads-analysis .kpi-value{font-size:1.25rem!important}.facebook-ads-analysis .analysis-content{flex:0 0 auto!important;min-width:0!important;min-height:0!important;overflow-y:hidden!important;overflow-x:visible!important;padding:0!important;display:flex!important;flex-direction:row!important;box-sizing:border-box!important;width:fit-content!important;min-width:fit-content!important;max-width:none!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;gap:0!important;align-items:stretch!important;height:100%!important;max-height:100%!important;flex-shrink:0!important}.facebook-ads-analysis .analysis-content>div[class*=-tab]{width:fit-content!important;min-width:fit-content!important;max-width:none!important;flex-shrink:0!important}.facebook-ads-analysis .analysis-content>*{flex-shrink:0!important;width:fit-content!important;min-width:fit-content!important;max-width:none!important}.facebook-ads-analysis .section{margin-bottom:0!important;flex-shrink:0!important;width:500px!important;min-width:500px!important;max-width:500px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;padding:.75rem!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:8px!important;position:relative!important;min-height:0!important}.facebook-ads-analysis .customer-journey-section{padding-bottom:.5rem!important}.facebook-ads-analysis .section h3{font-size:1.1rem!important;margin-bottom:.75rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex-shrink:0!important}.facebook-ads-analysis .section>*:not(h3){flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.facebook-ads-analysis .section>div[style*=height]{height:250px!important;min-height:250px!important;max-height:250px!important;flex-shrink:0!important;width:100%!important;max-width:100%!important}.facebook-ads-analysis .section table{font-size:.85rem!important;width:100%!important;max-width:100%!important;table-layout:auto!important}.facebook-ads-analysis .section>div[style*=overflow]{max-height:400px!important;overflow-y:auto!important;overflow-x:auto!important;width:100%!important}.facebook-ads-analysis table th,.facebook-ads-analysis table td{padding:.5rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.facebook-ads-analysis .section>div[style*=overflow]{overflow-x:auto!important;overflow-y:visible!important;max-width:100%!important}.facebook-ads-analysis .page-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important;flex-shrink:0!important}.facebook-ads-analysis .date-range-selector{flex-direction:column!important;gap:.5rem!important;width:100%!important}.facebook-ads-analysis .date-range-selector span{display:none!important}.facebook-ads-analysis .page-actions .btn-primary,.facebook-ads-analysis .page-actions .btn-secondary{width:100%!important;padding:.5rem .75rem!important;font-size:.8rem!important}}.facebook-ads-analysis table{width:100%;border-collapse:collapse;background:var(--card);border-radius:8px;overflow:hidden}.facebook-ads-analysis table thead{background:var(--bg-secondary)}.facebook-ads-analysis table th{padding:.75rem;text-align:left;color:var(--fg-secondary);font-weight:600;font-size:.85rem;border-bottom:1px solid var(--border);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}.facebook-ads-analysis table th[style*="cursor: pointer"]{transition:color .2s ease}.facebook-ads-analysis table th[style*="cursor: pointer"]:hover{color:var(--accent)}.facebook-ads-analysis table td{padding:.75rem;color:var(--fg);font-size:.9rem;border-bottom:1px solid var(--border);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:200px;line-height:1.4}.facebook-ads-analysis table tbody tr{transition:background .2s ease}.facebook-ads-analysis table tbody tr:hover{background:var(--bg-secondary)}.facebook-ads-analysis table tbody tr:last-child td{border-bottom:none}.facebook-ads-analysis .section>div[style*=height]{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:1rem}.facebook-ads-analysis .recommendation-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;gap:1rem;align-items:flex-start;transition:all .2s ease;word-wrap:break-word;overflow-wrap:break-word}.facebook-ads-analysis .recommendation-card *{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.facebook-ads-analysis .recommendation-card:hover{border-color:var(--accent);transform:translateY(-2px)}@media (max-width: 768px){.facebook-ads-analysis .page-header .analysis-tabs{display:none!important}.facebook-ads-content .analysis-tabs{display:flex!important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.facebook-ads-analysis .kpi-grid{grid-template-columns:1fr}.facebook-ads-analysis .page-actions{flex-direction:column;width:100%}.facebook-ads-analysis .date-range-selector{width:100%;flex-direction:column}.facebook-ads-analysis table{font-size:.8rem}.facebook-ads-analysis table th,.facebook-ads-analysis table td{padding:.5rem}}