.site-header{position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f3efcc;border-bottom:1px solid var(--color-border);z-index:50}.header-inner{display:flex;align-items:center;gap:var(--space-5);min-height:64px}.brand{flex:0 0 auto;display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{height:52px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(var(--color-shadow),.18))}.main-nav{flex:1 1 auto;display:flex;justify-content:center}.main-nav ul{list-style:none;display:flex;gap:var(--space-6);padding:0;margin:0}.main-nav a{font-size:13px;font-weight:500;letter-spacing:.4px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-fast)}.main-nav a:hover:after,.main-nav a:focus-visible:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.link-auth{font-size:13px;font-weight:500;color:var(--color-text)}.link-auth:hover{color:var(--color-accent)}.nav-toggle{display:none;background:transparent;border:1px solid var(--color-border);padding:10px;border-radius:var(--radius-md);cursor:pointer}.nav-toggle:hover{border-color:var(--color-accent)}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px;position:relative}.hamburger-icon span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all .3s ease}.hamburger-icon.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-auth-links{display:none}@media (max-width: 768px){.header-inner{justify-content:space-between}.main-nav{flex:0 0 auto;order:3;margin-left:auto}.header-actions{display:none}.main-nav ul{position:absolute;top:64px;right:16px;background:#f6f3effa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:var(--space-3);min-width:240px;box-shadow:var(--shadow-soft);opacity:0;transform:translateY(-8px);pointer-events:none;transition:var(--transition-fast)}.main-nav ul.open{opacity:1;transform:translateY(0);pointer-events:auto}.main-nav a:after{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.mobile-auth-links{display:none}}.mobile-auth-link{display:block;padding:var(--space-3) var(--space-4);font-size:.9rem;font-weight:600;text-align:center;border-radius:var(--radius-md);text-decoration:none;transition:all .3s ease;color:var(--color-text);background:#ffffff80;border:1px solid var(--color-border)}.mobile-auth-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.mobile-auth-link.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.mobile-auth-link.primary:hover{background:#9a6830;border-color:#9a6830;color:#fff}.hero.redesigned{position:relative;padding:var(--space-9) 0 var(--space-9);min-height:85vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#f6f3ef 0%,#faf8f5 50%,var(--color-bg) 100%)}.hero.redesigned:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background-image:url(/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.03;z-index:0;pointer-events:none;filter:blur(2px)}.hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;will-change:transform;mix-blend-mode:overlay}.shape-1{width:700px;height:700px;background:radial-gradient(circle,rgba(255,180,120,.25) 0%,rgba(240,150,80,.15) 40%,transparent 70%);top:-15%;left:-10%;filter:blur(100px);animation:heatWave1 25s ease-in-out infinite}.shape-2{width:600px;height:600px;background:radial-gradient(circle,rgba(255,200,140,.2) 0%,rgba(250,170,100,.12) 40%,transparent 70%);bottom:-10%;right:-8%;filter:blur(120px);animation:heatWave2 28s ease-in-out infinite}.shape-3{width:500px;height:500px;background:radial-gradient(circle,rgba(255,220,180,.18) 0%,rgba(240,180,120,.1) 40%,transparent 70%);top:30%;right:10%;filter:blur(90px);animation:heatWave3 32s ease-in-out infinite}.shape-4{width:550px;height:550px;background:radial-gradient(circle,rgba(255,190,130,.15) 0%,rgba(245,160,90,.08) 40%,transparent 70%);top:50%;left:25%;filter:blur(110px);animation:heatWave4 30s ease-in-out infinite}@keyframes heatWave1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-30px,-50px) scale(1.15)}50%{transform:translate(20px,-70px) scale(1.08)}75%{transform:translate(-40px,-35px) scale(1.12)}}@keyframes heatWave2{0%,to{transform:translate(0) scale(1)}30%{transform:translate(40px,60px) scale(1.18)}60%{transform:translate(-25px,80px) scale(1.1)}90%{transform:translate(35px,50px) scale(1.14)}}@keyframes heatWave3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(50px,-40px) scale(1.2)}50%{transform:translate(-35px,55px) scale(1.08)}80%{transform:translate(60px,35px) scale(1.16)}}@keyframes heatWave4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-45px,45px) scale(1.12)}66%{transform:translate(40px,-50px) scale(1.18)}}.hero-layout{position:relative;z-index:1;display:grid;gap:var(--space-7);align-items:center;grid-template-columns:1fr auto}@media (max-width: 960px){.hero-layout{grid-template-columns:1fr;gap:var(--space-5)}}.hero-main{display:flex;flex-direction:column;gap:var(--space-5);max-width:720px}.hero-title{font-family:var(--font-serif);font-size:clamp(2.8rem,6.5vw,4.2rem);line-height:1.08;margin:0;font-weight:700;color:var(--color-text)}.hero-title .hero-accent{color:var(--color-accent);position:relative;display:inline-block}.hero-lead{font-size:1.05rem;line-height:1.6;margin:0;color:var(--color-muted);max-width:600px}.hero-services{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-3) 0}.service-pill{background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);padding:10px 18px;border-radius:50px;font-size:.8rem;font-weight:600;color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .35s cubic-bezier(.4,0,.2,1)}.service-pill .pill-icon{width:18px;height:18px;transition:transform .3s ease}.service-pill:hover{background:#fffffff2;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #b2753840}.service-pill.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 4px 16px #b2753859}.service-pill.active .pill-icon{transform:scale(1.15)}.hero-aside{display:flex;align-items:flex-start;justify-content:center;perspective:1400px}.hero-values-slider{position:relative;width:320px;height:130px;transform-style:preserve-3d}.value-slide{position:absolute;top:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-soft);opacity:0;transform:translate(120%) translateZ(-180px) rotateY(-35deg) scale(.85);transition:all 1s cubic-bezier(.23,1,.32,1);pointer-events:none;filter:blur(0px)}.value-slide.active{opacity:1;transform:translate(0) translateZ(0) rotateY(0) scale(1);pointer-events:auto;z-index:3;filter:blur(0px);box-shadow:var(--shadow-lift)}.value-slide.next{opacity:.4;transform:translate(60%) translateZ(-120px) rotateY(-25deg) scale(.88);z-index:2;filter:blur(2px);pointer-events:none}.value-slide.prev{opacity:.3;transform:translate(-60%) translateZ(-140px) rotateY(25deg) scale(.86);z-index:1;filter:blur(3px);pointer-events:none}.value-slide[data-index="0"].active{background:#fef9f3;border-color:var(--color-accent)}.value-circle{width:80px;height:80px;min-width:80px;border-radius:50%;background:linear-gradient(135deg,#fef9f3,#f4efe8);display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-serif);font-size:2.1rem;font-weight:700;color:var(--color-accent);box-shadow:inset 0 2px 8px #b275381a;transition:transform .3s ease;text-align:center}.value-slide.active .value-circle{transform:scale(1.05)}.value-plus{font-size:1.1rem;margin-left:2px;opacity:.7;display:inline;line-height:1}.value-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.value-label{font-size:.9rem;font-weight:600;color:var(--color-text);line-height:1.2}.value-sublabel{font-size:.75rem;color:var(--color-muted);line-height:1.2}@media (max-width: 960px){.hero-values-slider{width:100%;max-width:320px;height:110px}.value-circle{width:70px;height:70px;min-width:70px;font-size:2rem}.value-slide.next,.value-slide.prev{opacity:0}}@media (max-width: 768px){.hero-aside{display:none}.hero-services{gap:6px;justify-content:center}.service-pill{padding:8px 12px;font-size:.7rem;gap:5px}.service-pill .pill-icon{width:14px;height:14px}.hero-title{font-size:clamp(1.8rem,5vw,2.5rem);text-align:center}.hero-lead{text-align:center;font-size:.95rem}.hero-main{align-items:center}.hero.redesigned{min-height:60vh;padding:var(--space-7) 0}}.hero-trust-section{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4) 0;background:linear-gradient(to top,#fffffff2,#fffc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,.05);z-index:10}.trust-label{text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-muted);margin-bottom:var(--space-3)}.trust-slider-wrapper{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.trust-slider{display:flex;gap:var(--space-6);animation:trust-scroll 20s linear infinite;width:max-content}.trust-slider:hover{animation-play-state:paused}@keyframes trust-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.trust-logo-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-2);opacity:.6;transition:opacity .3s ease,transform .3s ease;filter:grayscale(100%)}.trust-logo-item:hover{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.trust-logo-item a,.trust-logo-item>div{display:flex;align-items:center;justify-content:center;height:100%}.trust-logo-item img{max-height:100%;max-width:120px;object-fit:contain}.trust-logo-text{font-size:1rem;font-weight:700;color:var(--color-text);white-space:nowrap}@media (max-width: 768px){.hero-trust-section{padding:var(--space-3) 0}.trust-logo-item{height:30px}.trust-logo-item img{max-width:80px}.trust-slider{gap:var(--space-4)}}.mission.redesigned{position:relative;padding:var(--space-9) 0;background:linear-gradient(180deg,var(--color-bg) 0%,#f8f5f0 30%,#f8f5f0 70%,var(--color-bg) 100%)}.mission-layout{display:grid;gap:var(--space-7);align-items:center;grid-template-columns:minmax(300px,520px) 1fr}@media (max-width: 960px){.mission-layout{grid-template-columns:1fr}.mission-figure{display:none}}.mission-figure{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#ddd}.mission-photo{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000004d),url(/Gemini_Generated_Image_o3bc1mo3bc1mo3bc.png);background-size:cover;background-position:center;filter:saturate(105%)}.mission-ring{position:absolute;border:2px solid rgba(178,117,56,.45);border-radius:50%}.mission-ring.ring1{width:60%;height:60%;left:20%;top:55%}.mission-ring.ring2{width:45%;height:45%;left:35%;top:30%}.mission-accent-circle{position:absolute;width:38%;height:38%;background:var(--color-accent);bottom:-4%;right:-2%;border-radius:50%}.mission-stat{position:absolute;top:8%;left:-10%;background:#fff;border:1px solid var(--color-border);width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);padding:18px 14px;animation:statPulse .9s cubic-bezier(.25,.8,.25,1)}.mission-stat .stat-label{position:absolute;bottom:67px;right:11px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin:0;font-weight:600;letter-spacing:.35px;text-transform:uppercase;line-height:1.1}.mission-stat .stat-line{font-size:.65rem;color:var(--color-accent)}.mission-stat .stat-value{position:absolute;top:91px;left:68%;transform:translate(-50%);font-family:var(--font-serif);font-size:38px;margin:0;line-height:1;font-weight:700}@keyframes statPulse{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 600px){.mission-stat{position:static;width:auto;height:auto;flex-direction:row;padding:10px 18px;border-radius:var(--radius-md);margin-top:var(--space-4)}.mission-stat .stat-value{font-size:1.6rem}}.mission-content{display:flex;flex-direction:column;gap:var(--space-5)}.mission-heading{display:flex;flex-direction:column;gap:var(--space-3)}.heading-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-accent);margin:0}.heading-title{font-family:var(--font-serif);font-size:clamp(2.2rem,5.2vw,3.4rem);line-height:1.05;margin:0}.mission-highlights{display:flex;gap:var(--space-4);flex-wrap:wrap}.highlight-box{flex:1 1 250px;display:flex;gap:var(--space-3);align-items:flex-start;background:#fff;border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:var(--transition-fast)}.highlight-box:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.highlight-box-header{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.highlight-box h3{margin:0;font-size:.85rem;font-weight:600}.highlight-box p{margin:0;font-size:.75rem;line-height:1.35;color:var(--color-muted)}.highlight-box .check{display:inline-flex;width:36px;height:36px;min-width:36px;border-radius:50%;background:#b275381f;color:var(--color-accent);align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.mission-paragraphs{display:flex;flex-direction:column;gap:var(--space-4);max-width:720px}.mission-paragraphs p{margin:0;font-size:.9rem;line-height:1.6}.mission-paragraphs strong{font-weight:600}.expertises-v2{padding:var(--space-9) 0;background:linear-gradient(180deg,var(--color-bg) 0%,#fff 20%,#fff 80%,var(--color-bg) 100%)}.expertises-header{text-align:center;max-width:720px;margin:0 auto var(--space-5);padding-top:var(--space-6)}.expertises-tabs{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-7)}.expertise-tab{background:#fff9;border:1px solid var(--color-border);border-radius:50px;padding:12px 24px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.9rem;color:var(--color-text)}.expertise-tab:hover{background:#ffffffe6;border-color:var(--color-accent);transform:translateY(-2px)}.expertise-tab.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 4px 16px #b275384d}.tab-icon{width:20px;height:20px;transition:transform .3s}.expertise-tab.active .tab-icon{transform:scale(1.1)}.expertises-content{position:relative;min-height:420px;display:flex;align-items:center;gap:var(--space-5)}.expertise-nav-btn{background:#fff;border:1px solid var(--color-border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--color-accent);transition:all .3s;flex-shrink:0;box-shadow:var(--shadow-soft)}.expertise-nav-btn:hover{border-color:var(--color-accent);transform:scale(1.1);box-shadow:var(--shadow-lift)}.expertises-panels-wrapper{flex:1;position:relative;min-height:420px}.expertise-panel{display:none;grid-template-columns:1.2fr 1fr;gap:var(--space-7);align-items:center;opacity:0;animation:fadeInPanel .6s ease forwards}.expertise-panel.active{display:grid}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.expertise-visual{display:flex;justify-content:center;align-items:center}.visual-card{background:linear-gradient(135deg,#fff,#fef9f3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 8px 32px #b275381f;width:100%;max-width:380px}.card-header{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.card-badge{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:6px 14px;background:#b275381a;color:var(--color-accent);border-radius:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-item{font-size:.8rem;font-weight:600;padding:8px 16px;background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);transition:all .3s}.tech-item:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #b2753826}.expertise-details h3{font-family:var(--font-serif);font-size:1.8rem;margin:0 0 var(--space-3);line-height:1.2}.expertise-lead{font-size:1rem;line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-5)}.expertise-benefits{list-style:none;padding:0;margin:0 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.expertise-benefits li{font-size:.9rem;line-height:1.5;padding-left:28px;position:relative;color:var(--color-text)}.expertise-benefits li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:1.1rem}.expertise-benefits strong{font-weight:600;color:var(--color-text)}.expertise-cta{display:inline-flex;align-items:center;padding:12px 28px;background:var(--color-accent);color:#fff;border-radius:50px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #b2753833}.expertise-cta:hover{background:#96562c;transform:translateY(-2px);box-shadow:0 6px 20px #b275384d;color:#fff}@media (max-width: 960px){.expertise-panel{grid-template-columns:1fr;gap:var(--space-5)}.expertise-details{order:1}.expertise-visual{order:2}.expertises-tabs{gap:var(--space-2)}.expertise-tab{padding:10px 18px;font-size:.85rem}.expertise-nav-btn{display:none}}.pourquoi{padding:var(--space-9) 0;background:linear-gradient(180deg,var(--color-bg) 0%,rgba(247,243,238,.95) 20%,rgba(247,243,238,.95) 80%,var(--color-bg) 100%);position:relative;overflow:hidden}.pourquoi-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center;margin:0 0 var(--space-8);position:relative;z-index:1}.pourquoi-header-content{text-align:left}.pourquoi-header .section-title-large{margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-text) 0%,#4a4a4a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pourquoi-header .section-eyebrow{padding-top:0;text-align:left}.pourquoi-header .section-subtitle{text-align:left}.vision-statement{position:relative}.vision-content{background:linear-gradient(135deg,#fff,#fdfcfb);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);box-shadow:0 20px 40px -20px #00000014,0 0 0 1px #b2753814 inset;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.vision-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent),#d4a574,var(--color-accent));background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vision-content:hover{transform:translateY(-6px);box-shadow:0 30px 60px -20px #0000001f,0 0 0 1px #b2753826 inset}.vision-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-accent),#d4a574);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px #b2753866,0 0 0 8px #b2753814;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.vision-icon svg{width:32px;height:32px;color:#fff;stroke-width:2.5}.vision-content h3{text-align:center;font-size:1.5rem;font-weight:700;margin:0 0 var(--space-4);color:var(--color-text)}.vision-content p{text-align:center;font-size:1.05rem;line-height:1.7;color:var(--color-muted);margin:0}.vision-content strong{color:var(--color-accent);font-weight:600}.piliers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-9);position:relative;z-index:1}.pilier-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px -4px #0000000f}.pilier-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,var(--color-accent),#d4a574);transition:height .5s cubic-bezier(.4,0,.2,1)}.pilier-card:hover:before{height:100%}.pilier-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px -10px #00000026,0 0 0 1px #b275381a inset;border-color:var(--color-accent)}.pilier-decoration{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(178,117,56,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.pilier-card:hover .pilier-decoration{transform:scale(1.3);opacity:.8}.pilier-icon{width:48px;height:48px;background:linear-gradient(135deg,#b275381f,#e3d8cc2e);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);transition:all .3s ease}.pilier-card:hover .pilier-icon{background:linear-gradient(135deg,var(--color-accent),#d4a574);transform:rotate(5deg) scale(1.1)}.pilier-icon svg{width:24px;height:24px;color:var(--color-accent);transition:color .3s ease}.pilier-card:hover .pilier-icon svg{color:#fff}.pilier-content{position:relative;z-index:1}.pilier-number{display:inline-block;font-size:.7rem;font-weight:700;color:var(--color-accent);background:#b275381a;padding:3px 10px;border-radius:50px;margin-bottom:var(--space-2);letter-spacing:.5px}.pilier-content h3{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-2);color:var(--color-text);line-height:1.3}.pilier-content>p{font-size:.85rem;line-height:1.5;color:var(--color-muted);margin:0 0 var(--space-3)}.pilier-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.pilier-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.8rem;line-height:1.4;color:var(--color-text)}.check-icon{width:16px;height:16px;min-width:16px;color:var(--color-accent);margin-top:2px}.impact-stats{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);margin-top:var(--space-10);margin-bottom:var(--space-8);box-shadow:0 10px 40px -10px #00000014;position:relative;overflow:hidden}.impact-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 50%,transparent 100%)}.impact-title{text-align:center;font-size:1.75rem;font-weight:700;margin:0 0 var(--space-6);color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.stat-card{text-align:center;padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#fafafa,#fff);border:1px solid rgba(0,0,0,.06);transition:all .3s ease;position:relative}.stat-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px -10px #0000001f;background:linear-gradient(135deg,#fff,#fafafa)}.stat-icon{width:48px;height:48px;margin:0 auto var(--space-3);background:linear-gradient(135deg,#b275381a,#e3d8cc26);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.stat-card:hover .stat-icon{background:linear-gradient(135deg,var(--color-accent),#d4a574);transform:scale(1.1) rotate(5deg)}.stat-icon svg{width:24px;height:24px;color:var(--color-accent);transition:color .3s ease}.stat-card:hover .stat-icon svg{color:#fff}.stat-value{display:inline-block;font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--color-text);line-height:1;margin:0}.stat-suffix{display:inline-block;font-size:1.5rem;font-weight:700;color:var(--color-accent);margin-left:4px}.stat-label{display:block;font-size:.85rem;line-height:1.4;color:var(--color-muted);margin-top:var(--space-3);font-weight:500}.differenciateurs{margin-bottom:var(--space-8)}.diff-title{text-align:center;font-size:1.75rem;font-weight:700;margin:0 0 var(--space-6);color:var(--color-text)}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.diff-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.diff-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),#d4a574);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.diff-item:hover:after{transform:scaleX(1)}.diff-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px -8px #0000001f;border-color:var(--color-accent)}.diff-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:6px 14px;border-radius:50px;background:linear-gradient(135deg,var(--color-accent),#d4a574);color:#fff;margin-bottom:var(--space-3);box-shadow:0 4px 12px -4px #b2753866}.diff-item h4{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.diff-item p{font-size:.9rem;line-height:1.6;color:var(--color-muted);margin:0}.pourquoi-quote{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#fff;border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);position:relative;overflow:hidden;box-shadow:0 20px 60px -10px #0000004d}.pourquoi-quote:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 10% 20%,rgba(178,117,56,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(227,216,204,.1) 0%,transparent 50%);pointer-events:none}.quote-mark{position:absolute;top:var(--space-4);left:var(--space-5);font-family:var(--font-serif);font-size:8rem;line-height:1;color:#b2753833;font-weight:700}.pourquoi-quote p{position:relative;z-index:1;font-size:1.35rem;line-height:1.7;margin:0 0 var(--space-4);padding-left:var(--space-6);font-style:italic;color:#fffffff2}.pourquoi-quote strong{color:var(--color-accent);font-weight:600;font-style:normal}.pourquoi-quote footer{position:relative;z-index:1;text-align:right;padding-right:var(--space-4)}.pourquoi-quote cite{font-size:1rem;font-style:normal;color:#ffffffb3;font-weight:600}@media (max-width: 968px){.pourquoi-header{grid-template-columns:1fr;gap:var(--space-6)}.pourquoi-header-content,.pourquoi-header .section-eyebrow,.pourquoi-header .section-subtitle{text-align:center}}@media (max-width: 1024px){.piliers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.piliers-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.diff-grid{grid-template-columns:1fr}.stat-value{font-size:2.5rem}.pourquoi-quote{padding:var(--space-6) var(--space-4)}.quote-mark{font-size:5rem;top:var(--space-3);left:var(--space-3)}.pourquoi-quote p{font-size:1.1rem;padding-left:var(--space-4)}}.piliers-slider-container,.diff-slider-container{position:relative;margin-bottom:var(--space-9)}.slider-nav-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--color-border);cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.slider-nav-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-50%) scale(1.1)}.slider-nav-btn:hover:not(:disabled) svg{color:#fff}.slider-nav-btn:disabled{opacity:.3;cursor:not-allowed}.slider-nav-btn svg{width:20px;height:20px;color:var(--color-text);transition:color .3s ease}.slider-nav-left{left:-22px}.slider-nav-right{right:-22px}@media (max-width: 768px){.piliers-slider-container{position:relative;padding:0 50px}.piliers-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:var(--space-4) 0;scrollbar-width:none;-ms-overflow-style:none}.piliers-grid::-webkit-scrollbar{display:none}.pilier-card{flex:0 0 calc(100vw - 140px);max-width:320px;scroll-snap-align:center}.diff-slider-container{position:relative;padding:0 50px}.diff-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:var(--space-3) 0;scrollbar-width:none;-ms-overflow-style:none}.diff-grid::-webkit-scrollbar{display:none}.diff-item{flex:0 0 calc(100vw - 140px);max-width:280px;scroll-snap-align:center}.slider-nav-btn{display:flex;align-items:center;justify-content:center}.slider-nav-left{left:0}.slider-nav-right{right:0}}.references{padding:var(--space-9) 0;background:linear-gradient(180deg,var(--color-bg) 0%,#fff 20%,#fff 80%,var(--color-bg) 100%)}.references-header{text-align:center;max-width:800px;margin:0 auto var(--space-7)}.references-header .section-eyebrow{padding-top:0;color:var(--color-accent)}.references-header .section-title-large{color:var(--color-text)}.references-slider-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1400px;gap:var(--space-5)}.references-slider{position:relative;width:320px;height:180px;transform-style:preserve-3d}.reference-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(120%) translateZ(-180px) rotateY(-35deg) scale(.85);transition:all 1s cubic-bezier(.23,1,.32,1);pointer-events:none;filter:blur(0px)}.reference-slide.active{opacity:1;transform:translate(0) translateZ(0) rotateY(0) scale(1);pointer-events:auto;z-index:3;filter:blur(0px)}.reference-slide.next{opacity:.5;transform:translate(70%) translateZ(-120px) rotateY(-25deg) scale(.88);z-index:2;filter:blur(2px);pointer-events:none}.reference-slide.prev{opacity:.4;transform:translate(-70%) translateZ(-140px) rotateY(25deg) scale(.86);z-index:1;filter:blur(3px);pointer-events:none}.reference-slide img{max-width:180px;max-height:100px;width:auto;height:auto;object-fit:contain;transition:all .4s ease}.reference-slide.active img{filter:none}.reference-slide:not(.active) img{filter:grayscale(100%) opacity(.7)}.references-dots{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.references-dots .dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.references-dots .dot:hover{border-color:var(--color-accent)}.references-dots .dot.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.2)}@media (max-width: 768px){.references-slider{width:280px;height:160px}.reference-slide img{max-width:140px;max-height:80px}.reference-slide.next,.reference-slide.prev{opacity:0}}.final-cta{padding:var(--space-10) 0;background:linear-gradient(180deg,var(--color-bg) 0%,rgba(247,243,238,.95) 20%,rgba(240,235,228,.98) 80%,#ebe6df 100%);position:relative;overflow:hidden}.cta-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-shape{position:absolute;border-radius:50%;opacity:.15}.cta-shape-1{width:400px;height:400px;background:var(--color-accent);top:-100px;right:-100px}.cta-shape-2{width:300px;height:300px;background:var(--color-accent);bottom:-80px;left:-80px}.cta-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:start;position:relative;z-index:1}@media (min-width: 900px){.cta-wrapper{grid-template-columns:1fr 1fr;gap:var(--space-8)}}.cta-content{color:var(--color-text)}.cta-content .section-eyebrow{color:var(--color-accent);padding-top:0}.cta-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);color:var(--color-text);margin:0 0 var(--space-4);line-height:1.2}.cta-description{font-size:1.1rem;line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-5);max-width:480px}.cta-benefits{display:flex;flex-direction:column;gap:var(--space-3)}.cta-benefit{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:.95rem}.benefit-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.cta-form-wrapper{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 20px 60px #0000004d}.form-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-text);margin:0 0 var(--space-5);text-align:center}.cta-form{display:flex;flex-direction:column;gap:var(--space-4)}.cta-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.cta-form .form-group label{font-size:.85rem;font-weight:600;color:var(--color-text)}.cta-form .form-group input,.cta-form .form-group textarea,.cta-form .form-group select{padding:var(--space-3) var(--space-4);font:inherit;font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:var(--transition-fast)}.cta-form .form-group input:focus,.cta-form .form-group textarea:focus,.cta-form .form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #b2753826}.cta-form .form-group textarea{resize:vertical;min-height:100px}.cta-form .form-group select{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 24 24' fill='none' stroke='%235c5f66' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-notice{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--color-muted);margin:var(--space-2) 0 0}.form-notice svg{width:14px;height:14px;flex-shrink:0}.form-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:.9rem;line-height:1.5}.form-message svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.form-message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#166534}.form-message-success svg{stroke:#22c55e}.form-message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#991b1b}.form-message-error svg{stroke:#ef4444}.error-list{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.error-list li{margin-bottom:var(--space-1)}.btn-loading{position:relative;pointer-events:none;opacity:.8}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.cta-form .form-group input:disabled,.cta-form .form-group textarea:disabled,.cta-form .form-group select:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.site-footer{background:linear-gradient(180deg,#ebe6df,#d8d0c4,#ccc3b5);margin-top:0}.footer-top{padding:var(--space-9) 0 var(--space-7);border-bottom:1px solid var(--color-border)}.footer-grid{display:grid;gap:var(--space-6);grid-template-columns:2fr 1fr 1fr 1.5fr}@media (max-width: 960px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-section{grid-column:1 / -1;max-width:100%;text-align:center;margin-bottom:var(--space-4)}.footer-brand{justify-content:center}.footer-tagline{max-width:400px;margin-left:auto;margin-right:auto}.footer-social{justify-content:center}.footer-nav-section{text-align:left}.footer-contact-section{grid-column:1 / -1;margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.footer-contact{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr 1fr}.footer-nav-section{text-align:center}.footer-nav{align-items:center}.footer-contact{flex-direction:column;align-items:center}.footer-bottom-inner{flex-direction:column;text-align:center}}.footer-brand-section{max-width:320px}.footer-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-bottom:var(--space-4)}.footer-logo{width:50px;height:50px;object-fit:contain}.footer-brand-name{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--color-text)}.footer-tagline{font-size:.9rem;line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-4)}.footer-social{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#b275381a;border-radius:50%;color:var(--color-accent);transition:all .3s ease}.social-link svg{width:18px;height:18px}.social-link:hover{background:var(--color-accent);color:#fff;transform:translateY(-3px)}.footer-nav-section{padding-top:var(--space-2)}.footer-heading{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-4)}.footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-nav a{font-size:.85rem;color:var(--color-muted);text-decoration:none;transition:color .2s ease;display:inline-block}.footer-nav a:hover{color:var(--color-accent)}.footer-contact-section{padding-top:var(--space-2)}.footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-contact li{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-muted)}.footer-contact svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.footer-contact a{color:var(--color-muted);text-decoration:none;transition:color .2s ease}.footer-contact a:hover{color:var(--color-accent)}.footer-bottom{padding:var(--space-4) 0}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.copyright{font-size:.8rem;color:var(--color-muted);margin:0}.footer-legal{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem}.footer-legal a{color:var(--color-muted);text-decoration:none;transition:color .2s ease}.footer-legal a:hover{color:var(--color-accent)}.footer-legal .separator{color:var(--color-border)}.auth-page{min-height:100vh;display:flex;background:var(--color-bg)}.auth-container{display:grid;grid-template-columns:1fr 1fr;width:100%}@media (max-width: 1024px){.auth-container{grid-template-columns:1fr}.auth-branding{display:none!important}}.auth-branding{display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);background:linear-gradient(135deg,#b2753814,#b2753808);position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(178,117,56,.1) 0%,transparent 70%);border-radius:50%}.auth-branding:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(178,117,56,.08) 0%,transparent 70%);border-radius:50%}.branding-content{position:relative;z-index:1;max-width:480px}.branding-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);text-decoration:none}.branding-logo img{width:60px;height:60px;object-fit:contain}.branding-logo-text{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--color-text)}.branding-title{font-family:var(--font-serif);font-size:clamp(2rem,3vw,2.5rem);color:var(--color-text);margin:0 0 var(--space-4);line-height:1.2}.branding-title .accent{color:var(--color-accent)}.branding-description{font-size:1.05rem;line-height:1.7;color:var(--color-muted);margin:0 0 var(--space-6)}.branding-features{display:flex;flex-direction:column;gap:var(--space-4)}.branding-feature{display:flex;align-items:flex-start;gap:var(--space-3)}.feature-icon{width:24px;height:24px;color:var(--color-accent);flex-shrink:0;margin-top:2px}.feature-text h4{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0 0 4px}.feature-text p{font-size:.85rem;color:var(--color-muted);margin:0;line-height:1.5}.auth-form-section{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) var(--space-7)}@media (max-width: 1024px){.auth-form-section{padding:var(--space-6) var(--space-4);min-height:100vh}}.auth-form-wrapper{width:100%;max-width:440px;margin:0 auto}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-header-logo{display:none}@media (max-width: 1024px){.auth-header-logo{display:flex;justify-content:center;margin-bottom:var(--space-5)}.auth-header-logo img{width:50px;height:50px}}.auth-title{font-family:var(--font-serif);font-size:1.8rem;color:var(--color-text);margin:0 0 var(--space-2)}.auth-subtitle{font-size:.95rem;color:var(--color-muted);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group select{padding:var(--space-3) var(--space-4);font:inherit;font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #b2753826}.form-group input::placeholder{color:#a0a0a0}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:50px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-muted);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:var(--color-accent)}.password-toggle svg{width:20px;height:20px}.password-strength{display:flex;gap:4px;margin-top:var(--space-2)}.strength-bar{flex:1;height:4px;background:var(--color-border);border-radius:2px;transition:background .3s ease}.strength-bar.weak{background:#ef4444}.strength-bar.medium{background:#f59e0b}.strength-bar.strong{background:#22c55e}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.form-checkbox span{font-size:.85rem;color:var(--color-muted);line-height:1.5}.form-checkbox a{color:var(--color-accent);text-decoration:none}.form-checkbox a:hover{text-decoration:underline}.forgot-password{font-size:.85rem;color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{text-decoration:underline}.btn-submit{width:100%;padding:var(--space-4);font-size:1rem;font-weight:600;margin-top:var(--space-2)}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{font-size:.8rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.social-login{display:flex;flex-direction:column;gap:var(--space-3)}.google-dev-message{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(135deg,#b275381a,#b275380d);border:1px solid rgba(178,117,56,.3);border-radius:var(--radius-md);animation:slideInMessage .3s ease}@keyframes slideInMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.google-dev-message svg{flex-shrink:0;width:18px;height:18px;color:var(--color-accent);margin-top:2px}.google-dev-message span{font-size:.85rem;color:var(--color-text);line-height:1.5}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:.9rem;font-weight:500;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.btn-social:hover{border-color:var(--color-accent);background:#b2753808}.btn-social svg{width:20px;height:20px}.auth-footer{text-align:center;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.auth-footer p{font-size:.9rem;color:var(--color-muted);margin:0}.auth-footer a{color:var(--color-accent);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.back-home{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-muted);text-decoration:none;margin-bottom:var(--space-4);transition:color .2s ease}.back-home:hover{color:var(--color-accent)}.back-home svg{width:16px;height:16px}.welcome-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#b275381a,#b275380d);border-radius:50%;display:flex;align-items:center;justify-content:center}.welcome-icon svg{width:40px;height:40px;color:var(--color-accent)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);gap:var(--space-4)}.loading-screen p{color:var(--color-text-muted);font-size:var(--text-base)}.auth-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);margin-bottom:var(--space-5);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-error-icon{flex-shrink:0;width:20px;height:20px;color:#dc2626;margin-top:1px}.auth-error-content{flex:1}.auth-error-title{font-size:.9rem;font-weight:600;color:#dc2626;margin-bottom:var(--space-1)}.auth-error-message{font-size:.85rem;color:#b91c1c;line-height:1.5}.auth-error-hint{font-size:.8rem;color:#991b1b;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(220,38,38,.15)}.auth-error-hint a{color:var(--color-accent);text-decoration:underline}.auth-success{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#05966914;border:1px solid rgba(5,150,105,.2);border-radius:var(--radius-md);margin-bottom:var(--space-5);animation:slideIn .3s ease}.auth-success-icon{flex-shrink:0;width:20px;height:20px;color:#059669;margin-top:1px}.auth-success-message{font-size:.9rem;color:#047857;line-height:1.5}.form-group.has-error input{border-color:#dc2626;background:#dc262608}.form-group.has-error input:focus{box-shadow:0 0 0 3px #dc26261a}.field-error{font-size:.8rem;color:#dc2626;margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.field-error svg{width:14px;height:14px}:root{--radius-full: 9999px;--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 4px}.client-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width, 280px);height:100vh;background:#ddd6c9;border-right:1px solid #cdc5b8;display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:var(--transition-base)}.sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid #cdc5b8;display:flex;align-items:center;justify-content:space-between;min-height:73px;box-sizing:border-box}.sidebar-brand{display:flex;align-items:center}.sidebar-logo{height:40px;width:auto}.sidebar-toggle{display:none;width:36px;height:36px;border-radius:var(--radius-sm);background:#0000000a;align-items:center;justify-content:center;color:var(--color-text-light);transition:var(--transition-fast);border:1px solid rgba(0,0,0,.06)}.sidebar-toggle:hover{background:#00000014;color:var(--color-text)}.sidebar-toggle span,.sidebar-toggle span:before,.sidebar-toggle span:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}.sidebar-toggle span:before,.sidebar-toggle span:after{content:"";position:absolute;left:0}.sidebar-toggle span:before{top:-6px}.sidebar-toggle span:after{top:6px}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-nav ul{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3)}.sidebar-nav li button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#6b6560;font-size:.9rem;font-weight:500;transition:var(--transition-fast);position:relative;background:none;border:none;cursor:pointer;text-align:left}.sidebar-nav li button:hover{background:#0000000d;color:var(--color-text)}.sidebar-nav li.active button{background:#b275381f;color:var(--color-accent)}.sidebar-nav li.active button:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-accent);border-radius:0 3px 3px 0;margin-left:-12px}.sidebar-nav li button svg{width:20px;height:20px;flex-shrink:0;color:#8a8580;transition:var(--transition-fast)}.sidebar-nav li.active button svg,.sidebar-nav li button:hover svg{color:var(--color-accent)}.sidebar-nav li button .badge{margin-left:auto;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid #cdc5b8;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-footer button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:#6b6560;font-size:.85rem;transition:var(--transition-fast);background:none;border:none;cursor:pointer;width:100%;text-align:left}.sidebar-footer button:hover{color:var(--color-text);background:#0000000d}.sidebar-footer button svg{width:18px;height:18px;color:#8a8580}.sidebar-footer button:hover svg{color:var(--color-accent)}.logout-link:hover{color:var(--color-error)!important}.logout-link:hover svg{color:var(--color-error)!important}.main-content{margin-left:var(--sidebar-width, 280px);flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);transition:var(--transition-base)}.top-header{background:#fff;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;gap:var(--space-6);box-shadow:0 1px 3px #0000000d}.top-header-compact{padding:var(--space-2) var(--space-6)}.header-left{flex:1;min-width:0}.page-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.page-title .user-name{color:var(--color-accent)}.page-subtitle{font-size:.875rem;color:var(--color-text-light)}.header-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);transition:var(--transition-fast)}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #b275381a}.search-box svg{color:var(--color-text-muted);flex-shrink:0}.search-box input{border:none;background:none;outline:none;width:180px;font-size:.875rem;color:var(--color-text)}.search-box input::placeholder{color:var(--color-text-muted)}.notification-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:var(--transition-fast)}.notification-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid white}.notification-wrapper{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;z-index:100;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.notifications-header h4{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.notif-count{font-size:.75rem;color:var(--color-accent);font-weight:500}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:var(--transition-fast);cursor:pointer;animation:notifSlideIn .3s ease-out;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg)}.notification-item.unread{background:#b275380d;animation:notifSlideIn .3s ease-out,notifPulse 2s ease-in-out infinite}@keyframes notifPulse{0%,to{background:#b275380d}50%{background:#b275381a}}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent)}.notif-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);flex-shrink:0}.notification-item.unread .notif-icon{background:var(--color-accent);color:#fff}.notif-content{flex:1;min-width:0}.notif-title{font-size:.85rem;font-weight:500;color:var(--color-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-message{font-size:.8rem;color:var(--color-text-light);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:.7rem;color:var(--color-text-muted)}.no-notifications{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.no-notifications svg{margin-bottom:var(--space-2);opacity:.5}.no-notifications p{margin:0;font-size:.85rem}.notifications-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.notifications-footer button{width:100%;padding:var(--space-2);background:none;border:none;color:var(--color-accent);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.user-menu{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);padding-right:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.user-menu:hover{border-color:var(--color-accent)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600}.user-info{display:flex;flex-direction:column}.user-fullname{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.2}.user-role{font-size:.75rem;color:var(--color-text-light)}.dashboard-content,.section-content{padding:var(--space-6);flex:1}.welcome-banner{background:linear-gradient(135deg,#b2753814,#b2753805);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.welcome-content{max-width:600px}.welcome-date{display:inline-block;font-size:.85rem;color:var(--color-accent);font-weight:500;margin-bottom:var(--space-2);text-transform:capitalize}.welcome-text h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-2)}.welcome-text p{color:var(--color-text-light);font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:var(--transition-fast)}.stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon.projects{background:#b275381a;color:var(--color-accent)}.stat-icon.messages{background:#0891b21a;color:var(--color-info)}.stat-icon.invoices{background:#d977061a;color:var(--color-warning)}.stat-icon.tasks{background:#0596691a;color:var(--color-success)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.2}.stat-label{font-size:.85rem;color:var(--color-text-light)}.section-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text)}.btn-link{color:var(--color-accent);font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:var(--transition-fast)}.btn-link:hover{text-decoration:underline}.projects-list{display:flex;flex-direction:column;gap:var(--space-4)}.project-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);gap:var(--space-4)}.project-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.project-icon{width:40px;height:40px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.project-details h4{font-size:.95rem;font-weight:600;margin-bottom:var(--space-1)}.project-status{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.project-status.in-progress{background:#0891b21a;color:var(--color-info)}.project-status.completed{background:#0596691a;color:var(--color-success)}.project-progress{display:flex;align-items:center;gap:var(--space-3);width:180px}.progress-bar{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .5s ease}.progress-text{font-size:.85rem;font-weight:600;color:var(--color-text);min-width:45px;text-align:right}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;background:#b275381a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.activity-content p{font-size:.9rem;color:var(--color-text);margin-bottom:var(--space-1)}.activity-content strong{font-weight:600}.activity-time{font-size:.8rem;color:var(--color-text-muted)}.section-header-page h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.section-header-page p{color:var(--color-text-light);font-size:.95rem}.placeholder-content{background:#fff;border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.settings-container{display:grid;gap:var(--space-5)}.settings-card{background:#fff;border:1px solid #eee8df;border-radius:20px;padding:var(--space-6);box-shadow:0 2px 8px #00000008}.settings-card h3{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-5);color:var(--color-text)}.settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.settings-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.settings-form label{font-size:.875rem;font-weight:500;color:var(--color-text-light)}.settings-form input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--color-bg);color:var(--color-text)}.settings-form input:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 1024px){.header-right{gap:var(--space-3)}.search-box input{width:140px}.user-info{display:none}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar-toggle{display:flex}.main-content{margin-left:0}.top-header{padding:var(--space-4);flex-wrap:wrap}.header-left{flex-basis:100%}.dashboard-content,.section-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.project-progress{width:120px}}.client-layout.sidebar-collapsed .sidebar{width:70px}.client-layout.sidebar-collapsed .sidebar-nav li button span,.client-layout.sidebar-collapsed .sidebar-footer button span,.client-layout.sidebar-collapsed .sidebar-nav li button .badge{display:none}.client-layout.sidebar-collapsed .main-content{margin-left:70px}.quotes-cards{display:flex;flex-direction:column;gap:var(--space-4)}.quote-card{background:#fff;border-radius:16px;border:1px solid #eee8df;padding:var(--space-5);box-shadow:0 2px 8px #00000008;transition:all .2s ease}.quote-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.quote-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.quote-info .quote-ref{font-size:.75rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.quote-info h4{margin:var(--space-1) 0 0;font-size:1.125rem;color:var(--color-text)}.quote-details{display:flex;gap:var(--space-6);margin-bottom:var(--space-4);padding:var(--space-3) 0;border-top:1px solid #f0ebe3;border-bottom:1px solid #f0ebe3}.quote-details .label{display:block;font-size:.75rem;color:var(--color-text-light);margin-bottom:var(--space-1)}.quote-details .value{font-weight:600;color:var(--color-text)}.quote-amount .value{font-size:1.25rem;color:var(--color-primary)}.quote-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.quote-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quote-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-accept{background:#059669;color:#fff;border:none;box-shadow:0 2px 6px #0596694d}.btn-accept:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #05966966}.btn-revision{background:#fff;color:var(--color-text);border:2px solid #ddd6c9}.btn-revision:hover:not(:disabled){background:#f5f1eb;border-color:var(--color-primary);transform:translateY(-1px)}.btn-reject{background:#dc2626;color:#fff;border:none;box-shadow:0 2px 6px #dc26264d}.btn-reject:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.quote-status-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:12px;font-size:.875rem;margin-top:var(--space-4)}.quote-status-message.success{background:#ecfdf5;color:#065f46}.quote-status-message.danger{background:#fef2f2;color:#991b1b}.tabs-container{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);background:#f5f1eb;padding:var(--space-1);border-radius:14px}.tab-btn{flex:1;padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:12px;font-weight:600;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#fff;color:var(--color-text);box-shadow:0 2px 8px #00000014}.tab-btn:hover:not(.active){color:var(--color-text);background:#ffffff80}.ticket-card.clickable{cursor:pointer;transition:var(--transition-base)}.ticket-card.clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.ticket-action-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #f0ebe3;font-size:.75rem;color:var(--color-text-light)}.messaging-view{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px;background:#faf8f5;border-radius:24px;overflow:hidden;border:1px solid #eee8df;box-shadow:0 4px 20px #0000000f}.messaging-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fff;border-bottom:1px solid #eee8df;border-radius:24px 24px 0 0}.btn-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid #ddd6c9;background:#fff;border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.btn-back:hover{background:#f5f1eb}.messaging-info .ticket-ref{font-size:.75rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.messaging-info h3{margin:var(--space-1) 0 0;font-size:1rem;color:var(--color-text)}.messages-container{flex:1;background:linear-gradient(180deg,#f0ebe3,#f5f1eb);padding:var(--space-5);overflow-y:auto}.loading-messages,.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-light)}.messages-list{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.message-bubble{max-width:75%;padding:var(--space-4) var(--space-5);border-radius:20px;box-shadow:0 2px 8px #0000001a;position:relative;animation:messageSlideIn .3s ease-out}.message-bubble.sent{align-self:flex-end;background:#f5f1eb;border:2px solid #ddd6c9;border-bottom-right-radius:6px}.message-bubble.sent .message-sender{color:var(--color-primary);font-weight:700}.message-bubble.sent .message-content{color:#2d2a26}.message-bubble.sent .message-time{color:#8a8279;text-align:right}.message-bubble.received{align-self:flex-start;background:#1a1a1a;border:none;border-bottom-left-radius:6px}.message-bubble.received .message-sender{color:#c6a87c;font-weight:700}.message-bubble.received .message-content{color:#fff}.message-bubble.received .message-time{color:#fff9}.message-sender{font-size:.8125rem;margin-bottom:var(--space-2);font-weight:700}.message-content{font-size:.9375rem;line-height:1.6;word-wrap:break-word}.message-time{font-size:.75rem;margin-top:var(--space-2)}.message-input-form{display:flex;gap:var(--space-3);padding:var(--space-5);background:#fff;border-top:1px solid #eee8df;border-radius:0 0 24px 24px}.message-input-form input{flex:1;padding:var(--space-4) var(--space-5);border:2px solid #e8e2d9;border-radius:24px;font-size:.9375rem;background:#faf8f5;transition:all .2s ease}.message-input-form input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #c6a87c26}.btn-send{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.btn-send:hover:not(:disabled){background:#333;transform:scale(1.05)}.btn-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.section-header-page{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.header-actions{display:flex;gap:var(--space-3)}.success-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md);color:#065f46;margin-bottom:var(--space-5)}.settings-container{display:flex;flex-direction:column;gap:var(--space-5)}.settings-card{background:#fff;border-radius:var(--radius-lg);border:1px solid #eee8df;padding:var(--space-6);box-shadow:var(--shadow-sm)}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.settings-card h3{font-size:1.125rem;color:var(--color-text);margin:0 0 var(--space-5) 0}.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-form .form-group label{display:flex;flex-direction:column;gap:var(--space-2);font-size:.875rem;font-weight:500;color:var(--color-text)}.field-note{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:400;color:var(--color-text-light)}.settings-form input{padding:var(--space-3) var(--space-4);border:1px solid #ddd6c9;border-radius:var(--radius-md);font-size:.9375rem;background:#f9f7f4;color:var(--color-text)}.settings-form input:disabled{cursor:not-allowed}.settings-form input.editable{background:#fff;border-color:var(--color-primary)}.settings-form input.readonly{background:#eee8df;color:var(--color-text-light)}.btn-edit{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid #ddd6c9;background:#fff;border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-edit:hover{background:#f5f1eb;border-color:var(--color-primary)}.edit-actions{display:flex;gap:var(--space-3)}.btn-cancel{padding:var(--space-2) var(--space-4);border:1px solid #ddd6c9;background:#fff;border-radius:var(--radius-md);color:var(--color-text-light);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.btn-cancel:hover{background:#f5f1eb}.btn-save{padding:var(--space-2) var(--space-4);border:none;background:var(--color-primary);border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-save:hover:not(:disabled){background:#b5956d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.password-field{display:flex;gap:var(--space-3)}.password-field input{flex:1}.btn-outline{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid #ddd6c9;background:#fff;border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.company-info{display:flex;flex-direction:column;gap:var(--space-4)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item .label{font-size:.75rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:1rem;color:var(--color-text);font-weight:500}.info-note{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--color-text-light);padding:var(--space-3);background:#f5f1eb;border-radius:var(--radius-md);margin:0}@media (max-width: 640px){.settings-form .form-row{grid-template-columns:1fr}.password-field{flex-direction:column}.settings-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-content.large{max-width:650px}.modal-body{padding:var(--space-5) var(--space-6)}.modal-form-group{margin-bottom:var(--space-5)}.modal-form-group label{display:block;font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid #e8e2d9;border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text);background:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.modal-form-group input::placeholder,.modal-form-group textarea::placeholder{color:#a39a8c}.modal-form-group input:hover,.modal-form-group select:hover,.modal-form-group textarea:hover{border-color:#cdc5b8}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{outline:none;border-color:#c6a87c;box-shadow:0 0 0 3px #c6a87c26}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid #eee8df;position:sticky;top:0;background:#fff;z-index:1;border-radius:24px 24px 0 0}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f1eb;border-radius:var(--radius-full);color:var(--color-text-light);font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);line-height:1}.modal-close:hover{background:#eee8df;color:var(--color-text)}.modal-content form{padding:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid #eee8df}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid #eee8df;background:#faf8f5}.modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.modal-btn.secondary{background:#f5f1eb;color:var(--color-text);border:1px solid #e0d8cc}.modal-btn.secondary:hover{background:#ebe5db;border-color:#cdc5b8}.modal-btn.primary{background:#c6a87c;color:#1a1a2e;border:1px solid #c6a87c;font-weight:700}.modal-btn.primary:hover{background:#b8996e;border-color:#b8996e;transform:translateY(-1px);box-shadow:0 4px 12px #c6a87c66}.modal-btn.danger{background:#dc3545;color:#fff;border:1px solid #dc3545}.modal-btn.danger:hover{background:#c82333}.modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid #e8e2d9;border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text);background:#fff;transition:var(--transition-fast);font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#a39a8c}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cdc5b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c6a87c26}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9f7f4;color:var(--color-text-light);cursor:not-allowed}.form-group input.editable{background:#fff;border-color:var(--color-primary)}.form-group input.readonly{background:#f5f1eb}.form-group textarea{resize:vertical;min-height:100px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.field-note{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:400;color:var(--color-text-light);margin-left:var(--space-2)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-primary) 0%,#b5956d 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #c6a87c4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #c6a87c66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;color:var(--color-text);border:2px solid #e8e2d9;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:#f5f1eb;border-color:#cdc5b8}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.project-card{background:#fff;border-radius:20px;border:1px solid #eee8df;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 12px #0000000a}.project-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-4px);border-color:var(--color-primary)}.project-card-header .project-ref{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light);margin-bottom:var(--space-1)}.project-card-header h4{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0;line-height:1.4}.project-card-body{padding:var(--space-5)}.project-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.project-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.project-info-item .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light)}.project-info-item .value{font-size:.9375rem;font-weight:600;color:var(--color-text)}.project-progress-section{padding-top:var(--space-4);border-top:1px solid #f5f1eb}.project-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.project-progress-header span{font-size:.75rem;color:var(--color-text-light)}.project-progress-header strong{font-size:.875rem;color:var(--color-primary)}.project-progress-bar{height:8px;background:#f0ebe3;border-radius:var(--radius-full);overflow:hidden}.project-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#d4b896 100%);border-radius:var(--radius-full);transition:width .5s ease}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6);background:linear-gradient(135deg,#faf8f5,#f5f1eb);border:2px dashed #ddd6c9;border-radius:24px;min-height:300px}.empty-state-card svg{color:var(--color-primary);opacity:.6;margin-bottom:var(--space-4)}.empty-state-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-2) 0}.empty-state-card p{font-size:.9375rem;color:var(--color-text-light);margin:0 0 var(--space-5) 0;max-width:320px}.success-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:var(--radius-lg);color:#065f46;font-weight:500;margin-bottom:var(--space-5);animation:slideDown .3s ease-out}.error-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:var(--radius-lg);color:#991b1b;font-weight:500;margin-bottom:var(--space-5)}.tickets-list{display:flex;flex-direction:column;gap:var(--space-4)}.ticket-card{background:#fff;border-radius:16px;border:1px solid #eee8df;padding:var(--space-5);transition:all .2s ease;box-shadow:0 2px 8px #00000008}.ticket-card.clickable{cursor:pointer}.ticket-card.clickable:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #c6a87c2e;transform:translateY(-3px)}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.ticket-reference{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.priority-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.priority-badge.priority-low{background:#dbeafe;color:#1e40af}.priority-badge.priority-medium{background:#fef3c7;color:#92400e}.priority-badge.priority-high{background:#fed7aa;color:#c2410c}.priority-badge.priority-critical{background:#fee2e2;color:#991b1b}.ticket-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0;line-height:1.4}.ticket-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--color-text-light)}.meta-item svg{opacity:.6}.ticket-action-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #f5f1eb;font-size:.8125rem;color:var(--color-primary);font-weight:500}.messaging-view{display:flex;flex-direction:column;height:calc(100vh - 220px);min-height:500px;background:#faf8f5;border-radius:var(--radius-xl);overflow:hidden;border:1px solid #eee8df}.messaging-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border-bottom:1px solid #eee8df}.btn-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid #ddd6c9;background:#fff;border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-back:hover{background:#f5f1eb;border-color:var(--color-primary)}.messaging-info{flex:1}.messaging-info .ticket-ref{font-size:.7rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.messaging-info h3{margin:var(--space-1) 0 0;font-size:1rem;font-weight:600;color:var(--color-text)}.messages-container{flex:1;padding:var(--space-5);overflow-y:auto;background:linear-gradient(180deg,#f5f1eb,#faf8f5)}.loading-messages,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-light);text-align:center}.no-messages p{margin:0;font-size:.9375rem}.message-input-form{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#fff;border-top:1px solid #eee8df}.message-input-form input{flex:1;padding:var(--space-3) var(--space-4);border:2px solid #e8e2d9;border-radius:var(--radius-lg);font-size:.9375rem;transition:var(--transition-fast)}.message-input-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c6a87c26}.btn-send{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#b5956d 100%);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #c6a87c4d}.btn-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #c6a87c66}.btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.open{background:#dbeafe;color:#1e40af}.status-badge.in-progress{background:#fef3c7;color:#92400e}.status-badge.pending{background:#e5e7eb;color:#374151}.status-badge.resolved,.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.closed{background:#f3f4f6;color:#6b7280}.status-badge.sent,.status-badge.viewed{background:#dbeafe;color:#1e40af}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.revision-requested{background:#fef3c7;color:#92400e}.section-header-page{margin-bottom:var(--space-6)}.section-header-page .header-actions{margin-top:var(--space-4)}@media (max-width: 768px){.modal-content{max-width:100%;margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.projects-grid{grid-template-columns:1fr}.quote-actions{flex-direction:column}.messaging-view{height:calc(100vh - 180px)}}.project-card{background:#fff;border-radius:var(--radius-xl);border:1px solid #eee8df;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.project-card:hover{box-shadow:0 10px 40px #00000014;transform:translateY(-4px);border-color:var(--color-primary)}.project-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#faf8f5,#f5f1eb);border-bottom:1px solid #eee8df}.project-reference{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);background:#c6a87c26;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.project-card-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0;padding:var(--space-4) var(--space-5) var(--space-2);line-height:1.4}.project-card-desc{font-size:.875rem;color:var(--color-text-light);margin:0;padding:0 var(--space-5) var(--space-4);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-progress{padding:0 var(--space-5) var(--space-4)}.project-card-progress .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:.8125rem}.project-card-progress .progress-info span:first-child{color:var(--color-text-light)}.project-card-progress .progress-info span:last-child{font-weight:700;color:var(--color-primary)}.project-card-progress .progress-bar{height:8px;background:#f0ebe3;border-radius:var(--radius-full);overflow:hidden}.project-card-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#d4b896 100%);border-radius:var(--radius-full);transition:width .5s ease}.project-card-meta{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid #f5f1eb}.project-card-meta .meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--color-text-light)}.project-card-meta .meta-item svg{opacity:.6}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#faf8f5;border-top:1px solid #eee8df;margin-top:auto}.project-card-footer .tasks-count{font-size:.8125rem;color:var(--color-text-light);display:flex;align-items:center;gap:var(--space-1)}.project-card-footer .budget{font-size:1rem;font-weight:700;color:var(--color-primary)}.modal-form{padding:var(--space-6)}.modal-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.modal-info svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.modal-info span{font-size:.875rem;color:#1e40af;line-height:1.5}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;margin-bottom:var(--space-4)}.section-header-page{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.section-header-page>div:first-child{flex:1}.section-header-page h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-1) 0}.section-header-page p{font-size:.9375rem;color:var(--color-text-light);margin:0}.messages-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#ddd6c9;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#b8a99a}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#f0ebe3 25%,#faf8f5,#f0ebe3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 480px){.section-header-page{flex-direction:column;align-items:stretch}.section-header-page .btn-primary{width:100%}.modal-header,.modal-form{padding:var(--space-4)}.message-bubble{max-width:85%}}.client-layout .quote-preview-client{background:var(--color-bg-primary);padding:var(--space-4)}.client-layout .quote-preview-client .quote-header-info h4{margin:0 0 var(--space-2);font-size:1.1rem;color:var(--color-text-primary)}.client-layout .quote-preview-client .quote-header-info .description{margin:0 0 var(--space-4);font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.client-layout .quote-items-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.client-layout .quote-items-table th{text-align:left;padding:var(--space-3);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.client-layout .quote-items-table th:last-child,.client-layout .quote-items-table td:last-child{text-align:right}.client-layout .quote-items-table td{padding:var(--space-3);font-size:.9rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.client-layout .quote-totals{max-width:300px;margin-left:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3)}.client-layout .quote-totals .total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:.9rem;color:var(--color-text-secondary)}.client-layout .quote-totals .total-row.final{border-top:2px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-weight:600;color:var(--color-text-primary)}.client-layout .quote-totals .grand-total{font-size:1.25rem;color:var(--color-primary)}.client-layout .quote-meta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.client-layout .quote-meta p{margin:0 0 var(--space-1);font-size:.8rem;color:var(--color-text-tertiary)}.client-layout .sign-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.client-layout .sign-info p{margin:0 0 var(--space-2);font-size:.9rem;color:var(--color-text-secondary)}.client-layout .sign-info p:last-child{margin-bottom:0}.client-layout .sign-info .sign-warning{color:#f59e0b;font-weight:500;font-size:.85rem}.client-layout .signature-canvas-container{position:relative;border:2px dashed #cdc5b8;border-radius:var(--radius-md);background:#faf8f5;overflow:hidden;margin-top:var(--space-2)}.client-layout .signature-canvas{display:block;width:100%;height:180px;cursor:crosshair;background:#fff}.client-layout .clear-signature-btn{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;font-size:.75rem;cursor:pointer;transition:all .2s ease}.client-layout .clear-signature-btn:hover{background:#ef444433}.client-layout .canvas-hint{margin:var(--space-2) 0 0;font-size:.75rem;color:var(--color-text-tertiary)}.client-layout .btn-view{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.client-layout .btn-view:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.client-layout .btn-download{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.client-layout .btn-download:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.client-layout .btn-download-small{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none}.client-layout .btn-download-small:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.client-layout .quote-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.client-layout .quote-actions .btn-accept{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.client-layout .quote-actions .btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.client-layout .modal-content.large{max-width:700px}.client-layout .loading-spinner{text-align:center;padding:var(--space-6);color:var(--color-text-secondary)}@media (max-width: 768px){.client-layout .quote-totals{max-width:none}.client-layout .signature-canvas{max-width:100%}.client-layout .quote-actions{flex-direction:column}.client-layout .quote-actions button{width:100%;justify-content:center}}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.invoice-card{background:#fff;border-radius:var(--radius-lg);border:1px solid #e8e2d9;overflow:hidden;transition:all .2s ease}.invoice-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.invoice-card.paid{border-color:#10b981}.invoice-card.pending{border-color:#f59e0b}.invoice-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:#faf8f5;border-bottom:1px solid #e8e2d9}.invoice-ref{font-weight:700;font-size:.9375rem;color:var(--color-text)}.invoice-status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600}.invoice-status-badge.paid{background:#10b98126;color:#059669}.invoice-status-badge.pending{background:#f59e0b26;color:#d97706}.invoice-card-body{padding:var(--space-4)}.invoice-amount{text-align:center;margin-bottom:var(--space-3)}.invoice-amount .amount-label{display:block;font-size:.8125rem;color:var(--color-text-light);margin-bottom:var(--space-1)}.invoice-amount .amount-value{font-size:1.75rem;font-weight:700;color:var(--color-text)}.invoice-due{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#f59e0b14;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.invoice-due .due-label{font-size:.8125rem;color:#d97706}.invoice-due .due-value{font-size:.875rem;font-weight:600;color:#d97706}.invoice-paid-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#10b98114;border-radius:var(--radius-sm);color:#059669;font-size:.875rem;font-weight:500}.invoice-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid #e8e2d9;background:#faf8f5}.btn-view-invoice,.btn-download-invoice{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-view-invoice{background:#fff;border:1px solid #e8e2d9;color:var(--color-text)}.btn-view-invoice:hover{background:#f5f1eb;border-color:#cdc5b8}.btn-download-invoice{background:#c6a87c;color:#1a1a2e}.btn-download-invoice:hover{background:#b8996e}.invoice-status-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.invoice-status-banner.paid{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669}.invoice-status-banner.pending{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#d97706}.invoice-status-banner div{display:flex;flex-direction:column}.invoice-status-banner strong{font-size:1rem;margin-bottom:2px}.invoice-status-banner span{font-size:.8125rem;opacity:.85}.invoice-details{background:#faf8f5;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.invoice-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid #e8e2d9}.invoice-detail-row:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:var(--color-text-light)}.detail-value{font-size:.9375rem;font-weight:500;color:var(--color-text)}.detail-value.large{font-size:1.25rem;font-weight:700;color:#c6a87c}.detail-value.discount{color:#dc3545}.invoice-payment-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-4)}.invoice-payment-info h4{font-size:.9375rem;font-weight:600;color:#3b82f6;margin:0 0 var(--space-2) 0}.invoice-payment-info p{font-size:.875rem;color:var(--color-text-light);margin:0;line-height:1.5}a.modal-btn{text-decoration:none;display:inline-flex}a.modal-btn.primary svg{margin-right:var(--space-1)}@media (max-width: 640px){.invoices-grid{grid-template-columns:1fr}.invoice-card-actions{flex-direction:column}}.devia-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,#b88650,#8b6914);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #b8865066,0 0 40px #b8865033;transition:all .3s ease;z-index:999}.devia-fab svg{width:28px;height:28px;color:#fff}.devia-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #b8865080,0 0 60px #b886504d}.devia-fab:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(184,134,80,.5);animation:devia-fab-pulse 2s ease-in-out infinite}@keyframes devia-fab-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0}}.devia-chat-embedded{background:linear-gradient(145deg,#f5f0e8,#ebe5db);border-radius:16px;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px;max-height:700px;overflow:hidden;box-shadow:0 0 0 1px #b8865033,0 10px 40px #0000001a;border:1px solid #cdc5b8}.devia-messages-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.devia-messages-area::-webkit-scrollbar{width:6px}.devia-messages-area::-webkit-scrollbar-track{background:transparent}.devia-messages-area::-webkit-scrollbar-thumb{background:#b886504d;border-radius:3px}.devia-msg{display:flex;gap:12px;max-width:80%;animation:deviaSlideIn .3s ease}@keyframes deviaSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.devia-msg.assistant{align-self:flex-start}.devia-msg.user{align-self:flex-end;flex-direction:row-reverse}.devia-msg-avatar{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#b88650,#8b6914);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #b886504d}.devia-msg-avatar svg{width:20px;height:20px;color:#fff}.devia-msg-content{padding:14px 18px;border-radius:16px;font-size:14px;line-height:1.7}.devia-msg.assistant .devia-msg-content{background:#fff;border:1px solid #ddd6c9;color:#3c3c3c;border-top-left-radius:4px;box-shadow:0 2px 8px #0000000d}.devia-msg.user .devia-msg-content{background:linear-gradient(135deg,#b88650,#a07840);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 15px #b886504d}.devia-msg-content strong{color:#b88650;font-weight:600}.devia-msg.user .devia-msg-content strong{color:#fff}.devia-typing{display:flex;align-items:center;gap:5px;padding:18px 22px!important}.devia-typing span{width:8px;height:8px;background:#b88650;border-radius:50%;animation:deviaBounce 1.4s infinite ease-in-out}.devia-typing span:nth-child(1){animation-delay:0s}.devia-typing span:nth-child(2){animation-delay:.2s}.devia-typing span:nth-child(3){animation-delay:.4s}@keyframes deviaBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.devia-input-area{display:flex;gap:12px;padding:20px 24px;background:#ddd6c9;border-top:1px solid #cdc5b8}.devia-input-area input{flex:1;padding:16px 20px;background:#fff;border:1px solid #cdc5b8;border-radius:12px;color:#3c3c3c;font-size:15px;outline:none;transition:all .2s ease}.devia-input-area input::placeholder{color:#999}.devia-input-area input:focus{border-color:#b88650;box-shadow:0 0 0 3px #b8865026}.devia-input-area input:disabled{opacity:.6;cursor:not-allowed}.devia-send-btn{width:52px;height:52px;background:linear-gradient(135deg,#b88650,#a07840);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #b8865059}.devia-send-btn svg{width:22px;height:22px;color:#fff;transform:rotate(45deg)}.devia-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #b8865073}.devia-send-btn:active:not(:disabled){transform:translateY(0)}.devia-send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.devia-chat-embedded{height:calc(100vh - 180px);min-height:400px}.devia-msg{max-width:90%}.devia-messages-area,.devia-input-area{padding:16px}}.admin-layout{display:flex;min-height:100vh}.admin-layout .sidebar.admin-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width, 280px);height:100vh;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:var(--transition-base)}.admin-layout .sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;min-height:73px;box-sizing:border-box}.admin-layout .sidebar-brand{display:flex;align-items:center;gap:var(--space-3)}.admin-layout .sidebar-logo{height:36px;width:auto;filter:brightness(0) invert(1)}.admin-badge{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.admin-layout .sidebar-toggle{display:none;width:36px;height:36px;border-radius:var(--radius-sm);background:#ffffff0d;align-items:center;justify-content:center;color:#888;transition:var(--transition-fast);border:none;cursor:pointer}.admin-layout .sidebar-toggle:hover{background:#ffffff1a;color:#fff}.admin-layout .sidebar-toggle span,.admin-layout .sidebar-toggle span:before,.admin-layout .sidebar-toggle span:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}.admin-layout .sidebar-toggle span:before,.admin-layout .sidebar-toggle span:after{content:"";position:absolute;left:0}.admin-layout .sidebar-toggle span:before{top:-6px}.admin-layout .sidebar-toggle span:after{top:6px}.admin-layout .sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.admin-layout .sidebar-nav ul{display:flex;flex-direction:column;gap:0;padding:0 var(--space-3)}.admin-layout .sidebar-nav li.nav-section-title{color:#666;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-4) var(--space-4) var(--space-2);margin-top:var(--space-2)}.admin-layout .sidebar-nav li.nav-section-title:first-child{margin-top:0}.admin-layout .sidebar-nav li button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#999;font-size:.875rem;font-weight:500;transition:var(--transition-fast);position:relative;background:none;border:none;cursor:pointer;text-align:left}.admin-layout .sidebar-nav li button:hover{background:#ffffff0d;color:#fff}.admin-layout .sidebar-nav li.active button{background:#b2753826;color:var(--color-accent)}.admin-layout .sidebar-nav li.active button:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-accent);border-radius:0 3px 3px 0;margin-left:-12px}.admin-layout .sidebar-nav li button svg{width:18px;height:18px;flex-shrink:0;color:#666;transition:var(--transition-fast)}.admin-layout .sidebar-nav li.active button svg,.admin-layout .sidebar-nav li button:hover svg{color:var(--color-accent)}.admin-layout .sidebar-nav li button .badge{margin-left:auto;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.admin-layout .sidebar-nav li button .badge.warning{background:var(--color-warning)}.admin-layout .sidebar-nav li button .badge.danger{background:var(--color-error)}.admin-layout .sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:var(--space-2)}.admin-layout .sidebar-footer button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:#888;font-size:.85rem;transition:var(--transition-fast);background:none;border:none;cursor:pointer;width:100%;text-align:left}.admin-layout .sidebar-footer button:hover{color:#fff;background:#ffffff0d}.admin-layout .sidebar-footer button svg{width:18px;height:18px;color:#666}.admin-layout .sidebar-footer button:hover svg{color:var(--color-accent)}.admin-layout .logout-link:hover{color:var(--color-error)!important}.admin-layout .logout-link:hover svg{color:var(--color-error)!important}.admin-layout .main-content{margin-left:var(--sidebar-width, 280px);flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);transition:var(--transition-base)}.admin-layout .top-header{background:#fff;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;gap:var(--space-6);box-shadow:0 1px 3px #0000000d}.admin-layout .header-left{flex:1;min-width:0}.admin-layout .page-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.admin-layout .page-subtitle{font-size:.875rem;color:var(--color-text-light)}.admin-layout .header-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.admin-layout .search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg);border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:var(--transition-fast)}.admin-layout .search-box:focus-within{box-shadow:0 0 0 2px var(--color-accent)}.admin-layout .search-box svg{color:var(--color-text-muted);flex-shrink:0}.admin-layout .search-box input{border:none;background:none;outline:none;width:180px;font-size:.875rem;color:var(--color-text)}.admin-layout .search-box input::placeholder{color:var(--color-text-muted)}.admin-layout .notification-wrapper{position:relative}.admin-layout .notification-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:var(--transition-fast);cursor:pointer}.admin-layout .notification-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-layout .notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid white}.admin-layout .notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--color-error);border-radius:9px;font-size:.65rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--color-bg-primary)}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;z-index:1000;overflow:hidden;animation:slideDown .2s ease}[data-theme=dark] .notifications-dropdown{background:#1e1e2e}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.notifications-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.notifications-header .mark-all-read{background:none;border:none;color:var(--color-accent);font-size:.75rem;cursor:pointer;transition:opacity .2s}.notifications-header .mark-all-read:hover{opacity:.8;text-decoration:underline}.notifications-list{max-height:380px;overflow-y:auto}.notifications-loading,.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-tertiary);gap:var(--space-3)}.notifications-empty svg{opacity:.3}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .2s;position:relative;animation:notifSlideIn .3s ease-out}@keyframes notifSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item.unread{background:#6366f10d;animation:notifSlideIn .3s ease-out,notifPulse 2s ease-in-out infinite}@keyframes notifPulse{0%,to{background:#6366f10d}50%{background:#6366f11a}}.notification-item.unread:hover{background:#6366f11a;animation:none}.notification-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.info{background:#3b82f61a;color:#3b82f6}.notification-icon.success{background:#10b9811a;color:#10b981}.notification-icon.warning{background:#f59e0b1a;color:#f59e0b}.notification-icon.error{background:#ef44441a;color:#ef4444}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.notification-message{font-size:.8rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.7rem;color:var(--color-text-tertiary);margin-top:2px}.notification-unread-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;flex-shrink:0;margin-top:6px}.notifications-footer{padding:var(--space-3);border-top:1px solid var(--color-border);text-align:center;background:var(--color-bg-secondary)}.notifications-footer button{background:none;border:none;color:var(--color-accent);font-size:.8rem;cursor:pointer;font-weight:500}.notifications-footer button:hover{text-decoration:underline}.admin-layout .user-menu{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);padding-right:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.admin-layout .user-menu:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.admin-layout .user-menu:hover .user-menu-icon{color:var(--color-accent)}.admin-layout .user-menu-icon{color:var(--color-text-tertiary);transition:color .2s ease;margin-left:var(--space-2)}.admin-layout .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600}.admin-layout .user-avatar.admin{background:linear-gradient(135deg,#1a1a1a,#333);border:2px solid var(--color-accent)}.admin-layout .user-avatar.small{width:32px;height:32px;font-size:.7rem}.admin-layout .user-info{display:flex;flex-direction:column}.admin-layout .user-fullname{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.2}.admin-layout .user-role{font-size:.75rem;color:var(--color-text-light)}.admin-layout .dashboard-content,.admin-layout .section-content{padding:var(--space-6);flex:1}.admin-layout .welcome-banner.admin-banner{background:linear-gradient(135deg,#1a1a1a14,#1a1a1a05);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.admin-layout .welcome-content{max-width:600px}.admin-layout .welcome-date{display:inline-block;font-size:.85rem;color:var(--color-accent);font-weight:500;margin-bottom:var(--space-2);text-transform:capitalize}.admin-layout .welcome-text h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-2)}.admin-layout .welcome-text p{color:var(--color-text-light);font-size:.95rem}.admin-layout .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.admin-layout .stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:var(--transition-fast);position:relative}.admin-layout .stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.admin-layout .stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.admin-layout .stat-icon.clients{background:#0891b21a;color:var(--color-info)}.admin-layout .stat-icon.projects{background:#b275381a;color:var(--color-accent)}.admin-layout .stat-icon.revenue{background:#0596691a;color:var(--color-success)}.admin-layout .stat-icon.tickets{background:#dc26261a;color:var(--color-error)}.admin-layout .stat-content{display:flex;flex-direction:column;flex:1}.admin-layout .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.2}.admin-layout .stat-label{font-size:.85rem;color:var(--color-text-light)}.admin-layout .stat-trend{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-full)}.admin-layout .stat-trend.positive{background:#0596691a;color:var(--color-success)}.admin-layout .stat-trend.negative{background:#dc26261a;color:var(--color-error)}.admin-layout .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 1024px){.admin-layout .dashboard-grid{grid-template-columns:1fr}}.admin-layout .section-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.admin-layout .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.admin-layout .section-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text)}.admin-layout .btn-link{color:var(--color-accent);font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:var(--transition-fast)}.admin-layout .btn-link:hover{text-decoration:underline}.admin-layout .btn-primary{background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:var(--transition-fast)}.admin-layout .btn-primary:hover{background:var(--color-accent-hover)}.admin-layout .activity-list{display:flex;flex-direction:column}.admin-layout .activity-item{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.admin-layout .activity-item:last-child{border-bottom:none}.admin-layout .activity-icon{width:32px;height:32px;background:#b275381a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.admin-layout .activity-icon.warning{background:#dc26261a;color:var(--color-error)}.admin-layout .activity-content p{font-size:.9rem;color:var(--color-text);margin-bottom:var(--space-1)}.admin-layout .activity-content strong{font-weight:600}.admin-layout .activity-time{font-size:.8rem;color:var(--color-text-muted)}.admin-layout .quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.admin-layout .quick-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.admin-layout .quick-action-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-layout .quick-action-btn svg{color:var(--color-accent)}.admin-layout .section-header-page{margin-bottom:var(--space-6)}.admin-layout .section-header-page h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.admin-layout .section-header-page p{color:var(--color-text-light);font-size:.95rem}.admin-layout .placeholder-content{background:#fff;border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.admin-layout .settings-container{display:grid;gap:var(--space-5)}.admin-layout .settings-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.admin-layout .settings-card h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-5);color:var(--color-text)}.admin-layout .settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.admin-layout .settings-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.admin-layout .settings-form label{font-size:.875rem;font-weight:500;color:var(--color-text-light)}.admin-layout .settings-form input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--color-bg);color:var(--color-text)}.admin-layout .settings-form input:disabled{opacity:.7;cursor:not-allowed}.admin-layout .table-container{overflow-x:auto}.admin-layout .data-table{width:100%;border-collapse:collapse}.admin-layout .data-table th,.admin-layout .data-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.admin-layout .data-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light);background:var(--color-bg)}.admin-layout .data-table td{font-size:.9rem;color:var(--color-text)}.admin-layout .user-cell{display:flex;align-items:center;gap:var(--space-3)}.admin-layout .status-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px;border-radius:var(--radius-full)}.admin-layout .status-badge.active{background:#0596691a;color:var(--color-success)}.admin-layout .btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;transition:var(--transition-fast)}.admin-layout .btn-icon svg{width:18px;height:18px}.admin-layout .btn-icon:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 1024px){.admin-layout .header-right{gap:var(--space-3)}.admin-layout .search-box input{width:140px}.admin-layout .user-info{display:none}}@media (max-width: 768px){.admin-layout .sidebar.admin-sidebar{transform:translate(-100%)}.admin-layout .sidebar-toggle{display:flex}.admin-layout .main-content{margin-left:0}.admin-layout .top-header{padding:var(--space-4);flex-wrap:wrap}.admin-layout .header-left{flex-basis:100%}.admin-layout .dashboard-content,.admin-layout .section-content{padding:var(--space-4)}.admin-layout .stats-grid,.admin-layout .quick-actions{grid-template-columns:1fr}}.admin-layout.sidebar-collapsed .sidebar.admin-sidebar{width:70px}.admin-layout.sidebar-collapsed .sidebar-nav li button span,.admin-layout.sidebar-collapsed .sidebar-footer button span,.admin-layout.sidebar-collapsed .sidebar-nav li button .badge,.admin-layout.sidebar-collapsed .admin-badge,.admin-layout.sidebar-collapsed .nav-section-title{display:none}.admin-layout.sidebar-collapsed .main-content{margin-left:70px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--color-text-muted)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{color:var(--color-danger)}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-style:italic}.stats-grid.secondary{margin-top:var(--space-4)}.stat-card.small{padding:var(--space-4)}.stat-card.small .stat-value{font-size:1.5rem}.stat-info{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-2)}.stat-trend.info{background:#3b82f61a;color:#3b82f6}.payments-list{display:flex;flex-direction:column;gap:var(--space-3)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.payment-info{display:flex;flex-direction:column;gap:var(--space-1)}.payment-info strong{color:var(--color-success);font-size:1rem}.payment-info span{font-size:.85rem;color:var(--color-text-muted)}.payment-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.payment-ref{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-secondary)}.payment-date{font-size:.75rem;color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);padding:var(--space-4)}.project-card-admin{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-base)}.project-card-admin:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.project-card-admin .project-info h4{margin:var(--space-2) 0;font-size:1.1rem}.project-card-admin .project-ref{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.project-card-admin .project-client{font-size:.85rem;color:var(--color-text-secondary)}.project-card-admin .progress-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:var(--space-2)}.project-card-admin .progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease}.project-card-admin .project-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);font-size:.85rem;color:var(--color-text-secondary)}.project-card-admin .meta-item{display:flex;align-items:center;gap:var(--space-2)}.project-card-admin .project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.project-card-admin .tasks-count{font-size:.85rem;color:var(--color-text-muted)}.project-card-admin .budget{font-weight:600;color:var(--color-accent)}.tickets-list{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.ticket-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-base)}.ticket-card:hover{box-shadow:var(--shadow-md)}.ticket-card.priority-critical{border-left:4px solid #dc2626}.ticket-card.priority-high{border-left:4px solid #f59e0b}.ticket-card.priority-medium{border-left:4px solid #3b82f6}.ticket-card.priority-low{border-left:4px solid #6b7280}.ticket-card .ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.ticket-card .ticket-info h4{margin:var(--space-2) 0 0;font-size:1rem}.ticket-card .ticket-ref{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.ticket-card .ticket-badges{display:flex;gap:var(--space-2)}.priority-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.priority-badge.critical{background:#dc262626;color:#dc2626}.priority-badge.high{background:#f59e0b26;color:#f59e0b}.priority-badge.medium{background:#3b82f626;color:#3b82f6}.priority-badge.low{background:#6b728026;color:#6b7280}.ticket-card .ticket-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.5}.ticket-card .ticket-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:.85rem;color:var(--color-text-muted)}.role-badge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase}.role-badge.super_admin{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.role-badge.admin{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.role-badge.manager{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.role-badge.employee{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.role-badge.client{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.action-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.action-badge.create{background:#10b98126;color:#10b981}.action-badge.update{background:#3b82f626;color:#3b82f6}.action-badge.delete{background:#ef444426;color:#ef4444}.action-badge.login{background:#8b5cf626;color:#8b5cf6}.action-badge.logout{background:#6b728026;color:#6b7280}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar.small{width:32px;height:32px;font-size:.75rem}.user-avatar.small.admin{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.stat-card.clickable{cursor:pointer;transition:var(--transition-base)}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--color-accent)}.quick-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.quick-stat{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:100px;cursor:pointer;transition:var(--transition-fast)}.quick-stat:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.quick-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.quick-stat-value.danger{color:#ef4444}.quick-stat-value.warning{color:#f59e0b}.quick-stat-value.success{color:#10b981}.quick-stat-label{font-size:.8rem;color:var(--color-text-tertiary)}.filters-bar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-group label{font-size:.85rem;color:var(--color-text-secondary)}.filter-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.85rem}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.messages-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-5);min-height:600px}.users-list-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.panel-header h3{margin:0 0 var(--space-3) 0;font-size:1rem}.search-input{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3)}.search-input.small{padding:var(--space-1) var(--space-2)}.search-input input{border:none;background:none;flex:1;color:var(--color-text-primary);font-size:.85rem;outline:none}.search-input input::placeholder{color:var(--color-text-tertiary)}.search-input svg{color:var(--color-text-tertiary)}.users-list{flex:1;overflow-y:auto;padding:var(--space-2)}.user-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative}.user-list-item:hover{background:var(--color-bg-secondary)}.user-list-item.active{background:#6366f11a;border-left:3px solid var(--color-accent)}.user-list-info{flex:1;min-width:0}.user-name{display:block;font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.user-company{display:block;font-size:.75rem;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.status-dot.online{background:#10b981}.user-status-wrapper{display:flex;align-items:center;gap:var(--space-2)}.unread-badge{background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.role-badge{display:inline-block;background:#6366f11a;color:var(--color-accent);font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm)}.no-conversation .hint{font-size:.8rem;opacity:.6}.message-bubble .message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.message-bubble .sender-name{font-size:.7rem;font-weight:600;opacity:.7}.delete-message-btn{background:transparent;border:none;padding:2px;cursor:pointer;opacity:0;transition:opacity .2s ease;color:inherit}.message-bubble:hover .delete-message-btn{opacity:.5}.delete-message-btn:hover{opacity:1!important;color:#ef4444}.conversation-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.no-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-tertiary)}.no-conversation svg{opacity:.3}.conversation-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.conversation-header .user-info{display:flex;align-items:center;gap:var(--space-3)}.conversation-header .user-info h4{margin:0;font-size:1rem}.conversation-header .user-info span{font-size:.8rem;color:var(--color-text-tertiary)}.messages-container{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.loading-messages,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--color-text-tertiary)}.loading-spinner.small{width:24px;height:24px}.message-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:16px;position:relative;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.new-message{animation:messageSlideIn .3s ease-out,messagePulse .5s ease-out .3s}@keyframes messagePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.message-bubble.client{align-self:flex-start;background:#f5f1eb;color:#2d2a26;border-bottom-left-radius:4px}.message-bubble.admin{align-self:flex-end;background:#1a1a1a;color:#fff;border-bottom-right-radius:4px}.message-bubble p{margin:0;font-size:.9rem;line-height:1.4}.message-time{display:block;font-size:.7rem;margin-top:var(--space-1);opacity:.6}.message-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1)}.btn-delete-message{background:none;border:none;padding:2px;cursor:pointer;opacity:.4;transition:var(--transition-fast)}.btn-delete-message:hover{opacity:1;color:#ef4444}.message-input-container{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3)}.message-input-container input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full, 9999px);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9rem}.message-input-container input:focus{outline:none;border-color:var(--color-accent)}.btn-send{width:44px;height:44px;border-radius:50%;background:var(--color-accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-send:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.05)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.tickets-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-5);min-height:600px}.tickets-list-panel{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;max-height:700px;padding-right:var(--space-2)}.ticket-list-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:var(--transition-fast);position:relative}.ticket-list-item:hover{border-color:var(--color-accent)}.ticket-list-item.active{border-color:var(--color-accent);background:#6366f10d}.ticket-list-item.priority-high,.ticket-list-item.priority-critical{border-left:3px solid #ef4444}.ticket-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.ticket-list-header .ticket-ref{font-size:.75rem;color:var(--color-text-tertiary)}.ticket-list-header .ticket-badges{display:flex;gap:var(--space-2)}.ticket-title{margin:0 0 var(--space-2) 0;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.ticket-list-item .ticket-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-tertiary)}.btn-delete-ticket{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background:#ef44441a;border:none;color:#ef4444;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-fast)}.ticket-list-item:hover .btn-delete-ticket{opacity:1}.btn-delete-ticket:hover{background:#ef4444;color:#fff}.ticket-detail-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.no-ticket-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-tertiary)}.no-ticket-selected svg{opacity:.3}.ticket-detail-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.ticket-detail-header .ticket-info .ticket-ref{font-size:.75rem;color:var(--color-text-tertiary)}.ticket-detail-header .ticket-info h3{margin:var(--space-1) 0;font-size:1.25rem}.ticket-creator{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-secondary)}.status-changer{display:flex;align-items:center;gap:var(--space-2)}.status-changer label{font-size:.85rem;color:var(--color-text-secondary)}.status-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);font-size:.85rem;cursor:pointer}.status-select.danger{border-color:#ef4444}.status-select.success{border-color:#10b981}.status-select.warning{border-color:#f59e0b}.ticket-description{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.ticket-description h4{margin:0 0 var(--space-2) 0;font-size:.9rem;color:var(--color-text-secondary)}.ticket-description p{margin:0;color:var(--color-text-primary);line-height:1.5}.ticket-messages{flex:1;display:flex;flex-direction:column;padding:var(--space-4);overflow:hidden}.ticket-messages h4{margin:0 0 var(--space-3) 0;font-size:.9rem;color:var(--color-text-secondary)}.ticket-messages .messages-container{flex:1;overflow-y:auto;max-height:300px;padding:var(--space-2) 0}.closed-notice{text-align:center;font-size:.8rem;color:var(--color-text-tertiary);margin-top:var(--space-2)}.priority-badge.small,.status-badge.small{font-size:.65rem;padding:2px 6px}.section-actions{display:flex;gap:var(--space-3);align-items:center}.status-badge.clickable{cursor:pointer;transition:var(--transition-fast)}.status-badge.clickable:hover{transform:scale(1.05);filter:brightness(1.1)}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.settings-card-header h3{margin:0}.btn-edit{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.btn-edit:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.edit-actions{display:flex;gap:var(--space-2)}.btn-cancel{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer}.btn-save{padding:var(--space-2) var(--space-3);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;cursor:pointer}.btn-save:disabled{opacity:.5;cursor:not-allowed}.profile-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.profile-avatar.large{width:72px;height:72px;font-size:1.5rem}.profile-info h4{margin:0;font-size:1.25rem}.role-badge.admin{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-form .form-group small{display:block;margin-top:var(--space-1);font-size:.75rem;color:var(--color-text-tertiary)}.security-options{display:flex;flex-direction:column;gap:var(--space-4)}.security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.security-info h4{margin:0 0 var(--space-1) 0;font-size:.95rem}.security-info p{margin:0;font-size:.8rem;color:var(--color-text-tertiary)}.password-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.preferences-list{display:flex;flex-direction:column;gap:var(--space-4)}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.preference-info h4{margin:0 0 var(--space-1) 0;font-size:.95rem}.preference-info p{margin:0;font-size:.8rem;color:var(--color-text-tertiary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:var(--transition-fast);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-fast);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.message-alert{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.message-alert.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.message-alert.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.message-alert button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.7}.message-alert button:hover{opacity:1}.analytics-page{padding:0}.analytics-page .section-header-page{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.analytics-page .header-content h2{margin:0 0 var(--space-1) 0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-page .header-content p{margin:0;color:var(--color-text-tertiary);font-size:.9rem}.period-selector-premium{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:4px;border:1px solid var(--color-border);box-shadow:inset 0 1px 2px #0000000d}.period-tab{position:relative;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.period-tab .period-label-short{display:none;font-weight:700}.period-tab .period-label-long{display:block}.period-tab:hover{color:var(--color-text-primary);background:#ffffff08}.period-tab.active{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;box-shadow:0 4px 12px #4f46e54d}.current-period-label{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-tertiary);margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);width:fit-content}.current-period-label svg{opacity:.6}.analytics-hero-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.hero-stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all .3s ease;position:relative;overflow:hidden}.hero-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);opacity:0;transition:opacity .3s ease}.hero-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.hero-stat-card:hover:before{opacity:1}.hero-stat-card.primary{background:linear-gradient(135deg,#10b98114,#10b98105);border-color:#10b98133}.hero-stat-card.primary:before{background:linear-gradient(90deg,transparent,#10b981,transparent)}.hero-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.hero-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981}.hero-stat-icon.blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6}.hero-stat-icon.purple{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6}.hero-stat-icon.pink{background:linear-gradient(135deg,#ec489926,#ec48990d);color:#ec4899}.hero-stat-trend{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-full)}.hero-stat-trend.positive{background:#10b9811a;color:#10b981}.hero-stat-trend.negative{background:#ef44441a;color:#ef4444}.hero-stat-value{font-size:2rem;font-weight:800;color:var(--color-text-primary);line-height:1.1;margin-bottom:var(--space-1)}.hero-stat-card.primary .hero-stat-value{font-size:2.5rem;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.85rem;color:var(--color-text-tertiary)}.hero-stat-sparkline{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid rgba(16,185,129,.1)}.sparkline-bar{flex:1;background:#10b98133;border-radius:2px;transition:all .3s ease}.sparkline-bar.active{background:linear-gradient(to top,#10b9814d,#10b981)}.sparkline-bar:hover{background:#10b98166}.kpi-circles-section{margin-bottom:var(--space-6)}.section-subtitle{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.section-subtitle:before{content:"";display:block;width:3px;height:18px;background:var(--color-accent);border-radius:2px}.kpi-circles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kpi-circle-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:all .3s ease}.kpi-circle-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.kpi-circle{position:relative;width:100px;height:100px;margin:0 auto var(--space-3)}.kpi-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.kpi-circle-bg{fill:none;stroke:var(--color-bg-tertiary);stroke-width:8}.kpi-circle-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .8s ease}.kpi-circle-fill.success{stroke:#10b981}.kpi-circle-fill.info{stroke:#3b82f6}.kpi-circle-fill.warning{stroke:#f59e0b}.kpi-circle-fill.purple{stroke:#8b5cf6}.kpi-circle-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:700;color:var(--color-text-primary)}.kpi-circle-label{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.kpi-circle-sublabel{font-size:.75rem;color:var(--color-text-tertiary)}.analytics-charts-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-5);margin-bottom:var(--space-6)}.analytics-chart-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.analytics-chart-card.large{padding:var(--space-6)}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.chart-header h3{margin:0 0 var(--space-1) 0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.chart-header p{margin:0;font-size:.8rem;color:var(--color-text-tertiary)}.chart-badge{padding:4px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.horizontal-bar-chart{display:flex;flex-direction:column;gap:var(--space-4)}.h-bar-item{display:flex;align-items:center;gap:var(--space-3)}.h-bar-label{display:flex;align-items:center;gap:var(--space-2);min-width:130px;font-size:.85rem;color:var(--color-text-secondary)}.h-bar-dot{width:10px;height:10px;border-radius:50%}.h-bar-dot.planning{background:#3b82f6}.h-bar-dot.progress{background:#f59e0b}.h-bar-dot.completed{background:#10b981}.h-bar-track{flex:1;height:24px;background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden}.h-bar-fill{height:100%;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-2);transition:width .6s ease;min-width:40px}.h-bar-fill.planning{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.h-bar-fill.progress{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.h-bar-fill.completed{background:linear-gradient(90deg,#10b981,#34d399)}.h-bar-value{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.donut-chart-container{display:flex;align-items:center;gap:var(--space-5)}.donut-chart{position:relative;width:120px;height:120px;flex-shrink:0}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:var(--color-bg-secondary);stroke-width:12}.donut-segment{fill:none;stroke-width:12;stroke-linecap:round;transition:all .6s ease}.donut-segment.pending{stroke:#f59e0b}.donut-segment.accepted{stroke:#10b981}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.donut-label{font-size:.75rem;color:var(--color-text-tertiary)}.donut-legend{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.legend-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.pending{background:#f59e0b}.legend-dot.accepted{background:#10b981}.legend-dot.draft{background:#6b7280}.legend-label{flex:1;font-size:.8rem;color:var(--color-text-secondary)}.legend-value{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.financial-summary-section{margin-bottom:var(--space-6)}.financial-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.financial-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all .3s ease}.financial-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.financial-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.financial-icon.success{background:#10b9811a;color:#10b981}.financial-icon.warning{background:#f59e0b1a;color:#f59e0b}.financial-icon.danger{background:#ef44441a;color:#ef4444}.financial-content{display:flex;flex-direction:column;gap:var(--space-1)}.financial-amount{font-size:1.35rem;font-weight:700}.financial-amount.success{color:#10b981}.financial-amount.warning{color:#f59e0b}.financial-amount.danger{color:#ef4444}.financial-label{font-size:.8rem;color:var(--color-text-tertiary)}@media (max-width: 1200px){.analytics-hero-grid{grid-template-columns:repeat(2,1fr)}.hero-stat-card.primary{grid-column:span 2}.kpi-circles-grid{grid-template-columns:repeat(2,1fr)}.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-page .section-header-page{flex-direction:column;align-items:stretch}.period-selector-premium{width:100%;justify-content:center}.period-tab .period-label-short{display:block}.period-tab .period-label-long{display:none}.analytics-hero-grid{grid-template-columns:1fr}.hero-stat-card.primary{grid-column:1}.kpi-circles-grid{grid-template-columns:repeat(2,1fr)}.financial-cards-grid{grid-template-columns:1fr}.donut-chart-container{flex-direction:column;align-items:center}}.chart-section{margin-bottom:var(--space-6)}.chart-section h3{margin-bottom:var(--space-4)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.chart-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.chart-card h4{margin:0 0 var(--space-4) 0;font-size:1rem}.chart-bars{display:flex;flex-direction:column;gap:var(--space-3)}.chart-row{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:var(--space-3)}.chart-label{font-size:.8rem;color:var(--color-text-secondary)}.chart-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.chart-fill{height:100%;border-radius:4px;transition:width .5s ease}.chart-fill.primary{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover))}.chart-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}.chart-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.chart-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.chart-fill.secondary{background:linear-gradient(90deg,#6b7280,#9ca3af)}.chart-value{font-size:.85rem;font-weight:600;color:var(--color-text-primary);text-align:right}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.kpi-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.kpi-value{font-size:2.5rem;font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2)}.kpi-label{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.kpi-detail{font-size:.8rem;color:var(--color-text-tertiary)}.client-detail-content{display:flex;flex-direction:column;gap:var(--space-4)}.client-profile{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.client-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.client-info h4{margin:0 0 var(--space-1) 0;font-size:1.1rem}.client-info p{margin:0;font-size:.85rem;color:var(--color-text-tertiary)}.client-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.detail-item label{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.detail-item span{font-size:.9rem;color:var(--color-text-primary)}.client-stats{display:flex;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.client-stat{flex:1;text-align:center;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.client-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.client-stat-label{display:block;font-size:.75rem;color:var(--color-text-tertiary)}.admin-layout .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.admin-layout .modal-content{background:linear-gradient(145deg,var(--color-bg-primary),#1a1f2e);border-radius:24px;border:1px solid var(--color-border);box-shadow:0 0 0 1px #ffffff0d,0 25px 80px -12px #00000080,0 0 60px -10px #4f46e526;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1);position:relative;color:#fff}.admin-layout .modal-content,.admin-layout .modal-content h1,.admin-layout .modal-content h2,.admin-layout .modal-content h3,.admin-layout .modal-content h4,.admin-layout .modal-content h5,.admin-layout .modal-content h6,.admin-layout .modal-content p,.admin-layout .modal-content span,.admin-layout .modal-content label,.admin-layout .modal-content div{color:#fff}.admin-layout .modal-content .info-card-content label,.admin-layout .modal-content .summary-label,.admin-layout .modal-content .summary-detail,.admin-layout .modal-content .meta-item,.admin-layout .modal-content .timeline-date,.admin-layout .modal-content .quote-date,.admin-layout .modal-content .quote-validity,.admin-layout .modal-content .ticket-date,.admin-layout .modal-content .ticket-category,.admin-layout .modal-content .project-ref,.admin-layout .modal-content .ticket-ref,.admin-layout .modal-content .client-company-header{color:#fff9}.admin-layout .modal-content .timeline-content p,.admin-layout .modal-content .modal-form-group label{color:#ffffffb3}.admin-layout .modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 80%,transparent)}.admin-layout .modal-content.large{max-width:700px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-layout .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:linear-gradient(to bottom,var(--color-bg-primary),rgba(26,31,46,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border-radius:24px 24px 0 0}.admin-layout .modal-header h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:var(--space-3)}.admin-layout .modal-header h3 svg{color:var(--color-accent);opacity:.8}.admin-layout .modal-header-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e526,#4f46e50d);color:var(--color-accent)}.admin-layout .modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-tertiary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;line-height:1}.admin-layout .modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.admin-layout .modal-body,.admin-layout .modal-content form{padding:var(--space-6)}.admin-layout .modal-form-group{margin-bottom:var(--space-5)}.admin-layout .modal-form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.admin-layout .modal-form-group label svg{color:var(--color-text-tertiary);opacity:.6}.admin-layout .modal-form-group input,.admin-layout .modal-form-group select,.admin-layout .modal-form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:#fff!important;font-size:.95rem;transition:all .2s ease}.admin-layout .modal-form-group input:focus,.admin-layout .modal-form-group select:focus,.admin-layout .modal-form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e526;background:var(--color-bg-tertiary);color:#fff!important}.admin-layout .modal-form-group input::placeholder,.admin-layout .modal-form-group textarea::placeholder{color:#fff6}.admin-layout .modal-form-group select option{background:#1a1f2e;color:#fff}.admin-layout .modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.admin-layout .modal-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--space-5) 0}.admin-layout .modal-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin:var(--space-5) 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.admin-layout .modal-section-title:after{content:"";flex:1;height:1px;background:var(--color-border)}.admin-layout .modal-section-subtitle{font-size:.8rem;color:var(--color-text-muted);margin:-.5rem 0 var(--space-3) 0}.admin-layout .modal-info-box.error{background:#ef44441a;border-color:#ef44444d}.admin-layout .modal-info-box.error svg{color:#ef4444}.admin-layout .modal-info-box.error p{color:#ef4444}.admin-layout .modal-footer,.admin-layout .modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:#0003;border-radius:0 0 24px 24px}.admin-layout .modal-actions.spread{justify-content:space-between}.admin-layout .modal-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-2);border:none}.admin-layout .modal-btn-cancel,.admin-layout .modal-btn.secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.admin-layout .modal-btn-cancel:hover,.admin-layout .modal-btn.secondary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-layout .modal-btn-submit,.admin-layout .modal-btn.primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;box-shadow:0 4px 15px #4f46e54d}.admin-layout .modal-btn-submit:hover,.admin-layout .modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.admin-layout .modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.admin-layout .modal-btn.danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.admin-layout .modal-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.admin-layout .modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-layout .modal-info-box{padding:var(--space-4);background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-layout .modal-info-box.warning{background:#f59e0b14;border-color:#f59e0b33}.admin-layout .modal-info-box.danger{background:#ef444414;border-color:#ef444433}.admin-layout .modal-info-box svg{flex-shrink:0;color:#3b82f6}.admin-layout .modal-info-box.warning svg{color:#f59e0b}.admin-layout .modal-info-box.danger svg{color:#ef4444}.admin-layout .modal-info-box p{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.admin-layout .modal-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;margin:0 auto var(--space-4);box-shadow:0 8px 25px #4f46e54d}.admin-layout .modal-avatar.large{width:100px;height:100px;font-size:2.5rem}.admin-layout .modal-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-6);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.admin-layout .modal-tab{padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--color-text-tertiary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.admin-layout .modal-tab:hover{color:var(--color-text-primary)}.admin-layout .modal-tab.active{color:var(--color-accent)}.admin-layout .modal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-accent);border-radius:2px 2px 0 0}.admin-layout .confirm-modal{max-width:420px;text-align:center}.admin-layout .confirm-modal .modal-body{padding:var(--space-8) var(--space-6)}.admin-layout .confirm-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.admin-layout .confirm-icon.danger{background:#ef44441a;color:#ef4444}.admin-layout .confirm-icon.warning{background:#f59e0b1a;color:#f59e0b}.admin-layout .confirm-icon.success{background:#10b9811a;color:#10b981}.admin-layout .confirm-title{font-size:1.35rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.admin-layout .confirm-message{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.admin-layout .confirm-actions{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border)}.admin-layout .modal-content::-webkit-scrollbar{width:6px}.admin-layout .modal-content::-webkit-scrollbar-track{background:transparent}.admin-layout .modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.admin-layout .modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.super-admin{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.role-badge.super-admin:before{content:"👑"}.role-badge.admin{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.role-badge.admin:before{content:"⚡"}.role-badge.client{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.role-badge.client:before{content:"👤"}.role-badge.support{background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981;border:1px solid rgba(16,185,129,.2)}.role-badge.support:before{content:"🎧"}.role-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.role-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.role-filter-pill:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.role-filter-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.role-filter-pill .count{padding:2px 8px;background:#00000026;border-radius:var(--radius-full);font-size:.75rem}.role-filter-pill.active .count{background:#fff3}.message-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:.9rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.message-banner button{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.message-banner button:hover{opacity:1}.action-buttons{display:flex;gap:var(--space-2)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon svg{width:18px;height:18px}.btn-icon:hover{background:var(--color-accent);color:#fff;transform:translateY(-1px)}.btn-icon.danger:hover{background:#ef4444;color:#fff}.btn-icon.success:hover{background:#10b981;color:#fff}.users-page .section-header-page{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4)}.users-page .header-content h2{margin:0 0 var(--space-1) 0}.users-page .header-content p{margin:0;color:var(--color-text-tertiary)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.75rem;border-radius:var(--radius-md)}.btn-outline{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;transition:all .2s ease}.invoice-status-modal .modal-content{max-width:420px}.invoice-status-modal .modal-header{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}.invoice-status-form{padding:var(--space-6)}.invoice-status-form .form-group{margin-bottom:var(--space-5)}.invoice-status-form label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--color-text-primary)}.invoice-status-form select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.95rem;cursor:pointer}.invoice-status-form select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.invoice-status-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.invoice-status-actions .btn-cancel{padding:var(--space-3) var(--space-5);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.invoice-status-actions .btn-cancel:hover{background:var(--color-bg-secondary)}.invoice-status-actions .btn-confirm{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.invoice-status-actions .btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.status-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:.85rem;line-height:1.5}.status-info svg{flex-shrink:0;margin-top:2px}.status-info.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.status-info.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.status-info.danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.status-info.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.status-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.status-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.status-badge.clickable{cursor:pointer;transition:all .2s ease}.status-badge.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}@media (max-width: 1200px){.messages-layout,.tickets-layout{grid-template-columns:1fr}.users-list-panel,.tickets-list-panel{max-height:300px}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.quick-stats{flex-wrap:wrap}.quick-stat{flex:1 1 45%;min-width:100px}.analytics-stats-grid{grid-template-columns:1fr}.admin-layout .modal-content{margin:var(--space-4);max-height:calc(100vh - 32px)}.admin-layout .modal-form-row{grid-template-columns:1fr}.users-page .section-header-page{flex-direction:column}.role-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2)}.role-filter-pill{white-space:nowrap;flex-shrink:0}}.projects-page .section-header-page{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.projects-page .header-content h2{margin:0 0 var(--space-1) 0}.projects-page .header-content p{margin:0;color:var(--color-text-tertiary)}.project-status-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.project-status-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .25s ease}.project-status-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.project-status-card.active{border-color:var(--color-accent);background:#4f46e50d}.project-status-card .status-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.project-status-card.planning .status-icon{background:#3b82f61a;color:#3b82f6}.project-status-card.progress .status-icon{background:#f59e0b1a;color:#f59e0b}.project-status-card.hold .status-icon{background:#6b72801a;color:#6b7280}.project-status-card.review .status-icon{background:#8b5cf61a;color:#8b5cf6}.project-status-card.completed .status-icon{background:#10b9811a;color:#10b981}.project-status-card .status-info{display:flex;flex-direction:column}.project-status-card .status-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.1}.project-status-card .status-label{font-size:.8rem;color:var(--color-text-tertiary)}.projects-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.search-input.large{flex:1;max-width:500px;position:relative}.search-input.large input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 44px;background:var(--color-bg-secondary);border:none;border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.95rem;transition:all .2s ease}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:pointer;font-size:1rem}.clear-search:hover{background:#ef44441a;color:#ef4444}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-full);color:var(--color-accent);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tag:hover{background:#4f46e526}.empty-state-large{text-align:center;padding:var(--space-10) var(--space-6)}.empty-state-large svg{color:var(--color-text-tertiary);opacity:.3;margin-bottom:var(--space-4)}.empty-state-large h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.empty-state-large p{color:var(--color-text-tertiary);margin:0 0 var(--space-5) 0}.projects-grid-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);padding:var(--space-5)}.project-card-admin{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all .25s ease}.project-card-admin:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000001a;border-color:#4f46e54d}.project-card-admin .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.project-card-admin .project-info{flex:1}.project-card-admin .project-ref{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent);background:#4f46e51a;padding:3px 8px;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.project-card-admin .project-info h4{margin:0 0 var(--space-1) 0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.project-card-admin .project-client{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-tertiary)}.status-select{padding:6px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;border:1px solid transparent;cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-secondary);transition:all .2s ease}.status-select:focus{outline:none;border-color:var(--color-accent)}.status-select.info{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.status-select.warning{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.status-select.secondary{background:#6b72801a;color:#6b7280;border-color:#6b728033}.status-select.purple{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf633}.status-select.success{background:#10b9811a;color:#10b981;border-color:#10b98133}.status-select.danger{background:#ef44441a;color:#ef4444;border-color:#ef444433}.project-card-admin .project-progress{margin-bottom:var(--space-4)}.project-card-admin .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:.8rem;color:var(--color-text-tertiary)}.project-card-admin .progress-percent{font-weight:600;color:var(--color-text-secondary)}.project-card-admin .progress-percent.complete{color:#10b981}.project-card-admin .progress-bar{height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden}.project-card-admin .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:3px;transition:width .5s ease}.project-card-admin .progress-fill.complete{background:linear-gradient(90deg,#10b981,#34d399)}.project-card-admin .project-meta{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.project-card-admin .meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-tertiary)}.project-card-admin .meta-item svg{opacity:.6}.project-card-admin .project-footer{display:flex;justify-content:space-between;align-items:center}.project-card-admin .footer-stats{display:flex;align-items:center;gap:var(--space-4)}.project-card-admin .tasks-count{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-tertiary)}.project-card-admin .budget{font-size:.9rem;font-weight:600;color:#10b981}.range-input{display:flex;align-items:center;gap:var(--space-3)}.range-input input[type=range]{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 2px 8px #4f46e566}.range-input .range-value{min-width:45px;padding:4px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-align:center;color:var(--color-text-primary)}.admin-layout .modal-form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.admin-layout .modal-form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e526}@media (max-width: 1200px){.project-status-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.projects-page .section-header-page{flex-direction:column}.project-status-cards{grid-template-columns:repeat(2,1fr)}.project-status-card .status-label{display:none}.projects-toolbar{flex-direction:column;align-items:stretch}.search-input.large{max-width:none}.projects-grid-admin{grid-template-columns:1fr}}.client-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.client-stat-card{background:linear-gradient(145deg,var(--color-bg-primary),var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden;transition:all .3s ease}.client-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);opacity:0;transition:opacity .3s ease}.client-stat-card:hover:before{opacity:1}.client-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.client-stat-card.active:before{background:linear-gradient(90deg,#10b981,#34d399);opacity:1}.client-stat-card.pending:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);opacity:1}.client-stat-card.inactive:before{background:linear-gradient(90deg,#ef4444,#f87171);opacity:1}.client-stat-card.revenue:before{background:linear-gradient(90deg,var(--color-accent),#818cf8);opacity:1}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:#4f46e526;color:var(--color-accent)}.client-stat-card.active .stat-card-icon{background:#10b98126;color:#10b981}.client-stat-card.pending .stat-card-icon{background:#f59e0b26;color:#f59e0b}.client-stat-card.inactive .stat-card-icon{background:#ef444426;color:#ef4444}.client-stat-card.revenue .stat-card-icon{background:#4f46e526;color:var(--color-accent)}.stat-card-content{display:flex;flex-direction:column;gap:2px}.stat-card-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-card-label{font-size:.85rem;color:var(--color-text-tertiary)}.stat-card-indicator{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:#ffffff0d;width:fit-content}.stat-card-indicator.success{color:#10b981;background:#10b9811a}.stat-card-indicator.warning{color:#f59e0b;background:#f59e0b1a}.stat-card-indicator.neutral{color:var(--color-text-tertiary)}.clients-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.status-filter-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.filter-pill:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.filter-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.filter-pill.success.active{background:#10b981;border-color:#10b981}.filter-pill.warning.active{background:#f59e0b;border-color:#f59e0b}.filter-pill.danger.active{background:#ef4444;border-color:#ef4444}.search-input.large{flex:1;max-width:400px;position:relative}.search-input.large input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 44px;background:var(--color-bg-secondary);border:none;border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.95rem}.search-input.large input:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent)}.search-input.large svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--color-text-tertiary);color:var(--color-bg-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.search-clear:hover{background:var(--color-text-secondary)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-4)}.empty-state-card{grid-column:1 / -1;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;color:var(--color-text-tertiary)}.empty-state-card svg{margin-bottom:var(--space-4);opacity:.5}.empty-state-card h4{margin:0 0 var(--space-2);color:var(--color-text-secondary)}.empty-state-card p{margin:0;font-size:.9rem}.client-card{background:linear-gradient(145deg,var(--color-bg-primary),var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;position:relative}.client-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);opacity:0;transition:opacity .3s ease}.client-card:hover:before{opacity:1}.client-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040;border-color:#4f46e54d}.client-card.status-active:before{background:#10b981;opacity:1}.client-card.status-pending:before{background:#f59e0b;opacity:1}.client-card.status-inactive:before{background:#ef4444;opacity:1}.client-card-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.client-avatar-wrapper{position:relative;flex-shrink:0}.client-card .client-avatar{width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent),#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600}.status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-bg-primary);background:#888}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.pending{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-dot.inactive{background:#ef4444}.client-card-header .client-info{flex:1;min-width:0}.client-card-header .client-info h4{margin:0 0 var(--space-1);font-size:1rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-company{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:var(--color-text-tertiary)}.client-card-header .status-badge{flex-shrink:0}.client-card-body{padding:var(--space-4)}.client-contact{margin-bottom:var(--space-4)}.contact-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.contact-item:hover{color:var(--color-accent)}.client-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.mini-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-2);background:#ffffff08;border-radius:var(--radius-md)}.mini-stat-value{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.mini-stat-label{font-size:.65rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.mini-stat.revenue .mini-stat-value{color:#10b981;font-size:.85rem}.client-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#0003;border-top:1px solid var(--color-border)}.client-date{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--color-text-tertiary)}.client-actions{display:flex;gap:var(--space-2)}.btn-client-action{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-client-action.details{background:#4f46e526;color:var(--color-accent);border-color:#4f46e54d}.btn-client-action.details:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-client-action.message{background:#10b98126;color:#10b981;border-color:#10b9814d}.btn-client-action.message:hover{background:#10b981;color:#fff;border-color:#10b981}.client-detail-modal.large{max-width:900px;width:95%;max-height:90vh;display:flex;flex-direction:column}.client-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5)!important;background:linear-gradient(135deg,rgba(79,70,229,.1),transparent);border-bottom:1px solid var(--color-border)!important}.client-header-content{display:flex;align-items:center;gap:var(--space-4)}.client-avatar-large{width:72px;height:72px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent),#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;position:relative}.client-avatar-large .status-indicator{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:3px solid var(--color-bg-primary);background:#888}.client-avatar-large .status-indicator.active{background:#10b981;box-shadow:0 0 12px #10b98180}.client-avatar-large .status-indicator.pending{background:#f59e0b}.client-avatar-large .status-indicator.inactive{background:#ef4444}.client-header-info h3{margin:0 0 var(--space-1);font-size:1.4rem;color:#fff}.client-company-header{display:flex;align-items:center;gap:var(--space-1);font-size:.9rem;color:#fff9;margin-bottom:var(--space-2)}.status-badge.large{padding:var(--space-2) var(--space-3);font-size:.85rem}.client-header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-header-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-header-action:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.modal-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-5);background:#0003;border-bottom:1px solid var(--color-border)}.modal-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;transition:all .2s ease;position:relative}.modal-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent);opacity:0;transition:opacity .2s}.modal-tab:hover{color:#fffc}.modal-tab.active{color:var(--color-accent)}.modal-tab.active:after{opacity:1}.client-detail-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-5)}.tab-content{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-grid{display:flex;flex-direction:column;gap:var(--space-6)}.profile-section h4{margin:0 0 var(--space-4);font-size:1rem;color:#fff;display:flex;align-items:center;gap:var(--space-2)}.profile-section h4:before{content:"";width:4px;height:16px;background:var(--color-accent);border-radius:2px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.info-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.info-card:hover{border-color:#4f46e54d;background:#4f46e50d}.info-card-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:#4f46e526;color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-content{flex:1;min-width:0}.info-card-content label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:2px}.info-card-content span{display:block;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card-action{width:32px;height:32px;border-radius:var(--radius-md);background:#4f46e51a;color:var(--color-accent);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}.info-card-action:hover{background:var(--color-accent);color:#fff}.activity-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.activity-summary-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.activity-summary-card:hover{border-color:#4f46e54d;transform:translateY(-2px)}.summary-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.activity-summary-card.projects .summary-icon{background:#4f46e526;color:var(--color-accent)}.activity-summary-card.quotes .summary-icon{background:#f59e0b26;color:#f59e0b}.activity-summary-card.tickets .summary-icon{background:#3b82f626;color:#3b82f6}.activity-summary-card.revenue .summary-icon{background:#10b98126;color:#10b981}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.summary-label{font-size:.8rem;color:#fff9}.summary-detail{font-size:.75rem;color:var(--color-text-tertiary);padding:var(--space-1) var(--space-2);background:#ffffff0d;border-radius:var(--radius-sm);width:fit-content}.empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:#ffffff80;text-align:center}.empty-tab-state svg{margin-bottom:var(--space-4);opacity:.5;color:#fff6}.empty-tab-state h4{margin:0 0 var(--space-2);color:#ffffffb3}.empty-tab-state p{margin:0;font-size:.9rem;color:#ffffff80}.client-projects-list,.client-quotes-list,.client-tickets-list{display:flex;flex-direction:column;gap:var(--space-3)}.client-project-item{padding:var(--space-4);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.client-project-item:hover{border-color:#4f46e54d;background:#4f46e50d}.project-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.project-item-info h5{margin:0 0 var(--space-1);font-size:1rem;color:#fff}.project-ref{font-size:.75rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.project-item-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.project-item-progress .progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.project-item-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#818cf8);border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:.85rem;font-weight:600;color:var(--color-accent);min-width:45px;text-align:right}.project-item-meta{display:flex;gap:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:#ffffff80}.meta-item.budget{color:#10b981}.client-quote-item{padding:var(--space-4);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.client-quote-item:hover{border-color:#f59e0b4d;background:#f59e0b0d}.quote-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.quote-item-info h5{margin:0 0 var(--space-1);font-size:1rem;color:#fff;font-family:var(--font-mono)}.quote-date{font-size:.8rem;color:#ffffff80}.quote-item-details{display:flex;justify-content:space-between;align-items:center}.quote-amount{font-size:1.25rem;font-weight:700;color:#10b981}.quote-validity{font-size:.8rem;color:#ffffff80}.client-ticket-item{padding:var(--space-4);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;transition:all .2s ease}.client-ticket-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#888;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.client-ticket-item.priority-high:before,.client-ticket-item.priority-urgent:before{background:#ef4444}.client-ticket-item.priority-medium:before{background:#f59e0b}.client-ticket-item.priority-low:before{background:#10b981}.client-ticket-item:hover{border-color:#3b82f64d;background:#3b82f60d}.ticket-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.ticket-item-info h5{margin:0 0 var(--space-1);font-size:.95rem;color:#fff}.ticket-ref{font-size:.75rem;color:#ffffff80;font-family:var(--font-mono)}.ticket-badges{display:flex;gap:var(--space-2)}.priority-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-badge.high,.priority-badge.urgent{background:#ef444426;color:#ef4444}.priority-badge.medium{background:#f59e0b26;color:#f59e0b}.priority-badge.low{background:#10b98126;color:#10b981}.ticket-item-meta{display:flex;gap:var(--space-4)}.ticket-date,.ticket-category{font-size:.8rem;color:#ffffff80}.activity-timeline{display:flex;flex-direction:column;padding-left:var(--space-2)}.timeline-item{display:flex;gap:var(--space-4);padding-bottom:var(--space-4)}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4f46e526;color:var(--color-accent)}.timeline-item.type-signup .timeline-icon{background:#10b98126;color:#10b981}.timeline-item.type-login .timeline-icon{background:#3b82f626;color:#3b82f6}.timeline-item.type-project .timeline-icon{background:#4f46e526;color:var(--color-accent)}.timeline-item.type-quote .timeline-icon{background:#f59e0b26;color:#f59e0b}.timeline-item.type-ticket .timeline-icon{background:#ef444426;color:#ef4444}.timeline-line{width:2px;flex:1;min-height:20px;background:var(--color-border);margin-top:var(--space-2)}.timeline-content{flex:1;padding-top:var(--space-1)}.timeline-content h5{margin:0 0 var(--space-1);font-size:.95rem;color:#fff}.timeline-content p{margin:0 0 var(--space-1);font-size:.85rem;color:#ffffffb3}.timeline-date{font-size:.75rem;color:#ffffff80}.client-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5)!important;border-top:1px solid var(--color-border)!important;background:#0003}.footer-actions{display:flex;gap:var(--space-3)}.btn-outline-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline-primary:hover{background:var(--color-accent);color:#fff}@media (max-width: 1200px){.client-stats-cards,.activity-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.client-stats-cards{grid-template-columns:1fr}.clients-toolbar{flex-direction:column;align-items:stretch}.status-filter-pills{justify-content:center}.search-input.large{max-width:none}.clients-grid{grid-template-columns:1fr}.client-mini-stats{grid-template-columns:repeat(2,1fr)}.modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.activity-summary-grid{grid-template-columns:1fr}.client-modal-footer{flex-direction:column;gap:var(--space-3)}.footer-actions{width:100%;flex-direction:column}.footer-actions button{width:100%;justify-content:center}}.admin-layout .modal-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:var(--space-4) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.admin-layout .modal-section-title:first-child{margin-top:0}.admin-layout .quote-items-list,.quote-items-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-layout .quote-item-row,.quote-item-row{display:grid;grid-template-columns:1.5fr 2fr 80px 120px 100px 40px;gap:var(--space-3);align-items:end;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.admin-layout .quote-item-row label,.quote-item-row label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.3px}.admin-layout .quote-item-row select,.admin-layout .quote-item-row input,.quote-item-row select,.quote-item-row input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.quote-item-row select:focus,.quote-item-row input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.admin-layout .quote-item-row .item-total,.quote-item-row .item-total{text-align:right;display:flex;flex-direction:column}.admin-layout .quote-item-row .item-total strong,.quote-item-row .item-total strong{font-size:.9rem;color:var(--color-primary)}.admin-layout .quote-item-row .btn-icon.danger{background:#ef44441a;color:#ef4444;align-self:end;margin-bottom:2px}.admin-layout .quote-item-row .btn-icon.danger:hover{background:#ef444433}.admin-layout .add-item-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-layout .add-item-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60d}.admin-layout .add-item-btn svg{width:16px;height:16px}.admin-layout .quote-totals-block{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.admin-layout .total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:.9rem;color:var(--color-text-secondary)}.admin-layout .total-row.editable input{width:100px;text-align:right;margin-left:auto;margin-right:var(--space-4)}.admin-layout .total-row.final{border-top:2px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-weight:600;color:var(--color-text-primary)}.admin-layout .total-row .grand-total{font-size:1.25rem;color:var(--color-primary)}.admin-layout .quote-preview{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.admin-layout .quote-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.admin-layout .quote-header-info h4{margin:0 0 var(--space-2);font-size:1.1rem;color:var(--color-text-primary)}.admin-layout .quote-client{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.admin-layout .quote-client strong{color:var(--color-text-primary)}.admin-layout .quote-description{margin:0 0 var(--space-4);font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.admin-layout .quote-items-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.admin-layout .quote-items-table th{text-align:left;padding:var(--space-3);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.admin-layout .quote-items-table th:last-child,.admin-layout .quote-items-table td:last-child{text-align:right}.admin-layout .quote-items-table td{padding:var(--space-3);font-size:.9rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.admin-layout .quote-totals-preview{max-width:300px;margin-left:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3)}.admin-layout .quote-totals-preview .total-row{padding:var(--space-2) 0;font-size:.85rem}.admin-layout .quote-totals-preview .total-row.final{font-size:1rem}.admin-layout .quote-meta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.admin-layout .quote-meta p{margin:0 0 var(--space-1);font-size:.8rem;color:var(--color-text-tertiary)}.admin-layout .quote-meta .signed-info{color:var(--color-success);font-weight:500}.admin-layout .modal-content.xlarge{max-width:900px}.admin-layout .status-badge.large{padding:var(--space-2) var(--space-4);font-size:.9rem}@media (max-width: 992px){.admin-layout .quote-item-row{grid-template-columns:1fr 1fr 1fr 1fr}.admin-layout .quote-item-row .item-description{grid-column:span 2}}@media (max-width: 768px){.admin-layout .quote-item-row{grid-template-columns:1fr}.admin-layout .quote-item-row .item-description{grid-column:auto}.admin-layout .quote-header-info{flex-direction:column;gap:var(--space-3)}.admin-layout .quote-totals-preview{max-width:none}}.btn-icon.warning{background:#f59e0b1a;color:#f59e0b}.btn-icon.warning:hover{background:#f59e0b;color:#fff}.btn-icon.danger{background:#ef44441a;color:#ef4444}.btn-icon.success{background:#10b9811a;color:#10b981}.modal-content.small{max-width:420px}.modal-header.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-header.danger .modal-close{color:#fff}.modal-header.danger .modal-close:hover{background:#fff3}.delete-confirmation{text-align:center;padding:var(--space-6) var(--space-4)}.delete-confirmation .warning-icon{color:#f59e0b;margin-bottom:var(--space-4)}.delete-confirmation p{margin:0;color:var(--color-text-primary);font-size:1rem}.delete-confirmation .warning-text{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--space-2)}.modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.modal-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.modal-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.input-disabled{background:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important;cursor:not-allowed!important;opacity:.7}.quote-preview{padding:var(--space-4)}.quote-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.quote-header-info h4{margin:0 0 var(--space-2) 0;color:var(--color-text-primary);font-size:1.25rem}.quote-client{margin:0;color:var(--color-text-secondary)}.quote-client strong{color:var(--color-text-primary)}.quote-description{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6;padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.quote-items-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.quote-items-table thead{background:var(--color-bg-tertiary)}.quote-items-table th{padding:var(--space-3);text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border)}.quote-items-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.quote-items-table tbody tr:hover{background:var(--color-bg-secondary)}.quote-totals-preview{max-width:300px;margin-left:auto;padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.quote-totals-preview .total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;color:var(--color-text-secondary)}.quote-totals-preview .total-row.final{border-top:2px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3)}.quote-totals-preview .grand-total{font-size:1.25rem;font-weight:700;color:var(--color-accent)}.quote-meta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.quote-meta p{margin:var(--space-1) 0;color:var(--color-text-secondary);font-size:.875rem}.quote-meta .signed-info{color:#10b981;font-weight:500}.status-badge.draft{background:#6b728026;color:#6b7280}.status-badge.sent{background:#3b82f626;color:#3b82f6}.status-badge.viewed{background:#8b5cf626;color:#8b5cf6}.status-badge.expired{background:#6b728026;color:#6b7280}.btn-add-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-4)}.btn-add-item:hover{border-color:var(--color-accent);color:var(--color-accent);background:#3b82f60d}.btn-add-item svg{width:16px;height:16px}.btn-remove-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-item:hover:not(:disabled){background:#ef4444;color:#fff}.btn-remove-item:disabled{opacity:.3;cursor:not-allowed}.btn-remove-item svg{width:16px;height:16px}.quote-totals{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.quote-totals .total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:.95rem}.quote-totals .total-row .total-with-input{display:flex;align-items:center;gap:var(--space-3)}.quote-totals .total-row .total-with-input span{min-width:60px}.quote-totals .total-row .total-with-input input{width:100px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;text-align:right}.quote-totals .total-row .total-with-input input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.quote-totals .total-row.final{border-top:2px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3);font-weight:600;color:var(--color-text-primary);font-size:1.1rem}.quote-totals .total-row .grand-total{font-size:1.35rem;font-weight:700;color:var(--color-accent)}.quote-item-row .item-total .total-value{font-size:1rem;font-weight:600;color:var(--color-accent)}.modal-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin:var(--space-5) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.modal-section-title:first-child{margin-top:0}.references-list{margin-top:var(--space-4)}.references-grid{display:flex;flex-direction:column;gap:var(--space-3)}.reference-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-base)}.reference-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.reference-card.inactive{opacity:.6;background:var(--color-surface-secondary)}.reference-order{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:40px}.reference-order span{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.order-btn{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:var(--transition-base)}.order-btn:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-accent)}.order-btn:disabled{opacity:.3;cursor:not-allowed}.reference-logo{width:80px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-secondary);flex-shrink:0}.reference-logo img{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-accent);background:linear-gradient(135deg,var(--color-accent-light),var(--color-surface-secondary))}.reference-info{flex:1;min-width:0}.reference-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.reference-info p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-1);line-height:1.4}.reference-link{font-size:.8rem;color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.reference-link:hover{text-decoration:underline}.reference-actions{display:flex;gap:var(--space-2)}.reference-actions button{background:none;border:none;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-base)}.toggle-btn{color:var(--color-text-tertiary)}.toggle-btn:hover{background:var(--color-surface-secondary);color:var(--color-warning)}.toggle-btn.active{color:var(--color-success)}.toggle-btn.active:hover{background:rgba(var(--color-success-rgb),.1)}.edit-btn{color:var(--color-text-tertiary)}.edit-btn:hover{background:var(--color-surface-secondary);color:var(--color-accent)}.delete-btn{color:var(--color-text-tertiary)}.delete-btn:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.logo-preview{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);text-align:center}.logo-preview img{max-width:150px;max-height:80px;object-fit:contain}.delete-confirm-overlay{display:flex;align-items:center;justify-content:center}.delete-confirm-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0003;animation:deleteModalSlide .3s ease-out}@keyframes deleteModalSlide{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-confirm-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#ef44441a,#dc262626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-danger)}.delete-confirm-icon svg{animation:deleteIconPulse 1.5s ease-in-out infinite}@keyframes deleteIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.delete-confirm-modal h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:var(--space-2)}.delete-confirm-modal p{font-size:.9rem;color:#ffffffb3;margin-bottom:var(--space-5);line-height:1.5}.delete-confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.delete-confirm-actions .btn-secondary{flex:1;max-width:140px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:600;transition:all .2s ease}.delete-confirm-actions .btn-secondary:hover{background:var(--color-surface-secondary)}.delete-confirm-actions .btn-danger{flex:1;max-width:160px;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .2s ease}.delete-confirm-actions .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.delete-confirm-actions .btn-danger:active{transform:translateY(0)}.legal-page{min-height:100vh;background:linear-gradient(180deg,#f8f7f5,#fff);padding:60px 20px}.legal-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:48px 56px}@media (max-width: 768px){.legal-container{padding:32px 24px}}.legal-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:2px solid #f0ebe4}.legal-header h1{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.2}.legal-updated{font-size:.875rem;color:#888;font-weight:500}.legal-section{margin-bottom:36px}.legal-section h2{font-size:1.35rem;font-weight:700;color:#1a1a1a;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0ebe4}.legal-section h3{font-size:1.05rem;font-weight:600;color:#333;margin-top:20px;margin-bottom:12px}.legal-section p{font-size:.95rem;line-height:1.7;color:#444;margin-bottom:12px}.legal-section ul{list-style:none;padding:0;margin:12px 0}.legal-section ul li{position:relative;padding-left:24px;margin-bottom:10px;font-size:.95rem;line-height:1.6;color:#444}.legal-section ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#c9a86c;border-radius:50%}.legal-section ul li strong{color:#1a1a1a;font-weight:600}.legal-section a{color:#c9a86c;text-decoration:none;font-weight:500;transition:color .2s ease}.legal-section a:hover{color:#a8884d;text-decoration:underline}.legal-footer{margin-top:48px;padding-top:32px;border-top:2px solid #f0ebe4;text-align:center}.back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#c9a86c,#b8944f);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;border-radius:8px;transition:all .3s ease}.back-link:hover{background:linear-gradient(135deg,#b8944f,#a8884d);transform:translateY(-2px);box-shadow:0 4px 16px #c9a86c4d}@media print{.legal-page{background:#fff;padding:20px}.legal-container{box-shadow:none;padding:0}.legal-footer{display:none}}.legal-page{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--color-bg: #f6f3ef;--color-bg-alt: #ffffff;--color-text: #1f2127;--color-muted: #5c5f66;--color-accent: #b27538;--color-border: #e3ded6;--color-shadow: 32 25 14;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 80px;--space-10: 96px;--space-11: 120px;--gradient-hero: radial-gradient(circle at 30% 20%, rgba(178,117,56,.35), transparent 60%), linear-gradient(135deg,#faf8f5,#ece7e0 55%, #e3d8cc);--shadow-soft: 0 2px 4px rgba(var(--color-shadow),.08), 0 4px 14px rgba(var(--color-shadow),.06);--shadow-lift: 0 4px 10px rgba(var(--color-shadow),.08), 0 12px 28px rgba(var(--color-shadow),.06);--transition-fast: .18s cubic-bezier(.4,.2,.2,1)}@media (min-width: 900px){:root{--space-7: 72px;--space-8: 96px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--color-accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-4)}:root{--surface-bg: #fff;--surface-bg-alt: #fef9f3;--elevation-hover: 0 6px 24px rgba(178,117,56,.2)}main{background:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;letter-spacing:.4px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:var(--transition-fast)}.btn-lg{padding:14px 26px;font-size:.9rem}.btn-sm{padding:8px 16px;font-size:.7rem}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.btn-outline:hover{background:var(--color-accent);color:#fff}.btn-full{width:100%}.btn-arrow{width:18px;height:18px;transition:transform .3s ease}.btn:hover .btn-arrow{transform:translate(4px)}.section-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-accent);margin:0 0 var(--space-3);display:block;padding-top:var(--space-7)}.section-title-large{font-family:var(--font-serif);font-size:clamp(2.4rem,5.5vw,3.6rem);line-height:1.1;margin:0 0 var(--space-3)}.section-subtitle{font-size:1rem;line-height:1.6;color:var(--color-muted);margin:0}.title-accent{color:var(--color-accent)}