:root{--bg: #f7f8fc;--surface: #ffffff;--surface-2: #f1f3f9;--text: #0b1020;--text-muted: #5b6478;--border: #e6e8ef;--primary: #6d5efc;--primary-2: #9b8bff;--primary-ink: #ffffff;--accent: #00d4a8;--warn: #ffb020;--danger: #ff5d6c;--info: #4aa3ff;--grad: linear-gradient(135deg, #6d5efc 0%, #9b8bff 50%, #00d4a8 100%);--grad-soft: linear-gradient(135deg, rgba(109,94,252,.12), rgba(0,212,168,.12));--shadow-sm: 0 2px 6px rgba(20, 22, 60, .06);--shadow-md: 0 12px 32px rgba(20, 22, 60, .1);--shadow-lg: 0 28px 60px rgba(20, 22, 60, .18);--radius: 14px;--radius-lg: 22px;--transition: .25s cubic-bezier(.2,.8,.2,1);--container: 1200px}[data-theme=dark]{--bg: #0b1020;--surface: #121830;--surface-2: #182040;--text: #eef1ff;--text-muted: #9aa3c2;--border: #232a4a;--primary-ink: #ffffff;--shadow-sm: 0 2px 6px rgba(0,0,0,.3);--shadow-md: 0 12px 32px rgba(0,0,0,.4);--shadow-lg: 0 28px 60px rgba(0,0,0,.5);--grad-soft: linear-gradient(135deg, rgba(109,94,252,.18), rgba(0,212,168,.18))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:1rem;color:inherit}.container{max-width:var(--container);margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-family:Sora,Inter,sans-serif;line-height:1.2;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700}h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700}h3{font-size:1.25rem;font-weight:600}.lead{font-size:1.125rem;color:var(--text-muted);max-width:60ch}.eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--grad-soft);color:var(--primary);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--surface) 85%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition)}.navbar.scrolled{box-shadow:var(--shadow-sm)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:84px}.logo{display:flex;align-items:center;gap:10px;font-family:Sora,sans-serif;font-weight:700;font-size:1.2rem;position:relative;z-index:1}.logo-image{width:auto;max-width:170px;height:40px;object-fit:contain;border-radius:0}.navbar .logo{align-self:flex-start}.navbar .logo-image{max-width:240px;height:152px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));transition:transform var(--transition),filter var(--transition)}.navbar .logo-image:hover{filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));transform:scale(1.02)}.logo-mark{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow-md)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links.is-vertical{flex-direction:column;align-items:flex-start;gap:12px}.nav-links a{color:var(--text-muted);font-weight:500;font-size:.95rem;position:relative;transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--grad);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);transition:transform var(--transition),background var(--transition)}.theme-toggle:hover{transform:rotate(20deg)}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:600;font-size:.95rem;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition);white-space:nowrap}.btn .btn-icon{width:16px;height:16px;flex-shrink:0}.hotline-icon{color:currentColor;fill:currentColor;opacity:.95}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad);color:var(--primary-ink);box-shadow:0 10px 24px -10px var(--primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px var(--primary)}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:color-mix(in oklab,var(--primary) 12%,var(--surface-2));color:var(--primary)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-lg{padding:16px 28px;font-size:1.05rem;border-radius:14px}.btn-block{width:100%}.hero{position:relative;padding:80px 0 100px;overflow:hidden}.hero-home{min-height:calc(100vh - 84px);display:flex;align-items:center;padding:56px 0 72px}.hero:before{content:"";position:absolute;inset:-10% -10% auto;height:80%;background:radial-gradient(60% 60% at 30% 30%,rgba(109,94,252,.18),transparent 60%),radial-gradient(50% 50% at 80% 20%,rgba(0,212,168,.16),transparent 60%);z-index:0;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.hero h1{margin:14px 0}.hero .lead{margin-bottom:20px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:36px;margin-top:24px}.hero-stats div b{display:block;font-family:Sora,sans-serif;font-size:1.6rem}.hero-stats div span{color:var(--text-muted);font-size:.9rem}.hero-art{position:relative;width:min(100%,52vh,500px);aspect-ratio:1/1;border-radius:28px;background:var(--grad);padding:24px;box-shadow:var(--shadow-lg);display:grid;place-items:center;animation:float 6s ease-in-out infinite}.hero-art.has-image{padding:0;background:none;box-shadow:none}.hero-art-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:28px;box-shadow:var(--shadow-lg)}.hero-art .glass-card{background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:18px;color:#fff;padding:22px;width:80%}.floating-pill{position:absolute;background:var(--surface);padding:12px 16px;border-radius:999px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);font-weight:600;font-size:.9rem}.floating-pill .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.fp-1{top:10%;left:-8%;animation:float 5s ease-in-out infinite}.fp-2{bottom:8%;right:-6%;animation:float 7s ease-in-out infinite reverse}.fp-3{top:50%;right:-10%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}section{padding:80px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 50px}.section-head h2{margin:14px 0 12px}.section-head p{color:var(--text-muted)}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px;text-align:center;transition:all var(--transition);cursor:pointer}.cat-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow-md)}.cat-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;background:var(--grad-soft);display:grid;place-items:center;font-size:1.6rem;transition:transform var(--transition)}.cat-icon-image{width:34px;height:34px;object-fit:contain}.cat-card:hover .cat-icon{transform:scale(1.1) rotate(-6deg)}.cat-card h4{font-size:.95rem;font-weight:600}.cat-card span{color:var(--text-muted);font-size:.8rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;position:relative}.service-card-link{position:absolute;inset:0;z-index:2;border-radius:var(--radius-lg)}.service-card .btn{position:relative;z-index:3}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}.service-img{aspect-ratio:16/10;background:var(--grad);position:relative;overflow:hidden;display:grid;place-items:center;font-size:3rem;color:#fff}.service-img-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.service-img-fallback{position:relative;z-index:1;font-size:1rem;font-weight:600}.service-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35))}.service-badge{position:absolute;top:14px;left:14px;z-index:2;background:#fffffff2;color:var(--text);padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600}.service-body{padding:22px;flex:1;display:flex;flex-direction:column;gap:12px}.service-rating{display:flex;align-items:center;gap:6px;color:var(--warn);font-size:.9rem;font-weight:600}.service-rating span{color:var(--text-muted);font-weight:400}.service-title{font-size:1.1rem;font-weight:600}.service-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px dashed var(--border)}.price{font-family:Sora,sans-serif;font-size:1.4rem;font-weight:700;color:var(--primary)}.price small{font-size:.8rem;color:var(--text-muted);font-weight:400}.quote-tag{font-size:.85rem;color:var(--accent);font-weight:600}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;position:relative;transition:all var(--transition)}.step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.step-num{width:44px;height:44px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.1rem;margin-bottom:18px}.step h3{font-size:1.05rem;margin-bottom:6px}.step p{color:var(--text-muted);font-size:.92rem}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition)}.order-confirm-hero{text-align:center;max-width:760px;margin-inline:auto}.order-check-badge{width:96px;height:96px;border-radius:50%;background:var(--grad);display:grid;place-items:center;margin:0 auto 24px;box-shadow:var(--shadow-lg);animation:order-pop .6s cubic-bezier(.2,.9,.3,1.4) both}.order-check-badge svg{width:48px;height:48px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:order-draw .6s .3s ease-out forwards}@keyframes order-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes order-draw{to{stroke-dashoffset:0}}.order-id-badge{display:inline-flex;gap:8px;align-items:center;background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary);padding:8px 16px;border-radius:999px;font-weight:600;font-size:.9rem;margin-top:8px}.order-placed-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:48px}@media(max-width:860px){.order-placed-grid{grid-template-columns:1fr}}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.order-summary-card{padding:28px}.order-card-title{margin-top:0}.order-subtitle{margin:28px 0 8px}.order-summary-row{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px dashed var(--border);gap:18px}.order-summary-row:last-child{border-bottom:none}.order-summary-label{color:var(--text-muted);font-size:.9rem}.order-summary-value{font-weight:600;text-align:right}.order-summary-note{display:block;color:var(--text-muted);font-weight:400}.order-summary-discount{color:#15803d}.order-pro-card{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:16px;margin-top:16px;background:var(--surface)}.order-pro-avatar{width:56px;height:56px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.order-pro-meta small{color:var(--text-muted);display:block}.order-pro-action{margin-left:auto}.order-timeline{position:relative;padding-left:28px;margin-top:8px}.order-timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--border)}.order-timeline-step{position:relative;padding:10px 0 18px}.order-timeline-step:before{content:"";position:absolute;left:-24px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--border)}.order-timeline-step--done:before{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 20%,transparent)}.order-timeline-step h5{margin:0 0 2px;font-size:.98rem}.order-timeline-step small{color:var(--text-muted)}.order-timeline--horizontal{display:flex;gap:0;padding-left:0;margin-top:0}.order-timeline--horizontal:before{display:none}.order-timeline--horizontal .order-timeline-step{flex:1;padding:36px 16px 0;text-align:center;min-width:0}.order-timeline--horizontal .order-timeline-step:before{left:50%;top:0;transform:translate(-50%)}.order-timeline--horizontal .order-timeline-step:not(:last-child):after{content:"";position:absolute;left:50%;top:7px;width:100%;height:2px;background:var(--border);z-index:-1}.order-timeline--horizontal .order-timeline-step h5{font-size:.85rem}.order-timeline--horizontal .order-timeline-step small{font-size:.75rem}.order-pay-later{padding:24px;background:color-mix(in oklab,var(--primary) 6%,transparent);border-radius:16px;margin-top:20px;border:1px dashed color-mix(in oklab,var(--primary) 40%,transparent)}.order-pay-grand{font-size:1.5rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.order-pay-badge{display:inline-flex;align-items:center;gap:6px;background:#16a34a18;color:#15803d;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;margin-bottom:10px}.order-pay-total{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.order-pay-label{color:var(--text-muted);font-size:1rem}.order-pay-note{color:var(--text-muted);display:block;margin-top:8px}.order-card-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.order-card-actions .btn{flex:1}.order-help-card{margin-top:20px}.order-help-text{color:var(--text-muted);margin:6px 0 14px}.order-help-actions{display:flex;gap:10px;flex-wrap:wrap}.order-actions-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.order-next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}@media(max-width:760px){.order-next-steps{grid-template-columns:1fr}}.order-next-card{padding:22px;text-align:center}.order-next-icon{font-size:2rem;margin-bottom:10px}.order-next-text{color:var(--text-muted)}.testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.t-stars{color:var(--warn);margin-bottom:14px}.t-quote{font-size:1rem;margin-bottom:18px}.t-author{display:flex;align-items:center;gap:12px}.t-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700}.t-author b{display:block;font-size:.95rem}.t-author span{color:var(--text-muted);font-size:.82rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.team-photo{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--grad-soft);margin-bottom:14px}.team-photo img{width:100%;height:100%;object-fit:cover}.t-role{color:var(--text-muted);font-size:.9rem;display:inline-block;margin-top:2px}.team-card .t-quote{margin-top:10px;color:var(--text-muted)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition);display:block}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.contact-icon{width:52px;height:52px;border-radius:14px;background:var(--grad-soft);display:grid;place-items:center;font-size:1.4rem;margin-bottom:14px}.contact-card p{color:var(--text-muted);margin:6px 0}.contact-cta{color:var(--primary);font-weight:600;font-size:.9rem}.footer{background:var(--surface);border-top:1px solid var(--border);padding:60px 0 24px;margin-top:60px}.footer .logo-image{max-width:300px;height:96px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer h4{font-size:.95rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer ul a{color:var(--text);font-size:.95rem;transition:color var(--transition)}.footer ul a:hover{color:var(--primary)}.footer p{color:var(--text-muted);margin-top:12px;max-width:36ch}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;color:var(--text-muted);font-size:.9rem}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;transition:all var(--transition)}.socials a:hover{background:var(--grad);color:#fff;transform:translateY(-2px)}.page-header{background:var(--grad-soft);padding:60px 0 40px}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin:-30px auto 40px;position:relative;z-index:5;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;box-shadow:var(--shadow-md)}.search-input,.filter-select{background:var(--surface-2);border:1px solid transparent;border-radius:10px;padding:12px 16px;transition:all var(--transition);width:100%}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);background:var(--surface)}.search-wrap{position:relative}.search-wrap input{padding-left:42px}.search-wrap:before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%)}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.detail-hero{border-radius:var(--radius-lg);aspect-ratio:16/10;background:var(--grad);display:grid;place-items:center;font-size:5rem;color:#fff;box-shadow:var(--shadow-md);margin-bottom:20px}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thumb{aspect-ratio:1;border-radius:12px;background:var(--grad-soft);display:grid;place-items:center;cursor:pointer;transition:all var(--transition);border:2px solid transparent}.thumb:hover,.thumb.active{border-color:var(--primary);transform:scale(1.04)}.book-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);position:sticky;top:92px}.book-box .price{font-size:2.2rem}.book-box hr{border:none;border-top:1px dashed var(--border);margin:18px 0}.feature-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.feature-list li{display:flex;gap:8px;color:var(--text-muted)}.feature-list li:before{content:"✓";color:var(--accent);font-weight:700}.accordion{display:flex;flex-direction:column;gap:12px}.acc-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.acc-q{width:100%;text-align:left;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.acc-q:after{content:"+";font-size:1.4rem;color:var(--primary);transition:transform var(--transition)}.acc-item.open .acc-q:after{transform:rotate(45deg)}.acc-a{max-height:0;overflow:hidden;transition:max-height var(--transition),padding var(--transition);padding:0 22px;color:var(--text-muted)}.acc-item.open .acc-a{max-height:300px;padding:0 22px 18px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm);max-width:720px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1 / -1}.field{position:relative}.field input,.field select,.field textarea{width:100%;padding:18px 16px 8px;background:var(--surface-2);border:1.5px solid transparent;border-radius:12px;transition:all var(--transition)}.field textarea{min-height:120px;resize:vertical;padding-top:22px}.field label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:all var(--transition);font-size:.95rem}.field textarea+label{top:22px;transform:none}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);background:var(--surface)}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field select:focus+label,.field select:valid+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:8px;transform:none;font-size:.72rem;color:var(--primary);font-weight:600}.alert{padding:14px 18px;border-radius:12px;margin-bottom:18px;display:none}.alert.success{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--accent);display:block}.alert.error{background:color-mix(in oklab,var(--danger) 15%,transparent);color:var(--danger);display:block}.dash-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 18px;position:sticky;top:0;height:100vh}.sidebar .logo{margin-bottom:30px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text-muted);font-weight:500;transition:all var(--transition)}.side-nav a:hover{background:var(--surface-2);color:var(--text)}.side-nav a.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-md)}.side-nav .icon{width:20px;text-align:center}.dash-main{padding:30px 40px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.dash-head h1{font-size:1.8rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:all var(--transition)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card .label{color:var(--text-muted);font-size:.85rem}.stat-card .value{font-family:Sora,sans-serif;font-size:1.8rem;font-weight:700;margin:6px 0}.stat-card .delta{font-size:.85rem;font-weight:600}.delta.up{color:var(--accent)}.delta.down{color:var(--danger)}.stat-icon{float:right;width:44px;height:44px;border-radius:12px;background:var(--grad-soft);display:grid;place-items:center;color:var(--primary);font-size:1.3rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}.panel-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.panel-head h3{font-size:1.1rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 24px;text-align:left;font-size:.92rem}th{background:var(--surface-2);color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}tbody tr{border-top:1px solid var(--border);transition:background var(--transition)}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-block;padding:5px 11px;border-radius:999px;font-size:.75rem;font-weight:600}.badge.pending{background:color-mix(in oklab,var(--warn) 18%,transparent);color:var(--warn)}.badge.approved{background:color-mix(in oklab,var(--info) 18%,transparent);color:var(--info)}.badge.progress{background:color-mix(in oklab,var(--primary) 18%,transparent);color:var(--primary)}.badge.completed{background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent)}.row-actions{display:flex;gap:8px}.icon-btn{width:32px;height:32px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;transition:all var(--transition)}.icon-btn:hover{background:var(--primary);color:#fff}.icon-btn.danger:hover{background:var(--danger)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;transition:var(--transition)}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:var(--shadow-sm)}.switch input:checked+.slider{background:var(--grad);border-color:transparent}.switch input:checked+.slider:before{transform:translate(22px)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--border) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.navbar .logo{align-self:center}.navbar .logo-image{height:84px;max-width:200px}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:480px;margin:0 auto}.cats{grid-template-columns:repeat(3,1fr)}.services-grid,.steps{grid-template-columns:repeat(2,1fr)}.testimonials{grid-template-columns:1fr}.team-grid,.contact-grid,.footer-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.book-box{position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.dash-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.side-nav{flex-direction:row;overflow-x:auto}}@media(max-width:640px){.nav-inner{height:72px}.hero-home{min-height:calc(100vh - 72px)}.navbar .logo{align-self:flex-start}.navbar .logo-image{height:130px;max-width:200px}.nav-actions{margin-left:auto}.nav-links,.hotline-btn span{display:none}.hotline-btn{padding:12px 14px}.menu-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--surface-2)}.nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--surface);flex-direction:column;padding:20px;border-bottom:1px solid var(--border)}.cats{grid-template-columns:repeat(2,1fr)}.services-grid,.steps,.team-grid,.contact-grid,.footer-grid,.stat-grid,.filters,.form-grid{grid-template-columns:1fr}.form-card{padding:24px}.hero-stats{gap:20px;flex-wrap:wrap}.dash-main{padding:20px}th,td{padding:12px 16px}}