@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";.demo-canvas *,.demo-canvas *:before,.demo-canvas *:after{box-sizing:border-box}.demo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;background:#090e18b3}.demo-modal{width:min(1320px,100%);max-height:calc(100vh - 2rem);display:grid;gap:.8rem;padding:1rem;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg)}.demo-modal-header,.demo-modal-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.demo-modal-header{justify-content:space-between}.demo-modal-header h3{margin:0}.demo-modal-controls{align-items:end}.demo-modal-controls label{min-width:220px;display:grid;gap:.35rem;color:var(--muted-text);font-size:.85rem}.demo-preview-scroll{overflow:auto;max-height:calc(100vh - 14rem);border:1px solid var(--card-border);border-radius:10px;background:#0d1527;padding:1rem}.demo-canvas{width:min(1200px,100%);margin:0 auto;padding:1.4rem;box-sizing:border-box;border:1px solid var(--demo-border);border-radius:16px;background:var(--demo-page-bg);color:var(--demo-text);line-height:1.5;font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.demo-canvas h1,.demo-canvas h2,.demo-canvas h3,.demo-canvas h4{margin:0;line-height:1.2;overflow-wrap:anywhere;font-family:Playfair Display,Georgia,serif}.demo-canvas p{margin:0;line-height:1.58;overflow-wrap:anywhere}.demo-canvas blockquote,.demo-canvas li,.demo-canvas span,.demo-canvas strong{overflow-wrap:anywhere}.demo-hero,.demo-section,.demo-contact-panel{animation:demo-fade-up .36s ease both}.demo-hero{padding:1.35rem;display:grid;gap:.6rem;border-radius:12px;border:1px solid var(--demo-border);background:var(--demo-section-bg);box-shadow:0 20px 30px #0a0f1914}.demo-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.demo-hero p{color:var(--demo-muted);max-width:52ch}.demo-chip{width:fit-content;display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--demo-border);background:var(--demo-accent-soft);color:var(--demo-accent);font-size:.76rem;font-weight:700}.demo-section{margin-bottom:.9rem;padding:1.1rem;border-radius:12px;border:1px solid var(--demo-border);background:var(--demo-section-bg)}.demo-section-head{margin-bottom:.65rem}.demo-section-head h3{font-size:1.32rem}.demo-section-head p{margin-top:.3rem;color:var(--demo-muted)}.demo-grid{display:grid;gap:.75rem;align-items:start}.demo-grid>*{min-width:0}.demo-surface-card,.demo-pricing-card,.demo-icon-card,.demo-bullet-column,.demo-quote,.demo-stat-card{padding:.85rem;display:grid;gap:.42rem;border-radius:12px;border:1px solid var(--demo-border);background:var(--demo-page-bg);box-shadow:0 10px 22px #0a0f190d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.demo-surface-card:hover,.demo-pricing-card:hover,.demo-icon-card:hover,.demo-quote:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0a0f1914;border-color:var(--demo-accent)}.demo-price-list{margin:0;padding:0;list-style:none}.demo-price-list li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem .75rem;border-bottom:1px solid var(--demo-border)}.demo-price-list span,.demo-price-list strong{min-width:0}.demo-price-list li:last-child{border-bottom:none}.demo-pricing-label,.demo-pricing-value{color:var(--demo-accent);font-weight:700}.demo-pricing-value{font-size:1.2rem}.demo-bullet-column ul{margin:.45rem 0 0;padding-left:1.1rem;color:var(--demo-muted)}.demo-quote,.demo-quote p{margin:0}.demo-quote cite{margin-top:.35rem;color:var(--demo-muted);font-size:.82rem;font-style:normal}.demo-photo-frame{border-radius:12px;border:1px solid var(--demo-border);overflow:hidden;min-height:220px;background:linear-gradient(130deg,var(--demo-hero-start),var(--demo-hero-end))}.demo-photo-frame img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;transform:scale(1.01)}.demo-cta{border:none;border-radius:999px;padding:.6rem 1rem;font:inherit;font-weight:700;background:var(--demo-accent);color:var(--demo-cta-text, #ffffff);cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.demo-cta.ghost{background:transparent;border:1px solid var(--demo-accent);color:var(--demo-accent)}.demo-cta:hover{transform:translateY(-1px);filter:brightness(.97)}.demo-cta.ghost:hover{filter:brightness(1);box-shadow:0 0 0 1px var(--demo-accent) inset}.demo-cta:focus-visible,.btn:focus-visible,.form-input:focus-visible,.select-input:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-cta:disabled{cursor:wait;opacity:.85}.demo-footer{margin-top:1.2rem;padding:1rem;display:grid;gap:.9rem;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-section-bg);color:var(--demo-muted);font-size:.9rem}.demo-footer-top{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-footer-top h4{font-size:1.03rem}.demo-footer-top p{margin-top:.15rem}.demo-footer-legal{padding-top:.8rem;border-top:1px solid var(--demo-border);font-size:.82rem}.demo-contact-note{margin-top:.35rem;color:var(--demo-muted);font-size:.86rem}@media(max-width:980px){.demo-footer-top{grid-template-columns:1fr 1fr}}@media(max-width:720px){.demo-footer-top{grid-template-columns:1fr}}.demo-layout-fullscreen,.demo-layout-split,.demo-layout-soft,.demo-layout-asym,.demo-layout-gallery-first,.demo-layout-editorial,.demo-layout-classic,.demo-layout-tech{position:relative;margin-bottom:.95rem;display:grid;gap:.85rem}.demo-layout-fullscreen .demo-hero{position:absolute;left:1rem;right:auto;bottom:1rem;top:auto;max-width:min(640px,calc(100% - 2rem));display:flex;flex-direction:column;justify-content:end;border-radius:14px;background:linear-gradient(180deg,#0204093d,#020409db);color:#f8fafc}.demo-layout-fullscreen .hero-fill{height:420px}.demo-layout-fullscreen .demo-hero p{color:#f8fafce0}.demo-layout-split{grid-template-columns:1.1fr 1fr}.demo-layout-soft{padding:1rem;border:1px solid var(--demo-border);border-radius:18px;background:linear-gradient(135deg,var(--demo-hero-start),var(--demo-hero-end))}.demo-layout-soft .demo-hero{border:none;margin:0;background:transparent;box-shadow:none}.demo-layout-asym{grid-template-columns:.8fr 1.2fr;align-items:start}.demo-layout-gallery-first{grid-template-columns:1.2fr .8fr}.demo-layout-editorial{padding:2rem 2rem 1rem;border:1px solid var(--demo-border);border-radius:12px}.demo-layout-classic,.demo-layout-tech{padding:1rem;border:1px solid var(--demo-border);border-radius:12px;background:linear-gradient(125deg,var(--demo-hero-start),var(--demo-hero-end))}.demo-columns-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.demo-columns-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.demo-services-cards,.demo-pricing-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.demo-stats-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.demo-stat-card strong{font-size:1.28rem}.demo-stat-card span{display:block;margin-top:.25rem;color:var(--demo-muted);font-size:.84rem}.demo-testimonials{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.demo-gallery-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-gallery-highlight{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-gallery-highlight .wide{grid-column:span 2}.demo-gallery-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-gallery-mosaic .demo-photo-frame{min-height:240px}.demo-slider{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center}.demo-slider.compact{max-width:520px;margin-inline:auto}.demo-slider-window{overflow:hidden;border-radius:12px}.demo-slider-track{display:flex;transition:transform .38s ease;will-change:transform}.demo-slider-track.no-transition{transition:none}.demo-slider-slide{flex:0 0 100%;height:220px;min-height:220px}.demo-slider-slide img{min-height:0;height:100%}.demo-slider.compact .demo-slider-slide{height:95px;min-height:95px}.demo-slider.compact .demo-slider-control{width:1.9rem;height:1.9rem}.demo-slider-control{width:2.15rem;height:2.15rem;border:1px solid var(--demo-border);border-radius:999px;background:var(--demo-section-bg);color:var(--demo-text);font-size:1.2rem;line-height:1;cursor:pointer}.demo-slider-control:hover{border-color:var(--demo-accent)}.demo-slider-control:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-slider-control:disabled{cursor:default;opacity:.45}.demo-section-hair-socialproof{display:grid;gap:.9rem}.demo-contact-panel{padding:1rem;display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-section-bg)}.demo-contact-panel article{min-width:0}.demo-contact-panel .demo-cta{align-self:center;justify-self:end}.demo-map-placeholder{border-radius:10px;border:1px dashed var(--demo-border);min-height:110px;display:grid;place-items:center;color:var(--demo-muted);background:var(--demo-page-bg)}.demo-about-text{margin-top:.7rem;color:var(--demo-muted);line-height:1.6}.demo-icon-dot{width:12px;height:12px;display:inline-block;border-radius:999px;background:var(--demo-accent)}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.demo-layout-fullscreen .demo-hero{left:.75rem;right:.75rem;max-width:none}.demo-gallery-highlight{grid-template-columns:1fr}.demo-gallery-highlight .wide{grid-column:auto}.demo-slider-slide{height:200px;min-height:200px}.demo-slider.compact .demo-slider-slide{height:86px;min-height:86px}.demo-layout-split,.demo-layout-asym,.demo-layout-gallery-first,.demo-columns-2,.demo-columns-3,.demo-services-cards,.demo-pricing-cards,.demo-stats-strip,.demo-gallery-strip,.demo-contact-panel{grid-template-columns:1fr}}@media(max-width:720px){.demo-canvas{width:100%;min-height:auto;padding:.8rem}.demo-layout-editorial{padding:1rem}.demo-layout-fullscreen .hero-fill{height:360px}.demo-gallery-mosaic,.demo-gallery-strip{grid-template-columns:1fr}.demo-contact-panel .demo-cta{justify-self:start}.demo-slider{grid-template-columns:1fr}.demo-slider-control{display:none}.demo-slider-slide{height:180px;min-height:180px}.demo-slider.compact{max-width:100%}.demo-slider.compact .demo-slider-slide{height:78px;min-height:78px}}html,body,#root{margin:0;min-height:100%}.app-root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:var(--app-bg);color:var(--text-main)}.app-root.theme-light{--app-bg: #f3f6fb;--text-main: #10203a;--card-bg: #ffffff;--card-border: #d6dfec;--card-shadow: rgba(16, 32, 58, .08);--input-border: #b6c3d6;--primary-btn-bg: #1f4fa8;--sidebar-bg: #122646;--sidebar-item-bg: rgba(255, 255, 255, .06);--sidebar-item-active-bg: rgba(255, 255, 255, .15);--sidebar-item-active-border: rgba(255, 255, 255, .45);--muted-text: #495a78;--error-text: #a2142f;--theme-switch-bg: rgba(255, 255, 255, .18);--theme-switch-border: rgba(255, 255, 255, .35)}.app-root.theme-dark{--app-bg: #0d1422;--text-main: #e8eefc;--card-bg: #131e33;--card-border: #263754;--card-shadow: rgba(4, 8, 16, .38);--input-border: #3a4d71;--primary-btn-bg: #4c86ff;--sidebar-bg: #070d19;--sidebar-item-bg: rgba(255, 255, 255, .09);--sidebar-item-active-bg: rgba(255, 255, 255, .2);--sidebar-item-active-border: rgba(255, 255, 255, .4);--muted-text: #a8b6d8;--error-text: #ff8fa2;--theme-switch-bg: rgba(255, 255, 255, .14);--theme-switch-border: rgba(255, 255, 255, .28)}.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);box-shadow:0 12px 30px var(--card-shadow);padding:1.5rem}.login-card h1{margin:0 0 1rem;font-size:1.35rem}.login-form{display:grid;gap:.75rem}.login-form label{font-size:.9rem}.login-form input{width:100%;margin-top:.35rem;border:1px solid var(--input-border);border-radius:8px;padding:.6rem .7rem;font:inherit;background:var(--card-bg);color:var(--text-main)}.btn{border:0;border-radius:8px;padding:.6rem 1rem;font:inherit;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-btn-bg);color:#fff}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1rem}.brand{margin:0 0 1.25rem;font-size:1.1rem}.menu{display:grid;gap:.5rem}.menu-item{border:1px solid transparent;border-radius:8px;background:var(--sidebar-item-bg);color:#fff;text-align:left;padding:.6rem .75rem;font:inherit}.menu-item.active{border-color:var(--sidebar-item-active-border);background:var(--sidebar-item-active-bg)}.menu-item.logout{background:#ffffff14}.sidebar-footer{display:grid;gap:.5rem}.theme-switch{border:1px solid var(--theme-switch-border);border-radius:8px;background:var(--theme-switch-bg);color:#fff;text-align:left;padding:.6rem .75rem;font:inherit;cursor:pointer}.content{padding:1.5rem}.panel{background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);padding:1.25rem}.muted{color:var(--muted-text)}.error{color:var(--error-text);margin:.5rem 0 0}.form-input,.search-input,.select-input{border:1px solid var(--input-border);border-radius:8px;padding:.55rem .7rem;font:inherit;background:var(--card-bg);color:var(--text-main);width:100%}.select-input{width:auto;min-width:180px}.search-input{max-width:300px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--card-border)}.data-table th{font-weight:600;color:var(--muted-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.data-table tr:last-child td{border-bottom:none}.btn-secondary{background:var(--sidebar-item-active-bg);color:var(--text-main);border:1px solid var(--card-border)}.btn-sm{padding:.3rem .6rem;font-size:.8rem;border:1px solid var(--card-border);border-radius:6px;background:var(--sidebar-item-bg);color:var(--text-main);cursor:pointer}.btn-danger{color:var(--error-text);border-color:var(--error-text)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge-success,.badge-sent{background:#22c55e26;color:#16a34a}.badge-failed{background:#ef444426;color:var(--error-text)}.badge-draft,.badge-muted{background:#94a3b833;color:var(--muted-text)}.success{color:#16a34a;margin:.5rem 0 0}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.pagination-info{font-size:.85rem}.filter-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.app-root.theme-dark .badge-success,.app-root.theme-dark .badge-sent{color:#4ade80}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{gap:1rem}}