.coming-soon{min-height:100vh;background:linear-gradient(135deg,#fdfcfa,#f5f2eb,#e8e4db);display:flex;align-items:center;justify-content:center;padding:2rem}.coming-soon-container{max-width:500px;width:100%}.coming-soon-header{text-align:center;margin-bottom:2rem}.coming-soon-header .logo{font-family:Cormorant Garamond,Georgia,serif;font-size:2.5rem;font-weight:700;color:#2d2d2d;letter-spacing:-.02em}.coming-soon-header .logo span{color:#c4785a;font-weight:400;font-style:italic}.coming-soon-main{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 24px #00000014;text-align:center}.coming-soon-main h1{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:600;color:#2d2d2d;margin:0 0 .5rem}.coming-soon-main .tagline{font-size:1rem;color:#8b8178;margin:0 0 2rem}.contact-form{text-align:left}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form .form-group{margin-bottom:1.25rem}.contact-form .form-group.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form label{display:block;font-size:.85rem;font-weight:500;color:#4a4a4a;margin-bottom:.5rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:Outfit,system-ui,sans-serif;border:1px solid #C9B99A;border-radius:4px;background:#fdfcfa;transition:border-color .2s,box-shadow .2s}.contact-form 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 12 12'%3E%3Cpath fill='%238B8178' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:#c4785a;box-shadow:0 0 0 3px #c4785a1a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b5afa8}.contact-form textarea{resize:vertical;min-height:100px}.contact-form .btn{width:100%;margin-top:.5rem}.coming-soon .btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;font-family:Outfit,system-ui,sans-serif;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.coming-soon .btn-primary{background:#c4785a;color:#fff}.coming-soon .btn-primary:hover{background:#a65d42}.coming-soon .btn-primary:disabled{background:#c9b99a;cursor:not-allowed}.coming-soon .btn-secondary{background:transparent;color:#c4785a;border:1px solid #C4785A}.coming-soon .btn-secondary:hover{background:#c4785a1a}.error-message{background:#c45a5a1a;color:#c45a5a;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.success-message{padding:2rem 0}.success-icon{width:64px;height:64px;background:#4a7c591a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-icon svg{width:32px;height:32px;color:#4a7c59}.success-message h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:600;color:#2d2d2d;margin:0 0 .5rem}.success-message p{color:#8b8178;margin:0 0 1.5rem}.contact-info{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #E8E4DB}.contact-item{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#4a4a4a;text-decoration:none;font-size:.95rem;transition:color .2s}.contact-item:hover{color:#c4785a}.contact-item svg{width:18px;height:18px;color:#c4785a}.coming-soon-footer{text-align:center;margin-top:2rem}.coming-soon-footer p{font-size:.85rem;color:#8b8178;margin:0}@media (max-width: 600px){.coming-soon{padding:1rem}.coming-soon-main{padding:2rem 1.5rem}.coming-soon-main h1{font-size:1.75rem}.contact-form .form-row{grid-template-columns:1fr;gap:0}}:root{--charcoal: #2D2D2D;--slate: #4A4A4A;--warm-gray: #8B8178;--sand: #C9B99A;--cream: #F5F2EB;--ivory: #FDFCFA;--terracotta: #C4785A;--terracotta-dark: #A65D42;--forest: #4A5D4A;--success: #4A7C59;--warning: #D4A437;--error: #C45A5A;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--ivory);color:var(--charcoal);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.app{min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease;background:var(--cream)}.nav.scrolled{background:#fdfcfaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;padding:1rem 4rem}.logo{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--charcoal);text-decoration:none;letter-spacing:-.02em;cursor:pointer;background:none;border:none}.logo span{color:var(--terracotta)}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-link{font-size:.9rem;font-weight:500;color:var(--slate);text-decoration:none;cursor:pointer;padding:.25rem 0;position:relative;transition:color .3s;background:none;border:none;font-family:inherit;letter-spacing:.02em}.nav-link:hover{color:var(--charcoal)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--terracotta);transition:width .3s}.nav-link:hover:after{width:100%}.nav-cta{background:var(--charcoal);color:var(--cream);padding:.85rem 1.75rem;font-size:.85rem;font-weight:500;letter-spacing:.05em;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit}.nav-cta:hover{background:var(--terracotta);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;font-family:var(--font-body);border:none;cursor:pointer;transition:all .3s;text-decoration:none}.btn-primary{background:var(--charcoal);color:var(--cream);padding:1.1rem 2rem;font-size:.9rem;letter-spacing:.03em}.btn-primary:hover{background:var(--terracotta);transform:translateY(-3px);box-shadow:0 10px 30px #c4785a4d}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{background:transparent;color:var(--charcoal);border:1.5px solid var(--sand);padding:1.1rem 1.5rem;font-size:.9rem;letter-spacing:.03em}.btn-secondary:hover{border-color:var(--charcoal);background:var(--charcoal);color:var(--cream)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#3d6949}.btn-error{background:var(--error);color:#fff}.btn-error:hover{background:brown}.btn-error:disabled{background:#ccc;cursor:not-allowed}.btn-warning{background:var(--warning);color:var(--charcoal)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-icon{padding:.5rem;background:transparent;border:1px solid var(--sand);border-radius:4px;cursor:pointer}.btn-icon:hover{background:var(--cream);border-color:var(--charcoal)}.btn-icon-sm{padding:.25rem;font-size:.75rem;border:none;background:#fff3}.btn-icon-sm:hover{background:#fff6}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-content{display:flex;flex-direction:column;justify-content:center;padding:8rem 4rem 4rem 6rem;background:var(--cream);position:relative}.hero-content:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--sand),transparent)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--terracotta);margin-bottom:2rem;opacity:0;animation:fadeUp .8s ease .2s forwards}.hero-badge:before{content:"";width:2rem;height:1px;background:var(--terracotta)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,5vw,4.5rem);font-weight:500;line-height:1.1;letter-spacing:-.03em;color:var(--charcoal);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s ease .4s forwards}.hero-title em{font-style:italic;color:var(--terracotta)}.hero-subtitle{font-size:1.125rem;color:var(--slate);max-width:450px;margin-bottom:2.5rem;font-weight:300;opacity:0;animation:fadeUp .8s ease .6s forwards}.hero-buttons{display:flex;gap:1rem;opacity:0;animation:fadeUp .8s ease .8s forwards}.hero-stats{display:flex;gap:3rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--sand);opacity:0;animation:fadeUp .8s ease 1s forwards}.stat{text-align:left}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--charcoal);line-height:1}.stat-label{font-size:.8rem;color:var(--warm-gray);letter-spacing:.05em;margin-top:.25rem}.hero-image{position:relative;overflow:hidden;background:url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1200&q=80) center/cover}.hero-image-overlay{position:absolute;bottom:3rem;left:-2rem;background:var(--ivory);padding:2rem;max-width:280px;box-shadow:0 20px 60px #0000001a;opacity:0;animation:slideIn .8s ease 1.2s forwards}.hero-image-overlay p{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--slate);line-height:1.5}.hero-image-overlay cite{display:block;margin-top:1rem;font-size:.8rem;font-style:normal;color:var(--warm-gray);letter-spacing:.05em}.section{padding:8rem 6rem}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--terracotta);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:500;color:var(--charcoal);letter-spacing:-.02em;max-width:500px}.section-desc{max-width:400px;color:var(--slate);font-weight:300}.services{background:var(--ivory)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.service-card{background:var(--cream);padding:2.5rem;position:relative;overflow:hidden;transition:all .4s ease;border:1px solid transparent}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--terracotta);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000014;border-color:var(--sand)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:60px;height:60px;background:var(--ivory);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;color:var(--terracotta)}.service-card:hover .service-icon{background:var(--terracotta);color:var(--cream)}.service-card:hover .service-icon svg{stroke:var(--cream);color:var(--cream)}.service-icon svg{width:28px;height:28px;transition:all .3s ease}.service-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--charcoal);margin-bottom:1rem}.service-desc{color:var(--slate);font-size:.95rem;font-weight:300;line-height:1.7;margin-bottom:1.5rem}.service-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--terracotta);text-decoration:none;cursor:pointer;background:none;border:none;font-family:inherit;transition:gap .3s ease}.service-link:hover{gap:.75rem}.projects{background:var(--charcoal)}.projects .section-label{color:var(--sand)}.projects .section-title{color:var(--ivory)}.projects .section-desc{color:var(--warm-gray)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.project-card{position:relative;height:450px;overflow:hidden;cursor:pointer}.project-card:first-child{grid-row:span 2;height:auto}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(45,45,45,.95) 0%,rgba(45,45,45,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem;transition:all .4s ease}.project-card:hover .project-overlay{background:linear-gradient(to top,rgba(196,120,90,.95) 0%,rgba(196,120,90,.5) 50%,transparent 100%)}.project-category{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--sand);margin-bottom:.5rem}.project-card:hover .project-category{color:var(--cream)}.project-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--ivory);margin-bottom:.5rem}.project-location{font-size:.9rem;color:var(--warm-gray)}.project-card:hover .project-location{color:var(--cream)}.process{background:var(--cream)}.process-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.process-steps{display:flex;flex-direction:column;gap:0}.process-step{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--sand);transition:all .3s ease}.process-step:first-child{padding-top:0}.process-step:last-child{border-bottom:none;padding-bottom:0}.step-number{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--sand);line-height:1;transition:color .3s ease}.process-step:hover .step-number{color:var(--terracotta)}.step-content h4{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--charcoal);margin-bottom:.5rem}.step-content p{color:var(--slate);font-size:.95rem;font-weight:300;line-height:1.6}.process-image{position:relative}.process-image img{width:100%;height:600px;object-fit:cover}.process-image-accent{position:absolute;bottom:-2rem;left:-2rem;width:200px;height:200px;background:var(--terracotta);z-index:-1}.testimonials{background:var(--ivory)}.testimonial-card{max-width:900px;margin:0 auto;text-align:center}.testimonial-quote{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;font-style:italic;color:var(--charcoal);line-height:1.5;margin-bottom:2.5rem;position:relative}.testimonial-quote:before{content:'"';position:absolute;top:-2rem;left:50%;transform:translate(-50%);font-size:8rem;color:var(--sand);font-family:var(--font-display);line-height:1;opacity:.3}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem}.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.author-info{text-align:left}.author-name{font-weight:600;color:var(--charcoal)}.author-project{font-size:.85rem;color:var(--warm-gray)}.cta{padding:8rem 6rem;background:linear-gradient(135deg,var(--charcoal) 0%,#1a1a1a 100%);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(196,120,90,.15) 0%,transparent 70%);pointer-events:none}.cta-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.cta-text h2{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:500;color:var(--ivory);margin-bottom:1.5rem;letter-spacing:-.02em}.cta-text p{color:var(--warm-gray);font-size:1.1rem;font-weight:300;max-width:500px;margin-bottom:2rem}.cta-contact{display:flex;gap:2rem;color:var(--warm-gray);font-size:.9rem}.cta-contact-item{display:flex;align-items:center;gap:.5rem}.cta-contact-item svg{width:20px;height:20px;stroke:var(--warm-gray)}.cta-form{background:#ffffff08;padding:2.5rem;border:1px solid rgba(255,255,255,.08)}.cta-form .form-group{margin-bottom:1.5rem}.cta-form .form-group label{display:block;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.5rem}.cta-form .form-group input,.cta-form .form-group select,.cta-form .form-group textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--ivory);font-family:var(--font-body);font-size:.95rem;transition:all .3s ease}.cta-form .form-group input:focus,.cta-form .form-group select:focus,.cta-form .form-group textarea:focus{outline:none;border-color:var(--terracotta);background:#ffffff14}.cta-form .form-group input::placeholder,.cta-form .form-group textarea::placeholder{color:var(--warm-gray)}.cta-form .form-group select option{background:var(--charcoal)}.form-submit{width:100%;padding:1.1rem;background:var(--terracotta);color:var(--ivory);border:none;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.form-submit:hover{background:var(--terracotta-dark);transform:translateY(-2px)}.form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-error{color:var(--error);font-size:.75rem;margin-top:.25rem;display:block}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--error)}.form-group.has-error label{color:var(--error)}.form-error-box{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:4px;font-size:.875rem;margin-bottom:1rem}.cta-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px}.cta-success .success-icon{width:60px;height:60px;background:var(--terracotta);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.cta-success .success-icon svg{width:28px;height:28px;color:var(--ivory)}.cta-success h3{font-family:var(--font-display);font-size:1.5rem;color:var(--ivory);margin-bottom:.75rem}.cta-success p{color:var(--warm-gray);margin-bottom:1.5rem}.cta-success .btn{padding:.75rem 1.5rem}footer{padding:4rem 6rem 2rem;background:var(--charcoal);border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-brand .logo{color:var(--ivory);font-size:1.5rem;margin-bottom:1rem;display:block}.footer-brand p{color:var(--warm-gray);font-size:.9rem;font-weight:300;line-height:1.6;max-width:280px}.footer-column h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ivory);margin-bottom:1.25rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.75rem}.footer-column a{color:var(--warm-gray);text-decoration:none;font-size:.9rem;font-weight:300;transition:color .3s ease;cursor:pointer}.footer-column a:hover{color:var(--terracotta)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{color:var(--warm-gray);font-size:.85rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.social-links a:hover{background:var(--terracotta);border-color:var(--terracotta)}.social-links svg{width:18px;height:18px;fill:var(--warm-gray);transition:fill .3s ease}.social-links a:hover svg{fill:var(--ivory)}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-image{background:linear-gradient(135deg,#2d2d2dd9,#2d2d2db3),url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=1200&q=80) center/cover;display:flex;flex-direction:column;justify-content:center;padding:4rem}.login-image h1{font-family:var(--font-display);font-size:3rem;color:var(--ivory);margin-bottom:1rem}.login-image p{color:var(--sand);font-size:1.1rem;font-weight:300;max-width:400px}.login-form-container{display:flex;flex-direction:column;justify-content:center;padding:4rem;background:var(--ivory)}.login-form{max-width:400px;width:100%}.login-form h2{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem;color:var(--charcoal)}.login-form>p{color:var(--warm-gray);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem 1rem;background:var(--cream);border:1.5px solid var(--sand);color:var(--charcoal);font-family:var(--font-body);font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--terracotta);background:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--warm-gray)}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.role-option{padding:1.25rem;background:var(--cream);border:2px solid var(--sand);cursor:pointer;transition:all .3s;text-align:center}.role-option:hover{border-color:var(--terracotta)}.role-option.active{border-color:var(--terracotta);background:#fff}.role-option svg{width:32px;height:32px;stroke:var(--slate);margin-bottom:.5rem}.role-option.active svg{stroke:var(--terracotta)}.role-option span{display:block;font-weight:500;color:var(--charcoal)}.demo-credentials{margin-top:1.5rem;padding:1rem;background:var(--cream);border-left:3px solid var(--terracotta);font-size:.85rem}.demo-credentials strong{display:block;margin-bottom:.5rem;color:var(--charcoal)}.demo-credentials code{background:#fff;padding:.15rem .4rem;font-size:.8rem}.dashboard{display:flex;min-height:100vh}.sidebar{background:var(--charcoal);padding:1.5rem;position:fixed;width:260px;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--ivory);margin-bottom:.25rem}.sidebar-logo span{color:var(--terracotta)}.sidebar-role{font-size:.75rem;color:var(--warm-gray);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:var(--warm-gray);text-decoration:none;font-size:.9rem;font-weight:400;border-radius:6px;transition:all .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit}.sidebar-link:hover{background:#ffffff0d;color:var(--ivory)}.sidebar-link.active{background:var(--terracotta);color:#fff}.sidebar-link svg{width:20px;height:20px;stroke-width:1.5}.sidebar-footer{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:8px;margin-bottom:1rem}.user-avatar{width:40px;height:40px;background:var(--terracotta);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.user-details{flex:1}.user-name{color:var(--ivory);font-weight:500;font-size:.9rem}.user-email{color:var(--warm-gray);font-size:.75rem}.main-content{margin-left:260px;padding:2rem 2.5rem;background:var(--ivory);min-height:100vh;flex:1;width:calc(100% - 260px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--charcoal)}.page-subtitle{color:var(--warm-gray);font-size:.95rem;margin-top:.25rem}.page-header-actions{display:flex;align-items:center;gap:.75rem}.page-header-actions .btn{display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border:1px solid var(--sand);transition:all .3s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000d}.stat-card-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.5rem}.stat-card-value{font-family:var(--font-display);font-size:2.25rem;font-weight:600;color:var(--charcoal)}.stat-card-change{font-size:.8rem;margin-top:.5rem}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--error)}.card{background:#fff;border:1px solid var(--sand);margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sand)}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--charcoal)}.card-body{padding:1.5rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--sand)}.table th{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);background:var(--cream)}.table tr:hover td{background:var(--cream)}.table tr:last-child td{border-bottom:none}.table tr.clickable-row{cursor:pointer}.badge{display:inline-block;padding:.3rem .75rem;font-size:.75rem;font-weight:500;border-radius:20px}.badge-confirmed,.badge-sent{background:#4a7c591a;color:var(--success)}.badge-pending,.badge-draft{background:#d4a43726;color:var(--warning)}.badge-cancelled,.badge-expired{background:#c45a5a1a;color:var(--error)}.quote-builder{display:grid;grid-template-columns:1fr 380px;gap:1.5rem}.quote-items{background:var(--cream);padding:1rem;margin-bottom:1rem}.quote-item{display:grid;grid-template-columns:1fr 140px 40px;gap:.75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--sand)}.quote-item:last-child{border-bottom:none}.quote-item input{padding:.6rem .75rem;border:1px solid var(--sand);background:#fff;font-family:var(--font-body);font-size:.9rem}.quote-item input:focus{outline:none;border-color:var(--terracotta)}.quote-summary{background:var(--charcoal);padding:1.5rem;color:#fff;position:sticky;top:100px;height:fit-content}.quote-summary h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem}.summary-row.total{font-size:1.25rem;font-weight:600;padding-top:1rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.2)}.summary-label{color:var(--warm-gray)}.summary-value{color:var(--ivory)}.quote-editor-page,.invoice-editor-page{padding-bottom:80px}.page-header-with-back{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header-with-back h2{font-family:var(--font-display);font-size:1.75rem;margin:0;color:var(--charcoal)}.page-header-with-back .btn{flex-shrink:0}.page-footer-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 0;margin-top:1.5rem;border-top:1px solid var(--sand);background:#fff;position:sticky;bottom:0;z-index:10}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-nav{display:flex;align-items:center;gap:1rem}.calendar-nav h3{font-family:var(--font-display);font-size:1.5rem;min-width:200px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--sand);border:1px solid var(--sand)}.calendar-day-header{background:var(--cream);padding:.75rem;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray)}.calendar-day{background:#fff;min-height:120px;padding:.5rem;position:relative;cursor:pointer}.calendar-day.other-month{background:var(--cream);opacity:.5}.calendar-day.today{background:#c4785a0d}.calendar-date{font-size:.85rem;font-weight:500;color:var(--slate);margin-bottom:.5rem}.calendar-day.today .calendar-date{background:var(--terracotta);color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-event{font-size:.7rem;padding:.25rem .4rem;margin-bottom:.25rem;border-radius:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.calendar-event.type-consultation{background:#4a7c5926;color:var(--success)}.calendar-event.type-site-visit{background:#c4785a26;color:var(--terracotta)}.calendar-event.type-follow-up{background:#4a5d4a26;color:var(--forest)}.calendar-event.status-pending{border-left:3px solid var(--warning)}.calendar-event.status-confirmed{border-left:3px solid var(--success)}.calendar-events{display:flex;flex-direction:column;gap:.25rem}.calendar-more{font-size:.65rem;color:var(--warm-gray);padding:.25rem}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-title{font-family:var(--font-display);font-size:1.25rem;min-width:220px;text-align:center;margin:0}.calendar-view-toggle{display:flex;gap:.5rem}.week-view{background:#fff;border:1px solid var(--sand);border-radius:8px;overflow:hidden}.week-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--cream)}.week-day-header{padding:.75rem;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);border-right:1px solid var(--sand)}.week-day-header:last-child{border-right:none}.week-grid{display:grid;grid-template-columns:repeat(7,1fr)}.week-day{border-right:1px solid var(--sand);border-top:1px solid var(--sand);padding:.75rem;min-height:300px}.week-day:last-child{border-right:none}.week-day.today{background:#c4785a0d}.week-day-date{font-size:.9rem;font-weight:500;color:var(--charcoal);margin-bottom:.75rem}.week-day.today .week-day-date{background:var(--terracotta);color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.week-day-events{display:flex;flex-direction:column;gap:.5rem}.week-view .calendar-event{padding:.5rem;display:flex;flex-direction:column;gap:.15rem}.week-view .calendar-event .event-time{font-weight:600;font-size:.7rem}.week-view .calendar-event .event-name{font-size:.75rem}.week-view .calendar-event .event-confirm{position:absolute;top:.25rem;right:.25rem;background:var(--success);color:#fff;border:none;width:18px;height:18px;border-radius:50%;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.week-view .calendar-event:hover .event-confirm{opacity:1}.month-view{background:#fff;border-radius:8px;overflow:hidden}.month-view .calendar-grid{border-radius:8px}.appointments-list{display:flex;flex-direction:column;gap:1rem}.appointment-card{display:flex;align-items:center;gap:1.5rem;background:#fff;border:1px solid var(--sand);padding:1rem 1.5rem;border-radius:8px;transition:box-shadow .2s ease}.appointment-card:hover{box-shadow:0 4px 12px #00000014}.appointment-date{text-align:center;min-width:50px}.appointment-date .date-day{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--charcoal);line-height:1}.appointment-date .date-month{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--warm-gray)}.appointment-details{flex:1}.appointment-time{font-weight:600;color:var(--charcoal)}.appointment-type{font-size:.85rem;color:var(--terracotta);text-transform:capitalize}.appointment-customer{font-size:.9rem;color:var(--warm-gray)}.appointment-notes{font-size:.8rem;color:var(--warm-gray);font-style:italic;margin-top:.25rem}.appointment-status{margin-right:1rem}.appointment-actions{display:flex;align-items:center;gap:.5rem}.time-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.time-slot{padding:.6rem;text-align:center;background:var(--cream);border:1.5px solid var(--sand);font-size:.85rem;cursor:pointer;transition:all .2s}.time-slot:hover{border-color:var(--terracotta)}.time-slot.selected{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.time-slot.unavailable{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.modal{background:#fff;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal.modal-xl{max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sand)}.modal-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--slate)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--sand);background:var(--cream);flex-wrap:wrap;align-items:center}.modal-footer:has(.save-notification){justify-content:space-between}.modal-footer:has(.modal-footer-right){justify-content:space-between}.modal-footer-right{display:flex;gap:.75rem}.empty-state{text-align:center;padding:3rem;color:var(--warm-gray)}.empty-state svg{width:60px;height:60px;stroke:var(--sand);margin-bottom:1rem}.empty-state h4{font-family:var(--font-display);font-size:1.25rem;color:var(--slate);margin-bottom:.5rem}.quote-modal{max-width:1100px}.quote-builder-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem}.quote-form-section{display:flex;flex-direction:column;gap:1.5rem}.quote-summary-section{position:sticky;top:0;height:fit-content}.form-section{background:var(--cream);padding:1.25rem;border:1px solid var(--sand)}.form-section h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--charcoal);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--sand)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-row.full-width{grid-template-columns:1fr}.project-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.project-mode-toggle .toggle-btn{flex:1;padding:.75rem 1rem;border:1px solid var(--sand);background:transparent;cursor:pointer;transition:all .2s;font-family:var(--font-body);font-size:.9rem;color:var(--slate)}.project-mode-toggle .toggle-btn:hover{border-color:var(--terracotta);color:var(--terracotta)}.project-mode-toggle .toggle-btn.active{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.line-items-table{width:100%}.line-items-header{display:grid;grid-template-columns:40px 1fr 120px 40px;gap:.5rem;padding:.5rem 0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);border-bottom:1px solid var(--sand);margin-bottom:.5rem}.line-item-row{display:grid;grid-template-columns:40px 1fr 120px 40px;gap:.5rem;align-items:start;padding:.5rem 0;border-bottom:1px solid var(--sand)}.line-item-row:last-child{border-bottom:none}.line-item-row .item-number{font-weight:600;color:var(--slate);padding-top:.65rem;text-align:center}.line-item-row textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--sand);background:#fff;font-family:var(--font-body);font-size:.9rem;resize:vertical;min-height:60px}.line-item-row textarea:focus{outline:none;border-color:var(--terracotta)}.line-item-row input[type=number]{width:100%;padding:.5rem .75rem;border:1px solid var(--sand);background:#fff;font-family:var(--font-body);font-size:.9rem}.line-item-row input:focus{outline:none;border-color:var(--terracotta)}.btn-remove{background:transparent;border:1px solid var(--sand);color:var(--error);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:.25rem}.btn-remove:hover{background:var(--error);color:#fff;border-color:var(--error)}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:transparent;border:1px dashed var(--sand);color:var(--slate);font-size:.85rem;cursor:pointer;transition:all .2s;margin-top:.75rem;width:100%;justify-content:center}.btn-add-item:hover{border-color:var(--terracotta);color:var(--terracotta);background:#c4785a0d}.line-items-table.with-cost .line-items-header,.line-items-table.with-cost .line-item-row{grid-template-columns:40px 1fr 100px 100px 80px 40px}.item-cost{text-align:right}.item-profit{text-align:right;font-weight:600;padding-top:.65rem}.item-profit.positive{color:var(--success)}.item-profit.negative{color:var(--error)}.line-item-row input.item-cost{text-align:right}.profit-summary{background:linear-gradient(135deg,var(--charcoal) 0%,#2a2a2a 100%);padding:1rem 1.25rem;margin-top:1rem;border-left:3px solid var(--success)}.profit-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}.profit-summary-row .label{font-size:.85rem;color:#ffffffb3}.profit-summary-row .value{font-size:1rem;font-weight:600;color:#fff}.profit-summary-row .value.positive{color:var(--success)}.profit-summary-row .value.negative{color:var(--error)}.profit-summary-row.total{border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem;padding-top:.75rem}.profit-summary-row.total .label{font-weight:600;color:#fff}.profit-summary-row.total .value{font-size:1.1rem}.profit-summary .profit-input{width:100px;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.9rem;text-align:right}.profit-summary .profit-input:focus{outline:none;border-color:var(--success);background:#ffffff26}.profit-summary .profit-input::placeholder{color:#fff6}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-header-with-toggle h4{margin-bottom:0}.toggle-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.toggle-switch input[type=checkbox]{width:16px;height:16px;accent-color:var(--terracotta);cursor:pointer}.toggle-label-text{color:var(--slate)}.payment-terms-grid{display:flex;flex-direction:column;gap:.75rem}.payment-term-row{display:grid;grid-template-columns:60px 80px 1fr 100px;gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--sand);overflow:visible}.payment-term-row:last-child{border-bottom:none}.payment-term-row label{font-size:.85rem;font-weight:500;color:var(--charcoal)}.payment-term-row input[type=number]{padding:.4rem;border:1px solid var(--sand);background:#fff;font-size:.8rem;text-align:right;width:100%;box-sizing:border-box;min-width:0}.payment-term-row input[type=text]{padding:.5rem .75rem;border:1px solid var(--sand);background:#fff;font-size:.85rem;width:100%}.payment-term-row input:focus{outline:none;border-color:var(--terracotta)}.payment-term-row .milestone-amount{font-weight:600;color:var(--terracotta);font-size:.9rem;text-align:right}.term-currency,.term-percent-sign{font-size:.85rem;color:var(--slate);font-weight:500;text-align:right}.term-amount-input,.term-percentage{width:100%;box-sizing:border-box}.term-amount{font-weight:600;color:var(--terracotta);font-size:.85rem;text-align:right;white-space:nowrap}.summary-card{background:var(--charcoal);padding:1.5rem;color:#fff}.summary-card h4{font-family:var(--font-display);font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);color:var(--ivory)}.summary-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.summary-line{display:flex;justify-content:space-between;font-size:.9rem}.summary-line.lump-sum{justify-content:flex-start}.summary-line .label{color:var(--warm-gray)}.summary-line .value{color:var(--ivory)}.summary-totals{padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.summary-totals .summary-line{margin-bottom:.5rem}.summary-totals .summary-line.total{font-size:1.25rem;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.summary-totals .summary-line.total .label{color:var(--ivory)}.summary-totals .summary-line.total .value{color:var(--terracotta)}.summary-milestones{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.summary-milestones h5{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.75rem}.milestone-item{display:flex;justify-content:space-between;font-size:.8rem;padding:.35rem 0}.milestone-item .label{color:var(--warm-gray)}.milestone-item .value{color:var(--sand)}.quote-settings{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sand)}.setting-row{display:flex;align-items:center;gap:.75rem}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--terracotta);cursor:pointer}.setting-row label{font-size:.9rem;color:var(--charcoal);cursor:pointer}.btn-link{background:none;border:none;color:var(--terracotta);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover{color:var(--terracotta-dark)}.revision-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.revision-item{padding:1rem;background:var(--cream);border:1px solid var(--sand)}.revision-item .revision-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.revision-item .revision-number{font-weight:600;color:var(--charcoal)}.revision-item .revision-date{font-size:.85rem;color:var(--warm-gray)}.revision-item .revision-by{font-size:.8rem;color:var(--slate);margin-bottom:.25rem}.revision-item .revision-changes{font-size:.9rem;color:var(--charcoal)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.template-card{background:#fff;border:1px solid var(--sand);padding:1.5rem;transition:box-shadow .2s ease}.template-card:hover{box-shadow:0 4px 12px #00000014}.template-card.default{border-color:var(--terracotta);border-width:2px}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.template-header h4{font-family:var(--font-display);font-size:1.1rem;margin:0;color:var(--charcoal)}.template-stats{display:flex;justify-content:space-between;font-size:.9rem;color:var(--slate);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--sand)}.template-actions{display:flex;gap:.5rem;flex-wrap:wrap}.template-modal{max-width:800px}.badge-default{background:var(--terracotta);color:#fff;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.template-line-items{margin-bottom:1rem}.template-line-header{display:grid;grid-template-columns:1fr 120px 40px;gap:.75rem;padding:.5rem 0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);border-bottom:1px solid var(--sand)}.template-line-row{display:grid;grid-template-columns:1fr 120px 40px;gap:.75rem;align-items:start;padding:.75rem 0;border-bottom:1px solid var(--sand)}.template-line-row textarea{padding:.5rem .75rem;border:1px solid var(--sand);background:#fff;font-size:.9rem;resize:vertical;min-height:60px;font-family:inherit}.template-line-row input[type=number]{padding:.5rem .75rem;border:1px solid var(--sand);background:#fff;font-size:.9rem;text-align:right}.template-line-row textarea:focus,.template-line-row input:focus{outline:none;border-color:var(--terracotta)}.quote-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1)}.quote-actions .btn{flex:1;justify-content:center}.payment-history{display:flex;flex-direction:column;gap:.5rem}.payment-entry{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid var(--sand)}.payment-info{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.payment-date{font-weight:500;color:var(--charcoal)}.payment-method{text-transform:capitalize;color:var(--slate);font-size:.9rem}.payment-ref{font-size:.85rem;color:var(--warm-gray)}.payment-amount{font-weight:600;color:var(--success)}.summary-payments{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.summary-payments h4{margin-bottom:.5rem}.payment-list{display:flex;flex-direction:column;gap:.5rem}.payment-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;background:#ffffff1a;font-size:.9rem}.payment-item span:first-child{min-width:80px}.payment-item span:nth-child(2){font-weight:500}.payment-item span:last-child{text-transform:capitalize;color:#ffffffb3}.summary-line.paid .value{color:var(--success)}.summary-line.balance .label{font-weight:600;color:var(--ivory)}.summary-line.balance .value{font-weight:600;color:var(--terracotta)}.payments-summary{background:var(--cream);padding:1rem;border:1px solid var(--sand);margin-bottom:1rem}.payments-summary-row{display:flex;justify-content:space-between;padding:.25rem 0}.payments-summary-row.balance{font-weight:600;border-top:1px solid var(--sand);margin-top:.5rem;padding-top:.5rem}.payments-table{display:flex;flex-direction:column;gap:.5rem}.payments-table-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--cream);border:1px solid var(--sand)}.payments-table-row .payment-date{min-width:90px;color:var(--slate)}.payments-table-row .payment-amount{font-weight:600;color:var(--success);min-width:100px}.payments-table-row .payment-method{flex:1;text-transform:capitalize;color:var(--slate)}.payment-form{margin-top:1.5rem;padding:1rem;background:var(--cream);border:1px solid var(--sand)}.payment-form h4{margin-bottom:1rem}.payment-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.filter-bar{display:flex;gap:1rem;padding:1rem;background:var(--cream);border:1px solid var(--sand);margin-bottom:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px;max-width:300px}.filter-group label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray)}.filter-group input,.filter-group select{padding:.5rem .75rem;border:1px solid var(--sand);background:#fff;font-size:.875rem;font-family:var(--font-body)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--terracotta)}.filter-group input[type=text]{min-width:200px}.filter-group input[type=date]{min-width:140px}.filter-bar .btn-clear{padding:.5rem 1rem;background:transparent;border:1px solid var(--warm-gray);color:var(--slate);cursor:pointer;font-size:.8rem;font-family:var(--font-body);transition:all .2s}.filter-bar .btn-clear:hover{background:var(--slate);color:#fff;border-color:var(--slate)}.filter-bar .filter-results{margin-left:auto;font-size:.85rem;color:var(--warm-gray);align-self:center}.customer-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.customer-status .status-dot{width:8px;height:8px;border-radius:50%}.customer-status.active .status-dot{background:var(--success)}.customer-status.inactive .status-dot{background:var(--warm-gray)}.badge-account-pending{background:#d4a43726;color:var(--warning)}.badge-account-active{background:#4a7c591a;color:var(--success)}.badge-account-disabled{background:#8b817826;color:var(--warm-gray)}.badge-no-account{background:#8b81781a;color:var(--warm-gray)}.login-error{color:var(--error);background:#c45a5a1a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.otp-input{font-size:1.5rem!important;letter-spacing:.5rem;text-align:center;font-family:monospace}.resend-section{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--sand)}.resend-section p{margin-bottom:.5rem;color:var(--warm-gray);font-size:.9rem}.password-requirements{background:var(--cream);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--sand)}.password-requirements p{margin:0 0 .5rem;font-weight:500;font-size:.9rem;color:var(--charcoal)}.password-requirements ul{margin:0;padding-left:1.5rem}.password-requirements li{font-size:.85rem;color:var(--warm-gray);margin-bottom:.25rem}.password-requirements li.met{color:var(--success)}.credentials-box{background:var(--cream);padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid var(--sand)}.credentials-box div{margin-bottom:.5rem}.credentials-box div:last-child{margin-bottom:0}.credentials-box code{background:#fff;padding:.25rem .5rem;border-radius:4px;font-size:1rem;font-family:monospace}.help-text{font-size:.85rem;color:var(--warm-gray);margin-top:1rem}.btn-link{background:none;border:none;color:var(--terracotta);cursor:pointer;font-size:.9rem;padding:.5rem;font-family:var(--font-body)}.btn-link:hover{text-decoration:underline}.btn-link:disabled{color:var(--warm-gray);cursor:not-allowed;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1400px){.sidebar{width:220px;padding:1.25rem}.main-content{margin-left:220px;width:calc(100% - 220px);padding:1.5rem 2rem}.sidebar-logo{font-size:1.25rem}.sidebar-link{padding:.75rem .85rem;font-size:.85rem;gap:.6rem}.sidebar-link svg{width:18px;height:18px}.sidebar-footer{left:1.25rem;right:1.25rem;bottom:1.25rem}.user-info{padding:.75rem;gap:.6rem}.user-avatar{width:36px;height:36px;font-size:.9rem}.user-name{font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.sidebar{width:200px;padding:1rem}.main-content{margin-left:200px;width:calc(100% - 200px);padding:1.25rem 1.5rem}.sidebar-logo{font-size:1.15rem}.sidebar-role{font-size:.7rem;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-link{padding:.65rem .75rem;font-size:.8rem}.sidebar-link svg{width:16px;height:16px}.sidebar-footer{left:1rem;right:1rem;bottom:1rem}.page-title{font-size:1.75rem}.stat-card{padding:1.25rem}.stat-card-value{font-size:1.75rem}}@media (max-width: 1024px){.nav{padding:1rem 2rem}.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-content{padding:8rem 2rem 4rem}.hero-image{height:400px}.hero-image-overlay{left:2rem}.section{padding:4rem 2rem}.services-grid,.projects-grid{grid-template-columns:1fr}.project-card:first-child{grid-row:span 1;height:400px}.process-content{grid-template-columns:1fr}.process-image{order:-1}.cta{padding:4rem 2rem}.cta-content{grid-template-columns:1fr}footer{padding:4rem 2rem 2rem}.footer-content{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-image{display:none}.dashboard{flex-direction:column}.sidebar{display:none}.main-content{margin-left:0;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.quote-builder{grid-template-columns:1fr}.quote-summary{position:static}.quote-builder-grid{grid-template-columns:1fr}.quote-summary-section{position:static}.payment-term-row{grid-template-columns:1fr 70px 1fr 80px}}@media (max-width: 768px){.hero-content{padding:6rem 1.5rem 3rem}.hero-title{font-size:2.5rem;line-height:1.15}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;gap:1rem}.hero-buttons .btn{width:100%;text-align:center;justify-content:center}.hero-stats{flex-direction:column;gap:1.5rem}.hero-image{height:300px}.hero-image-overlay{left:1rem;right:1rem;bottom:1rem;padding:1rem}.hero-image-overlay p{font-size:.9rem}.section{padding:3rem 1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-title{font-size:1.75rem}.section-desc{font-size:.9rem}.services-grid{gap:1.5rem}.service-card{padding:1.5rem}.service-title{font-size:1.1rem}.service-desc{font-size:.875rem}.project-card{height:280px}.project-title{font-size:1.1rem}.process-image{display:none}.process-steps{gap:1.5rem}.process-step{padding:1rem}.step-number{font-size:1.25rem;min-width:40px;height:40px}.testimonial-card{padding:2rem 1.5rem}.testimonial-quote{font-size:1.1rem}.cta{padding:3rem 1.5rem}.cta-content{gap:2rem}.cta-text h2{font-size:1.75rem}.cta-form{padding:1.5rem}.cta-contact{flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}footer{padding:3rem 1.5rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.payment-term-row{grid-template-columns:1fr 1fr;gap:.5rem}.payment-term-row label{grid-column:span 2}.line-items-header{display:none}.line-item-row{grid-template-columns:1fr 100px 40px}.line-item-row .item-number{display:none}.quote-actions{flex-direction:column}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.calendar-day{min-height:80px}}@media (max-width: 480px){.hero-content{padding:5rem 1rem 2rem}.hero-title{font-size:2rem}.hero-badge{font-size:.7rem;padding:.4rem .8rem}.nav{padding:1rem}.section{padding:2.5rem 1rem}.section-title{font-size:1.5rem}.service-card{padding:1.25rem}.process-step{flex-direction:column;text-align:center}.step-number{margin-bottom:.75rem}.testimonial-card{padding:1.5rem 1rem}.testimonial-quote{font-size:1rem}.cta{padding:2rem 1rem}.cta-text h2{font-size:1.5rem}.cta-form{padding:1.25rem}.cta-form .form-group input,.cta-form .form-group select,.cta-form .form-group textarea{padding:.875rem}footer{padding:2rem 1rem 1rem}.footer-column,.footer-brand{text-align:center}.footer-brand p{max-width:100%}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;background:transparent;border:none;cursor:pointer;z-index:150;gap:5px}.hamburger-line{display:block;width:24px;height:2px;background:var(--charcoal);transition:all .3s ease;transform-origin:center}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:calc(60px + var(--safe-top));padding-top:var(--safe-top);background:var(--ivory);border-bottom:1px solid var(--sand);z-index:99;padding-left:1rem;padding-right:1rem;align-items:center;justify-content:space-between}.mobile-header-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--charcoal)}.mobile-header-title span{color:var(--terracotta)}.mobile-header-spacer{width:44px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;height:100dvh;background:var(--charcoal);z-index:200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto;padding-left:var(--safe-left)}.mobile-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;padding-top:calc(1.25rem + var(--safe-top));border-bottom:1px solid rgba(255,255,255,.1)}.drawer-header .sidebar-logo{color:var(--ivory)}.drawer-close{background:transparent;border:none;color:var(--warm-gray);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.drawer-close:hover{color:var(--ivory)}.drawer-role{padding:.75rem 1.5rem;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--terracotta)}.drawer-nav{flex:1;padding:.5rem 0;display:flex;flex-direction:column;gap:.25rem}.drawer-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:var(--warm-gray);text-decoration:none;font-size:1rem;font-weight:400;transition:all .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit;min-height:48px}.drawer-link:hover{background:#ffffff0d;color:var(--ivory)}.drawer-link.active{background:var(--terracotta);color:#fff}.drawer-link svg{width:22px;height:22px;stroke-width:1.5;flex-shrink:0}.drawer-footer{padding:1rem 1.5rem;padding-bottom:calc(1rem + var(--safe-bottom));border-top:1px solid rgba(255,255,255,.1)}.drawer-footer .user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.drawer-footer .user-avatar{width:36px;height:36px;background:var(--terracotta);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.drawer-footer .user-details{flex:1;min-width:0}.drawer-footer .user-name{color:var(--ivory);font-weight:500;font-size:.9rem}.drawer-footer .user-email{color:var(--warm-gray);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--charcoal);border-top:1px solid rgba(255,255,255,.1);z-index:100;padding-bottom:var(--safe-bottom);grid-template-columns:repeat(4,1fr)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;background:transparent;border:none;color:var(--warm-gray);cursor:pointer;font-family:inherit;font-size:.65rem;font-weight:500;letter-spacing:.02em;transition:all .2s;min-height:56px}.bottom-nav-item svg{width:22px;height:22px;stroke-width:1.5}.bottom-nav-item.active{color:var(--terracotta)}.bottom-nav-item:active{background:#ffffff0d}.landing-mobile-menu{display:none;position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;height:100dvh;background:var(--cream);z-index:200;transform:translate(100%);transition:transform .3s ease;padding:calc(5rem + var(--safe-top)) 2rem 2rem;padding-right:calc(2rem + var(--safe-right));box-shadow:-4px 0 20px #0000001a;overflow-y:auto}.landing-mobile-menu.open{transform:translate(0)}.landing-mobile-menu .mobile-nav-links{display:flex;flex-direction:column;gap:0;list-style:none}.landing-mobile-menu .mobile-nav-link{display:block;padding:1rem 0;font-size:1.1rem;font-weight:500;color:var(--slate);text-decoration:none;border-bottom:1px solid var(--sand);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:inherit;cursor:pointer;min-height:48px}.landing-mobile-menu .mobile-nav-link:hover{color:var(--charcoal)}.landing-mobile-menu .mobile-nav-cta{display:block;width:100%;text-align:center;margin-top:1.5rem;padding:1rem 1.5rem;background:var(--charcoal);color:var(--cream);font-size:.9rem;font-weight:500;letter-spacing:.05em;border:none;cursor:pointer;font-family:inherit;min-height:48px}.landing-mobile-menu .mobile-nav-cta:hover{background:var(--terracotta)}.mobile-card-list{display:none;padding:1rem}.mobile-data-card{background:#fff;border:1px solid var(--sand);padding:1rem;margin-bottom:.75rem;border-radius:4px}.mobile-data-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.mobile-data-card-title{font-weight:600;color:var(--charcoal);font-size:1rem}.mobile-data-card-subtitle{font-size:.85rem;color:var(--warm-gray);margin-top:.25rem}.mobile-data-card-body{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;font-size:.9rem}.mobile-data-card-row{display:flex;flex-direction:column}.mobile-data-card-row.full-width{grid-column:span 2}.mobile-data-card-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.15rem}.mobile-data-card-value{color:var(--charcoal)}.mobile-data-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--sand)}.mobile-data-card-actions .btn-icon{min-width:44px;min-height:44px;padding:.75rem}@media (max-width: 1024px){.hamburger-btn,.mobile-header{display:flex}.bottom-nav{display:grid}.landing-mobile-menu{display:block}.main-content{margin-top:calc(60px + var(--safe-top));padding-bottom:calc(70px + var(--safe-bottom))}.dashboard .main-content{padding:1rem}}@media (max-width: 768px){.card-body .table{display:none}.mobile-card-list{display:block}.filter-bar{flex-direction:column;gap:.75rem;padding:1rem}.filter-group{max-width:none;width:100%}.filter-group input[type=text],.filter-group input[type=date],.filter-group select{width:100%;min-width:auto;min-height:44px;font-size:16px}.filter-bar .filter-results{margin-left:0;margin-top:.5rem;text-align:center;width:100%}.filter-bar .btn-clear,.filter-bar .btn{width:100%;min-height:44px;justify-content:center}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.page-header-actions{flex-direction:column;width:100%}.page-header-actions .btn{width:100%;justify-content:center;min-height:48px}.page-header-actions .save-success{justify-content:center}.page-title{font-size:1.5rem}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0;margin:0}.modal.modal-xl{max-width:100%}.modal-header{padding:1rem;position:sticky;top:0;background:#fff;z-index:10;border-radius:16px 16px 0 0}.modal-body{padding:1rem;overflow-y:auto}.modal-footer{padding:1rem;position:sticky;bottom:0;background:var(--cream);z-index:10}}@media (max-width: 480px){.mobile-data-card-body{grid-template-columns:1fr}.mobile-data-card-row.full-width{grid-column:span 1}.mobile-data-card-actions{justify-content:space-between}.dashboard .main-content{padding:.75rem}}@media (max-width: 320px){.bottom-nav-item span{display:none}.bottom-nav-item{min-height:48px}.mobile-header-title{font-size:1.1rem}}@media (min-width: 600px) and (max-width: 768px) and (min-height: 800px){.mobile-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mobile-data-card{margin-bottom:0}}@media (orientation: landscape) and (max-height: 500px){.mobile-header{height:calc(48px + var(--safe-top))}.bottom-nav{padding:.5rem 0;padding-bottom:max(.5rem,var(--safe-bottom))}.bottom-nav-item{min-height:44px;padding:.5rem}.bottom-nav-item span{display:none}.modal{max-height:100vh;border-radius:0}.main-content{margin-top:calc(48px + var(--safe-top));padding-bottom:calc(56px + var(--safe-bottom))}}@media (orientation: portrait) and (min-width: 600px) and (max-width: 768px){.mobile-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mobile-data-card{margin-bottom:0}}@media (max-width: 1024px){.btn-icon{min-width:44px;min-height:44px;padding:.75rem}.btn{min-height:44px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{min-height:44px;font-size:16px}.sidebar-link,.drawer-link{min-height:48px}}.swipeable-line-item{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom}.swipeable-delete-action{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--error);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s ease}.swipeable-delete-action:hover,.swipeable-delete-action:active{background:#c0392b}.swipeable-content{background:#fff;transition:transform .2s ease-out;position:relative;z-index:1}.swipeable-content.swiping{transition:none}@media (max-width: 768px){.line-items-table .line-item-row{grid-template-columns:1fr 100px}.line-items-table .line-item-row .btn-icon.item-actions,.line-items-table .line-item-row>.item-actions{display:none}.line-items-table .line-items-header{grid-template-columns:1fr 100px}.line-items-table .line-items-header .item-no,.line-items-table .line-item-row .item-no,.line-items-table .line-items-header .item-actions{display:none}.line-items-table.with-cost .line-items-header,.line-items-table.with-cost .line-item-row{grid-template-columns:1fr 80px 80px}.line-items-table.with-cost .item-profit,.line-items-table.with-cost .btn-icon.item-actions{display:none}.swipeable-line-item:after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--sand);border-radius:2px;opacity:.6;z-index:2;pointer-events:none}.swipeable-line-item.swiped:after{display:none}}@media (horizontal-viewport-segments: 2){.mobile-drawer{width:50vw}}@media (vertical-viewport-segments: 2){.bottom-nav{display:none}.sidebar{display:flex}}.content-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid var(--sand)}.content-tab{padding:1rem 2rem;background:none;border:none;font-size:1rem;font-family:var(--font-body);color:var(--charcoal);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.content-tab:hover{color:var(--terracotta)}.content-tab.active{color:var(--terracotta);border-bottom-color:var(--terracotta);font-weight:600}.section-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.image-upload-area{border:2px dashed var(--sand);padding:1rem;border-radius:8px;text-align:center;background:var(--ivory)}.image-preview{max-width:100%;border-radius:4px;margin-bottom:.75rem}.image-preview.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.image-preview.portfolio{max-height:150px;object-fit:cover}.upload-status{display:block;margin-top:.5rem;font-size:.875rem;color:var(--warm-gray)}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--sand);color:var(--charcoal);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.author-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:var(--sand);color:var(--charcoal);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.avatar-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.testimonial-preview{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.testimonial-preview h4{margin:0;font-size:1rem;color:var(--charcoal)}.testimonial-preview .meta{margin:0;font-size:.8rem;color:var(--warm-gray)}.quote-preview{font-style:italic;color:var(--slate);font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.portfolio-card{display:flex;flex-direction:column}.portfolio-image{width:100%;height:150px;border-radius:8px;overflow:hidden;margin-bottom:1rem;background:var(--cream)}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-image.placeholder{display:flex;align-items:center;justify-content:center;color:var(--warm-gray)}.portfolio-image.placeholder svg{width:48px;height:48px}.portfolio-info{margin-bottom:.75rem}.portfolio-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--terracotta);font-weight:600}.portfolio-info h4{margin:.25rem 0;font-size:1rem;color:var(--charcoal)}.portfolio-info .meta{margin:0;font-size:.85rem;color:var(--warm-gray)}.template-card.inactive{opacity:.7;border-style:dashed}.badge-inactive{background:var(--warm-gray);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;position:absolute;top:.75rem;right:.75rem}.template-card{position:relative}.content-tabs-6{flex-wrap:wrap}.content-tabs-6 .content-tab{padding:.75rem 1.25rem;font-size:.9rem}@media (max-width: 768px){.content-tabs-6{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:none}.content-tabs-6 .content-tab{padding:.6rem .5rem;font-size:.8rem;text-align:center;border-bottom:2px solid var(--sand)}}.editor-form{max-width:800px}.form-section{background:#fff;border:1px solid var(--sand);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.form-section h4{margin:0 0 1rem;font-size:1rem;color:var(--charcoal);font-weight:600;padding-bottom:.75rem;border-bottom:1px solid var(--cream)}.form-hint{display:block;font-size:.8rem;color:var(--warm-gray);margin-top:.25rem}.form-actions{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--sand);margin-top:1rem}.save-success{display:inline-flex;align-items:center;gap:.5rem;color:var(--forest);font-size:.875rem;font-weight:500;animation:fadeInOut 3s ease-in-out}.save-success svg{width:16px;height:16px}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.stats-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.stats-editor-grid{grid-template-columns:1fr}}.stat-editor,.tags-input{background:var(--ivory);padding:1rem;border-radius:6px}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--sand);color:var(--charcoal);padding:.35rem .75rem;border-radius:20px;font-size:.85rem}.tag button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:var(--slate)}.tag button:hover{color:var(--error)}.tag button svg{width:14px;height:14px}.tag-input-row{display:flex;gap:.5rem}.tag-input-row input{flex:1}.icon-picker-modal{max-width:500px}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media (max-width: 500px){.icon-grid{grid-template-columns:repeat(3,1fr)}}.icon-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:var(--ivory);border:2px solid var(--cream);border-radius:8px;cursor:pointer;transition:all .2s ease}.icon-option svg{width:28px;height:28px;color:var(--charcoal)}.icon-option span{font-size:.7rem;color:var(--warm-gray);text-align:center}.icon-option:hover{border-color:var(--terracotta);background:#fff}.icon-option.selected{border-color:var(--terracotta);background:#c4785a1a}.icon-option.selected svg{color:var(--terracotta)}.icon-selector{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--ivory);border:1px solid var(--sand);border-radius:6px;cursor:pointer;transition:border-color .2s ease}.icon-selector:hover{border-color:var(--terracotta)}.icon-selector svg{width:24px;height:24px;color:var(--terracotta)}.icon-selector span{font-size:.9rem;color:var(--slate)}.editor-form .service-card{display:flex;flex-direction:column;padding:1.5rem}.editor-form .service-card .service-icon{width:48px;height:48px;background:#c4785a26;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.editor-form .service-card .service-icon svg{width:24px;height:24px;color:var(--terracotta)}.service-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--charcoal)}.service-card .service-description{font-size:.85rem;color:var(--warm-gray);line-height:1.5;flex:1;margin-bottom:1rem}.process-steps-list{display:flex;flex-direction:column;gap:1rem}.process-step-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid var(--sand);border-radius:8px;position:relative}.process-step-card.inactive{opacity:.7;border-style:dashed}.process-step-card .step-number{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--terracotta);line-height:1;min-width:48px}.process-step-card .step-content{flex:1}.process-step-card .step-content h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--charcoal)}.process-step-card .step-content p{margin:0;font-size:.9rem;color:var(--warm-gray);line-height:1.5}.process-step-card .step-actions{display:flex;gap:.5rem;position:absolute;top:1rem;right:1rem}.image-preview{position:relative;display:inline-block}.image-preview img{display:block;border-radius:8px}.image-preview button{margin-top:.75rem}.hero-preview img,.process-preview img{max-width:100%;max-height:200px;object-fit:cover}.upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;cursor:pointer;color:var(--warm-gray);transition:color .2s ease}.upload-label:hover{color:var(--terracotta)}.upload-label input[type=file]{display:none}.upload-label svg{width:32px;height:32px}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--terracotta)}.toggle-group{margin-bottom:1rem}.toggle-group .form-hint{margin-left:1.75rem;margin-top:.25rem}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--terracotta)}.toggle-label span{color:var(--charcoal)}.honeypot{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;overflow:hidden}.quote-request-modal .modal-body{max-height:70vh;overflow-y:auto}.quote-request-form{display:flex;flex-direction:column;gap:.75rem}.quote-request-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote-request-form .form-group{margin-bottom:0}.quote-request-form .form-group label{font-size:.875rem;font-weight:500;margin-bottom:.25rem;display:block}.quote-request-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.quote-request-form .error-message{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;font-size:.875rem}.quote-success{text-align:center;padding:2rem 1rem}.quote-success .success-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.quote-success .success-icon svg{width:32px;height:32px;color:#16a34a}.quote-success h3{font-family:var(--font-display);font-size:1.5rem;color:var(--charcoal);margin-bottom:.5rem}.quote-success p{color:var(--slate);margin-bottom:1.5rem}@media (max-width: 640px){.quote-request-form .form-row{grid-template-columns:1fr;gap:.75rem}.quote-request-form .form-actions{flex-direction:column-reverse}.quote-request-form .form-actions .btn{width:100%}}.placeholder-section{margin-top:1rem}.placeholder-section .info-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--cream);border:1px solid var(--sand);border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap}.placeholder-section .info-banner .info-icon{color:var(--terracotta);flex-shrink:0;width:20px;height:20px}.placeholder-section .info-banner span{flex:1;color:var(--charcoal);font-size:.9rem;min-width:200px}.placeholder-preview{opacity:.75}.placeholder-preview .template-card,.placeholder-preview .portfolio-card{position:relative}.placeholder-badge{position:absolute;top:.75rem;right:.75rem;background:var(--charcoal);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;z-index:1}@media (max-width: 640px){.placeholder-section .info-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.placeholder-section .info-banner .btn{width:100%}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-image-container{display:flex;align-items:center;justify-content:center;max-height:calc(90vh - 100px)}.lightbox-image-container img{max-width:90vw;max-height:calc(90vh - 100px);object-fit:contain;border-radius:4px}.lightbox-close{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .2s;z-index:10}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:2rem;padding:1rem;cursor:pointer;opacity:.7;transition:all .2s;border-radius:50%}.lightbox-nav:hover{opacity:1;background:#fff3}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;color:#fff;margin-top:1rem}.lightbox-title{text-align:left}.lightbox-category{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--terracotta);display:block;margin-bottom:.25rem}.lightbox-title h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin:0 0 .25rem}.lightbox-title p{font-size:.9rem;opacity:.7;margin:0}.lightbox-counter{font-size:.9rem;opacity:.7;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px}.lightbox-caption{color:#fffc;font-size:.9rem;text-align:center;max-width:600px;margin-top:.5rem}.project-gallery-badge{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}@media (max-width: 768px){.lightbox-nav{position:fixed;top:auto;bottom:2rem;transform:none;padding:.75rem;font-size:1.5rem}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-close{position:fixed;top:1rem;right:1rem}.lightbox-info{flex-direction:column;text-align:center;gap:.5rem}.lightbox-title{text-align:center}}.image-manager{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--sand)}.image-manager h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--charcoal)}.image-manager .helper-text{font-size:.85rem;color:var(--slate);margin:0 0 1rem}.image-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.image-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--cream);border:2px solid transparent;transition:border-color .2s}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-thumb.is-cover{border-color:var(--terracotta)}.image-thumb .cover-badge{position:absolute;top:.25rem;left:.25rem;background:var(--terracotta);color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.image-thumb .thumb-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.25rem;padding:.35rem;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .2s;justify-content:center}.image-thumb:hover .thumb-actions{opacity:1}.image-thumb .btn-xs{padding:.25rem .4rem;font-size:.75rem;min-width:auto}.image-thumb.add-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;border:2px dashed var(--sand);color:var(--slate);font-size:.8rem;transition:all .2s}.image-thumb.add-image:hover{border-color:var(--terracotta);color:var(--terracotta);background:#c46b480d}.image-thumb.add-image svg{font-size:1.25rem}.empty-gallery-text{color:var(--slate);font-size:.85rem;text-align:center;padding:1rem;margin-top:.5rem}.loading-text{color:var(--slate);font-size:.85rem;text-align:center;padding:2rem}.charge-discount-editor{margin-top:1.5rem;padding:1rem;background:var(--cream);border:1px solid var(--sand);border-radius:8px}.charge-discount-editor .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.charge-discount-editor .editor-header h4{font-size:.9rem;font-weight:600;color:var(--charcoal);margin:0}.btn-add-small{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--sand);color:var(--slate);font-size:.8rem;cursor:pointer;transition:all .2s;border-radius:4px}.btn-add-small:hover{border-color:var(--terracotta);color:var(--terracotta);background:#c4785a0d}.charge-discount-editor .empty-message{color:var(--slate);font-size:.85rem;font-style:italic;margin:0;padding:.5rem 0}.charge-discount-editor .editor-items{display:flex;flex-direction:column;gap:.5rem}.charge-discount-editor .editor-item-row{display:grid;grid-template-columns:1fr 80px 60px 100px 36px;gap:.5rem;align-items:center}.charge-discount-editor .item-label-input,.charge-discount-editor .item-value-input{padding:.5rem .75rem;background:#fff;border:1px solid var(--sand);color:var(--charcoal);font-size:.85rem;border-radius:4px}.charge-discount-editor .item-label-input:focus,.charge-discount-editor .item-value-input:focus{outline:none;border-color:var(--terracotta)}.charge-discount-editor .item-mode-select{padding:.5rem;background:#fff;border:1px solid var(--sand);color:var(--charcoal);font-size:.85rem;border-radius:4px;cursor:pointer}.charge-discount-editor .item-calculated{text-align:right;font-size:.9rem;font-weight:500;color:var(--charcoal)}.charge-discount-editor .discount-amount{color:var(--success)}.charge-discount-editor .item-label,.charge-discount-editor .item-display{font-size:.9rem;color:var(--charcoal)}.discount-editor{border-color:#22c55e4d;background:#22c55e08}.payment-terms-editor{margin-top:1.5rem;padding:1rem;background:var(--cream);border:1px solid var(--sand);border-radius:8px}.payment-terms-editor .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.payment-terms-editor .editor-header h4{font-size:.9rem;font-weight:600;color:var(--charcoal);margin:0}.payment-terms-editor .header-controls{display:flex;align-items:center;gap:.75rem}.payment-terms-editor .mode-toggle{display:flex;border:1px solid var(--sand);border-radius:4px;overflow:hidden}.payment-terms-editor .mode-btn{padding:.35rem .75rem;background:#fff;border:none;color:var(--slate);font-size:.8rem;cursor:pointer;transition:all .2s}.payment-terms-editor .mode-btn:first-child{border-right:1px solid var(--sand)}.payment-terms-editor .mode-btn.active{background:var(--terracotta);color:#fff}.payment-terms-editor .mode-btn:hover:not(.active){background:var(--cream)}.payment-terms-editor .empty-message{color:var(--slate);font-size:.85rem;font-style:italic;margin:0;padding:.5rem 0}.payment-terms-editor .editor-items{display:flex;flex-direction:column;gap:.5rem}.payment-terms-editor .terms-header{display:grid;grid-template-columns:120px 80px 1fr 100px 36px;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--sand);font-size:.75rem;font-weight:600;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}.payment-terms-editor .term-row{display:grid;grid-template-columns:120px 80px 1fr 100px 36px;gap:.5rem;align-items:center}.payment-terms-editor .term-label-input,.payment-terms-editor .term-value-input,.payment-terms-editor .term-description-input{padding:.5rem .75rem;background:#fff;border:1px solid var(--sand);color:var(--charcoal);font-size:.85rem;border-radius:4px}.payment-terms-editor .term-label-input:focus,.payment-terms-editor .term-value-input:focus,.payment-terms-editor .term-description-input:focus{outline:none;border-color:var(--terracotta)}.payment-terms-editor .term-calculated{text-align:right;font-size:.9rem;font-weight:500;color:var(--charcoal)}.payment-terms-editor .term-label,.payment-terms-editor .term-value,.payment-terms-editor .term-description{font-size:.9rem;color:var(--charcoal)}.payment-terms-editor .validation-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.payment-terms-editor .validation-indicator.valid{background:#22c55e1a;color:var(--success)}.payment-terms-editor .validation-indicator.invalid{background:#ef44441a;color:var(--error)}.payment-terms-editor .validation-diff{opacity:.7}.pricing-mode-section{margin-bottom:1rem;padding:1rem;background:var(--cream);border:1px solid var(--sand);border-radius:8px}.pricing-mode-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--sand);border-radius:6px;cursor:pointer;transition:all .2s;flex:1}.pricing-mode-option:hover{border-color:var(--terracotta)}.pricing-mode-option.active{border-color:var(--terracotta);background:#c4785a0d}.pricing-mode-option input[type=radio]{accent-color:var(--terracotta)}.pricing-mode-option span{font-size:.9rem;color:var(--charcoal)}.lump-sum-input{margin-top:1rem}.lump-sum-input label{display:block;font-size:.8rem;font-weight:500;color:var(--slate);margin-bottom:.35rem}.lump-sum-input input{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid var(--sand);color:var(--charcoal);font-size:1rem;border-radius:4px}.lump-sum-input input:focus{outline:none;border-color:var(--terracotta)}.calculation-mode-section{margin-bottom:1rem}.calculation-mode-select{display:flex;align-items:center;gap:.75rem}.calculation-mode-select label{font-size:.85rem;color:var(--slate)}.calculation-mode-select select{padding:.5rem .75rem;background:#fff;border:1px solid var(--sand);color:var(--charcoal);font-size:.85rem;border-radius:4px;cursor:pointer}.pricing-mode-section{margin-bottom:1.5rem}.pricing-mode-toggle{display:flex;gap:1rem}.pricing-mode-toggle .toggle-option{flex:1;padding:1rem;border:2px solid var(--sand);border-radius:8px;cursor:pointer;text-align:center;transition:all .2s;background:#fff}.pricing-mode-toggle .toggle-option:hover{border-color:var(--terracotta)}.pricing-mode-toggle .toggle-option.active{border-color:var(--terracotta);background:#b455410d}.pricing-mode-toggle .toggle-option input{display:none}.pricing-mode-toggle .toggle-option span{display:block;font-weight:600;color:var(--charcoal);margin-bottom:.25rem}.pricing-mode-toggle .toggle-option small{color:var(--slate);font-size:.85rem}.lump-sum-input{margin-top:1rem;padding:1rem;background:#b455410d;border-radius:8px;border:1px solid var(--sand)}.lump-sum-input label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--charcoal)}.lump-sum-input input{width:100%;max-width:200px;font-size:1.25rem;font-weight:600;padding:.75rem}.line-items-table.lump-sum-mode .item-desc{flex:1}.modal-footer .save-notification{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;animation:fadeIn .3s ease}.save-notification.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.save-notification.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.save-notification svg{flex-shrink:0}.modal-footer-buttons{display:flex;gap:.5rem;align-items:stretch}.modal-footer-buttons .btn{justify-content:center;text-align:center;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.charge-discount-editor .editor-item-row{grid-template-columns:1fr 60px 50px;gap:.35rem}.charge-discount-editor .editor-item-row .item-calculated,.charge-discount-editor .editor-item-row .btn-remove{grid-column:span 1}.charge-discount-editor .item-calculated{grid-column:1 / -1;text-align:left;padding-top:.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--sand);padding-bottom:.5rem}.payment-terms-editor .terms-header{display:none}.payment-terms-editor .term-row{grid-template-columns:1fr;gap:.35rem;padding:.75rem;background:#fff;border-radius:6px;margin-bottom:.5rem}.payment-terms-editor .term-row>*{width:100%}.payment-terms-editor .term-calculated{text-align:left;font-weight:600}.pricing-mode-toggle{flex-direction:column}}