@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@400;500;600;700;800&display=swap";.faq-inner{background:var(--section-bg-alt);padding:2.5rem;border-radius:28px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.faq-title{font-family:Anek Bangla,sans-serif;font-weight:700;font-size:2.6rem;letter-spacing:-1.5px;line-height:1.15;margin-bottom:.7rem;color:var(--text-primary);word-wrap:break-word}.faq-title span{color:var(--lavender-500)}@media(max-width:768px){.faq-title{font-size:1.9rem}.faq-inner{padding:1.5rem!important}}@media(max-width:480px){.faq-inner{padding:1.25rem!important}.faq-title{font-size:1.6rem}}.faq-subtitle{font-size:1rem;line-height:1.7;max-width:420px;color:var(--text-secondary);word-wrap:break-word}.faq-list{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem;width:100%}.faq-item{background:var(--bg-card);border:1px solid rgba(115,113,252,.12);border-radius:16px;overflow:hidden;transition:border-color .3s,box-shadow .3s;width:100%;max-width:100%;box-sizing:border-box}[data-theme=dark] .faq-item{border-color:#a594f91a}.faq-item:hover{border-color:#7371fc40}[data-theme=dark] .faq-item:hover{border-color:#a594f933}.faq-item.active{border-color:#7371fc40;box-shadow:0 2px 8px #7371fc0f}[data-theme=dark] .faq-item.active{border-color:#a594f933;box-shadow:0 2px 8px #0003}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:.95rem;color:var(--text-primary);padding:1.3rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;font-family:Anek Bangla,sans-serif;box-sizing:border-box;min-width:0}.faq-question span{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:768px){.faq-question{padding:1.1rem 1.2rem;font-size:.9rem}}@media(max-width:480px){.faq-question{padding:1rem;font-size:.875rem}}.faq-question svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted);transition:transform .3s,color .3s}.faq-item.active .faq-question svg{color:var(--lavender-500);transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 1.5rem;transition:max-height .4s ease,padding .4s ease;width:100%;box-sizing:border-box}@media(max-width:768px){.faq-answer{padding:0 1.2rem}}@media(max-width:480px){.faq-answer{padding:0 1rem}}.faq-item.active .faq-answer{max-height:300px;padding:0 1.5rem 1.3rem}@media(max-width:768px){.faq-item.active .faq-answer{padding:0 1.2rem 1.1rem}}@media(max-width:480px){.faq-item.active .faq-answer{padding:0 1rem 1rem}}.faq-answer p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:480px){.faq-answer p{font-size:.85rem}}.wa-widget{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.wa-widget *{box-sizing:border-box}.wa-widget--bottom-right{bottom:24px;right:24px}.wa-widget--bottom-left{bottom:24px;left:24px;align-items:flex-start}.wa-widget--top-right{top:24px;right:24px;flex-direction:column-reverse;align-items:flex-end}.wa-widget--top-left{top:24px;left:24px;flex-direction:column-reverse;align-items:flex-start}.wa-widget__btn{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;background:none;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.wa-widget__btn:hover{transform:scale(1.1)}.wa-widget__btn:active{transform:scale(.95)}.wa-widget__icon{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media(max-width:480px){.wa-widget--bottom-right{bottom:16px;right:16px}.wa-widget--bottom-left{bottom:16px;left:16px}}.admin-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;--bg: #0D0D1A;--panel: #141428;--panel-2: rgba(115,113,252,.08);--border: rgba(255,255,255,.06);--border-light: rgba(165,148,249,.1);--border-hover: rgba(165,148,249,.2);--text: #F5F3FF;--text-secondary: rgba(245,243,255,.55);--muted: rgba(245,243,255,.35);--faded: rgba(245,243,255,.55);--primary: #ffffff;--primary-text: #000000;--accent: #7371FC;--success: #10b981;--warning: #f5a524;--danger: #ef4444;--selection-bg: #fff;--selection-text: #000;--scroll-thumb: #333;--sidebar-bg: var(--panel);--sidebar-border: rgba(165,148,249,.1);--form-input-bg: var(--panel-2);--form-input-border: var(--border);--text-primary: var(--text);--text-muted: var(--muted);--text-faded: var(--faded);--bg-primary: var(--bg);--focus-ring-shadow: 0 0 0 3px rgba(115,113,252,.2);--card-shadow: 0 8px 32px rgba(0,0,0,.3);--lavender-500: #7371FC;--radius-sm: 12px;--radius-lg: 24px;--shadow-lg: 0 20px 60px rgba(0,0,0,.4);--bg-card: var(--panel);--bg-hover: var(--panel-2);background:var(--bg);color:var(--text);min-height:100vh}[data-theme=light] .admin-root{--bg: #ffffff;--panel: #ffffff;--panel-2: #F5F3FF;--bg-tertiary: #FAFAFF;--border: rgba(0,0,0,.08);--border-light: rgba(115,113,252,.12);--border-hover: rgba(115,113,252,.25);--text: #0D0D1A;--text-secondary: #6B6B8A;--muted: #9B9BB5;--faded: #6B6B8A;--primary: #111111;--primary-text: #ffffff;--accent: #7371FC;--success: #10b981;--warning: #f5a524;--danger: #ef4444;--selection-bg: #111;--selection-text: #fff;--form-input-bg: var(--panel-2);--form-input-border: var(--border);--text-primary: var(--text);--text-muted: var(--muted);--text-faded: var(--faded);--bg-primary: var(--bg);--scroll-thumb: #ccc;--lavender-500: #7371FC;--radius-sm: 12px;--radius-lg: 24px;--shadow-lg: 0 20px 60px rgba(115,113,252,.14);--sidebar-bg: #FAFAFF;--sidebar-border: rgba(115,113,252,.12);--card-shadow: 0 8px 32px rgba(115,113,252,.1)}[data-theme=light] .admin-root .card:hover,[data-theme=light] .admin-root .stat:hover{box-shadow:var(--card-shadow)}.admin-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.admin-root a{color:inherit;text-decoration:none}.admin-root .sidebar-link{padding:10px 14px;border-radius:12px;color:var(--muted);font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.admin-root .sidebar-link:hover{background:var(--panel-2);color:var(--text)}.admin-root .sidebar-link.active{background:var(--panel-2);color:var(--accent)}.admin-root .card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:24px;padding:32px 36px;margin-bottom:20px;cursor:default;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.admin-root .card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--card-shadow)}.admin-root .stat{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:24px;padding:24px 28px;cursor:default;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.admin-root .stat:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--card-shadow)}.admin-root .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-root .stat{min-width:0}.admin-root .section-label{color:#7371fc}.admin-root .section-label:before{background:#7371fc}.admin-root .stat .section-label:before{display:none}.admin-root .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1100px){.admin-root .detail-grid{grid-template-columns:1fr!important}}.admin-root .table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-root .table th,.admin-root .table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border-light);white-space:nowrap}.admin-root .table th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.admin-root .table tr:last-child td{border-bottom:none}.admin-root .table tr{transition:background .2s cubic-bezier(.16,1,.3,1)}.admin-root .table tbody tr{cursor:pointer}.admin-root .table tbody tr:hover td{background:var(--panel-2)}.admin-root .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-root .table-wrap::-webkit-scrollbar{width:6px;height:6px}.admin-root .table-wrap::-webkit-scrollbar-track{background:var(--panel)}.admin-root .table-wrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px}.admin-root .pill{padding:6px 14px;border-radius:999px;border:1px solid var(--border);font-size:.75rem;font-weight:500;color:var(--muted);cursor:pointer;background:transparent;transition:all .3s}.admin-root .pill:hover{border-color:var(--border-hover);color:var(--text)}.admin-root .pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-root select,.admin-root textarea{width:100%;background:var(--panel-2);border:1.5px solid var(--border-light);color:var(--text);padding:.85rem 1rem;border-radius:16px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.admin-root select:hover,.admin-root textarea:hover{border-color:var(--border-hover)}.admin-root select:focus,.admin-root textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow)}.admin-root textarea{min-height:80px;resize:vertical}.admin-root input[type=checkbox]{accent-color:var(--primary)}.admin-root label:not(.label){font-size:.8rem;color:var(--text-primary);font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:8px}.admin-root .badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.admin-root .toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000;animation:toastIn .4s cubic-bezier(.16,1,.3,1);pointer-events:none;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.admin-root .toast-container.exiting{animation:none;opacity:0;transform:translate(-50%) translateY(-100%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.admin-root .toast{background:var(--panel);border:1px solid var(--border-light);border-radius:14px;padding:12px 16px;font-size:.875rem;color:var(--text);box-shadow:var(--card-shadow);-webkit-user-select:none;user-select:none;pointer-events:auto;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);cursor:default}.admin-root .toast:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--card-shadow)}.toast-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.toast-dot.success{background:var(--success)}.toast-dot.error{background:var(--danger)}.toast-dot.warning{background:var(--warning)}.toast-dot.info{background:var(--accent)}.toast-dot.normal{background:var(--muted)}.admin-root.login-page{font-family:Inter,sans-serif;background:var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-root .login-card{width:100%;max-width:400px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:24px;padding:40px}.admin-root .modal-overlay{box-sizing:border-box}.mobile-add-icon{display:inline-block}.mobile-add-label{display:inline}.admin-root .modal-card{background:var(--bg);box-sizing:border-box}.admin-root .modal-header,.admin-root .modal-body,.admin-root .modal-footer{padding:20px 24px}.admin-root .modal-footer{flex-wrap:wrap}.admin-root .modal-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--border-light)!important}.admin-root input[type=number]::-webkit-inner-spin-button,.admin-root input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.admin-root input[type=number]{-moz-appearance:textfield}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentOut{0%{opacity:1}to{opacity:0}}.modal-overlay.modal-enter{animation:modalFadeIn .2s ease forwards}.modal-overlay.modal-enter>*{animation:modalContentIn .2s ease forwards}.modal-overlay.modal-exit{animation:modalFadeOut .15s ease forwards}.modal-overlay.modal-exit>*{animation:modalContentOut .15s ease forwards}.admin-hamburger{background:var(--bg)}.admin-root .custom-select-options{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.admin-root .custom-select-trigger{font-family:Inter,sans-serif}.admin-root .flex-stack{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-root .flex-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-root .attachment-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);gap:8px}.admin-root .note-input-row{display:flex;gap:8px}.admin-hamburger{display:none;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;cursor:pointer;color:var(--text);line-height:0;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1);touch-action:manipulation}.admin-hamburger:hover{border-color:var(--border-hover)}.admin-hamburger svg{display:block}.admin-overlay{display:none}.admin-main h1{font-family:Anek Bangla,sans-serif!important;font-weight:800;letter-spacing:-.03em}.admin-main .page-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:6px}@media(min-width:769px){.admin-sidebar{transform:none!important}}@media(max-width:768px){.admin-sidebar{width:260px!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important}.admin-hamburger-row{margin-bottom:16px}.admin-hamburger{display:block}.admin-main{margin-left:0!important;margin-right:0!important;padding:24px 16px!important}.admin-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.admin-overlay.hidden{display:none}.admin-sidebar-toggle{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.admin-root .detail-grid,.admin-root .card .summary-grid{grid-template-columns:1fr!important}.order-detail-header{flex-direction:column;align-items:flex-start!important;gap:12px}.order-detail-header-actions{flex-wrap:wrap;gap:8px}.order-pricing-grid{grid-template-columns:1fr!important}.order-preview-row{flex-direction:column!important;align-items:flex-start!important}.order-attachment-row{flex-direction:column;align-items:flex-start!important;gap:8px!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:16px}.login-card{padding:36px 24px!important}.admin-root .card:not(.project-card){padding:24px 20px!important}.admin-root .stat{padding:24px 20px!important}.admin-root .toast-container{top:16px}.admin-root .flex-stack{flex-direction:column;align-items:stretch!important}.admin-root .flex-stack input{flex:none!important}.admin-root .modal-overlay{padding:8px!important}.admin-root .modal-card{margin:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;overflow:hidden!important}.admin-root .modal-header,.admin-root .modal-body,.admin-root .modal-footer{padding:16px!important}.admin-root .modal-grid{grid-template-columns:1fr!important}.admin-root .attachment-row{flex-direction:column;align-items:flex-start!important}.admin-root .note-input-row{flex-direction:column}.admin-root .note-input-row input{flex:none!important}.mobile-add-label{display:none}.mobile-add-icon{display:block!important}button.mobile-add-btn{position:fixed!important;bottom:20px!important;right:20px!important;left:auto!important;z-index:50!important;padding:0!important;width:52px!important;height:52px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d}.project-card>div:first-child>div{height:160px!important}.admin-root .preview-actions{flex-direction:column;align-items:stretch!important}.admin-root .preview-actions a,.admin-root .preview-actions button{justify-content:center;text-align:center;width:100%}.filter-row{flex-direction:column!important;align-items:stretch!important}.filter-row>*:not(.mobile-add-btn){width:100%!important;min-width:0!important}.filter-row>div{justify-content:center!important}.table th,.table td{white-space:nowrap!important}}@media(max-width:480px){.admin-main{padding:16px 12px!important}.stats-grid{grid-template-columns:1fr!important}.admin-main h1{font-size:1.25rem!important}.table th,.table td{padding:10px 12px!important;font-size:.75rem!important}.admin-root .table th{font-size:.6875rem!important}.admin-root .card:not(.project-card){padding:20px 16px!important}.admin-root .stat{padding:20px 16px!important}.login-card{padding:28px 20px!important}.login-card h1{font-size:1.25rem!important}.admin-root .modal-card{margin:4px!important;width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(100vh - 8px)!important;overflow:hidden!important}.admin-root .modal-header,.admin-root .modal-body,.admin-root .modal-footer{padding:12px!important}.admin-root .modal-overlay{padding:4px!important}.mobile-hide-table-toggle{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-root .avatar-action-btn,.admin-root .avatar-wrapper:hover .avatar-action-btn{opacity:1;pointer-events:auto}.admin-root .date-picker-wrapper{position:relative}.admin-root .date-picker-trigger{display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:.9rem;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;width:100%}.admin-root .date-picker-trigger:hover{border-color:var(--border-hover)}.admin-root .date-picker-trigger.open{border-color:var(--lavender-500);box-shadow:0 0 0 3px #7371fc1a}.admin-root .date-picker-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root .date-icon{width:18px;height:18px;color:var(--text-muted);transition:color .3s ease;flex-shrink:0;margin-left:8px}.admin-root .date-picker-trigger.open .date-icon{color:var(--lavender-500)}.admin-root .date-picker-calendar{position:fixed;width:320px;background:var(--bg);border:1.5px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.2rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.admin-root .date-picker-calendar.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.admin-root .date-picker-calendar.positioning{opacity:0;visibility:hidden;transform:none;transition:none}.admin-root .date-picker-calendar.up{transform:translateY(8px) scale(.96)}.admin-root .date-picker-calendar.up.open{transform:translateY(0) scale(1)}.admin-root .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-root .calendar-nav{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:inherit}.admin-root .calendar-nav:hover:not(.disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.admin-root .calendar-nav.disabled{opacity:.3;cursor:default}.admin-root .calendar-title{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.admin-root .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.admin-root .calendar-day-label{text-align:center;font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.8px;padding:.4rem 0}.admin-root .calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:500;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;border:1px solid transparent;transition:all .2s ease;font-family:inherit;background:transparent}.admin-root .calendar-day:hover:not(.disabled):not(.selected){background:var(--bg-hover);border-color:var(--border-hover)}.admin-root .calendar-day.selected{background:var(--lavender-500);color:#fff;font-weight:600;box-shadow:0 2px 8px #7371fc59}.admin-root .calendar-day.today{border-color:var(--lavender-500);color:var(--lavender-500);font-weight:600}.admin-root .calendar-day.today.selected{background:var(--lavender-500);color:#fff;border-color:var(--lavender-500)}.admin-root .calendar-day.disabled{color:var(--text-muted);opacity:.4;cursor:not-allowed}.admin-root .calendar-footer{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.admin-root .calendar-today-btn{font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;color:var(--lavender-500);background:none;border:none;cursor:pointer;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:all .2s ease}.admin-root .calendar-today-btn:hover{background:var(--bg-hover)}.admin-root .calendar-clear-btn{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:all .2s ease}.admin-root .calendar-clear-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-root .faq-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:16px;padding:16px 24px;flex-wrap:wrap}.admin-root .faq-pagination-controls{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-muted)}.admin-root .faq-pagination-buttons{display:flex;align-items:center;gap:6px}.admin-root .pag-btn{min-width:34px;height:34px;padding:0 .4rem;border-radius:8px;border:1.5px solid var(--border);background:var(--panel);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;line-height:1}.admin-root .pag-btn svg{width:16px;height:16px}.admin-root .pag-btn:hover:not(.active):not(:disabled){border-color:var(--border-hover);color:var(--text-primary);background:var(--panel-2);transform:translateY(-1px)}.admin-root .pag-btn.active{background:var(--lavender-500);border-color:var(--lavender-500);color:#fff;box-shadow:0 2px 8px #7371fc4d}.admin-root .pag-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.admin-root .pag-dots{font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-muted);letter-spacing:1px;padding:0 .2rem;-webkit-user-select:none;user-select:none}:root{--bg-primary: #ffffff;--bg-secondary: rgba(0,0,0,.01);--bg-tertiary: #FFFFFF;--bg-hover: #F5F3FF;--bg-card-hover: #F5F3FF;--text-primary: #0D0D1A;--text-secondary: #6B6B8A;--text-muted: #9B9BB5;--text-faded: #6B6B8A;--border: rgba(0,0,0,.08);--border-light: rgba(115,113,252,.12);--border-hover: rgba(115,113,252,.25);--card-shadow: 0 8px 32px rgba(115,113,252,.1);--dot-fill: #EEEEFF;--dot-outline: rgba(115,113,252,.25);--btn-primary-bg: #111111;--btn-primary-text: #ffffff;--btn-outline-border: rgba(0,0,0,.15);--btn-outline-bg-hover: rgba(0,0,0,.03);--icon-bg: #F5EFFF;--icon-text: #999999;--icon-text-hover: #111111;--deco-border: rgba(0,0,0,.06);--deco-bg: radial-gradient(circle, rgba(0,0,0,.03) 0%, transparent 70%);--scroll-thumb: #ccc;--selection-bg: #111;--selection-text: #fff;--project-bg-1: #f5f5f5;--project-bg-2: #fafafa;--project-bg-3: #f2f2f2;--project-bg-4: #f8f8f8;--project-bg-5: #f0f0f0;--project-bg-6: #f6f6f6;--quote-color: #ddd;--toggle-bg: #FFFFFF;--toggle-bg-hover: #F5F3FF;--mobile-menu-bg: rgba(255,255,255,.97);--focus-border-color: #7371FC;--focus-ring-shadow: 0 0 0 3px rgba(115,113,252,.1);--radius-md: 16px;--lavender-500: #7371FC;--bg: #ffffff;--bg-elevated: #ffffff;--bg-card: #FFFFFF;--shadow-lg: 0 20px 60px rgba(115,113,252,.14);--section-bg: #FFFFFF;--section-bg-alt: #FAFAFF;--success: #10b981;--danger: #ef4444;--danger-bg: rgba(239,68,68,.08);--danger-border: rgba(239,68,68,.4);--danger-text: #fca5a5;--warning: #F5A524;--warning-bg: rgba(245,165,36,.08);--warning-border: rgba(245,165,36,.2)}[data-theme=dark]{--bg-primary: #0D0D1A;--bg-secondary: rgba(255,255,255,.01);--bg-tertiary: rgba(255,255,255,.03);--bg-hover: rgba(115,113,252,.08);--bg-card-hover: rgba(115,113,252,.08);--text-primary: #F5F3FF;--text-secondary: rgba(245,243,255,.55);--text-muted: rgba(245,243,255,.35);--text-faded: rgba(245,243,255,.55);--border: rgba(255,255,255,.08);--border-light: rgba(165,148,249,.1);--border-hover: rgba(165,148,249,.2);--card-shadow: 0 8px 32px rgba(0,0,0,.3);--dot-fill: #242237;--dot-outline: rgba(165,148,249,.2);--btn-primary-bg: #ffffff;--btn-primary-text: #000000;--btn-outline-border: rgba(255,255,255,.15);--btn-outline-bg-hover: rgba(255,255,255,.05);--icon-bg: rgba(115,113,252,.12);--icon-text: #666666;--icon-text-hover: #ffffff;--deco-border: rgba(255,255,255,.04);--deco-bg: radial-gradient(circle, rgba(255,255,255,.03) 0%, transparent 70%);--scroll-thumb: #333;--selection-bg: #fff;--selection-text: #000;--project-bg-1: #1a1a1a;--project-bg-2: #111;--project-bg-3: #222;--project-bg-4: #181818;--project-bg-5: #1c1c1c;--project-bg-6: #151515;--quote-color: #333;--toggle-bg: rgba(255,255,255,.03);--toggle-bg-hover: rgba(115,113,252,.08);--mobile-menu-bg: rgba(10,10,10,.97);--bg: #0D0D1A;--bg-elevated: #141428;--bg-card: rgba(255,255,255,.03);--shadow-lg: 0 20px 60px rgba(0,0,0,.4);--section-bg: #0D0D1A;--section-bg-alt: #141428;--success: #10b981;--danger: #ef4444;--danger-bg: rgba(239,68,68,.08);--danger-border: rgba(239,68,68,.4);--danger-text: #fca5a5;--warning: #F5A524;--warning-bg: rgba(245,165,36,.08);--warning-border: rgba(245,165,36,.2)}[data-theme=dark] .skylar-logo>g>g>path:not([class]){fill:#fff}[data-theme=dark] .skylar-logo .st1{stroke:#fff;fill:#fff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1{line-height:1}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px}@keyframes fadeUp{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wa-tooltip-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}button{outline:none;border:none;cursor:pointer;font-family:inherit}button:focus-visible{outline:none}button *,a *{cursor:inherit}.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.4rem;border-radius:var(--radius-md);text-decoration:none;font-size:1rem;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #7371fc0f;cursor:pointer;font-family:Anek Bangla,sans-serif;line-height:1}.btn:hover{border-color:#7371fc40;transform:translateY(-2px);box-shadow:0 8px 32px #7371fc1a;background:var(--bg-hover)}[data-theme=dark] .btn{background:#ffffff08;color:#f5f3ff;box-shadow:0 2px 8px #0003}[data-theme=dark] .btn:hover{border-color:#a594f933;box-shadow:0 8px 32px #0000004d;background:#7371fc14}.btn.btn-primary{background:#7371fc;color:#fff;border-color:#7371fc;gap:.4rem}.btn.btn-primary:hover{background:#5b59e0;border-color:#5b59e0}.btn.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444;border:none;box-shadow:0 2px 8px #ef444440}.btn.btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444459}.btn.btn-warning{background:#f59e0b;color:#fff;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b40}.btn.btn-warning:hover{background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #f59e0b59}.btn svg{flex-shrink:0}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:0 2px 8px #7371fc0f;border-color:var(--border);background:var(--bg-card);color:var(--text-primary)}.btn.btn-primary:disabled:hover{background:#7371fc;border-color:#7371fc;color:#fff}.btn.btn-danger:disabled:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=dark] .btn:disabled:hover{background:#ffffff08;border-color:var(--border);box-shadow:0 2px 8px #0003}[data-theme=dark] .btn.btn-primary:disabled:hover{background:#7371fc;border-color:#7371fc}[data-theme=dark] .btn.btn-danger:disabled:hover{background:#ef4444;border-color:#ef4444}input[type=checkbox]{accent-color:var(--btn-primary-bg)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.85rem 1rem;border:1.5px solid rgba(115,113,252,.12);border-radius:16px;background:#fff;color:#0d0d1a;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#9b9bb5}.cp-input{background:#fff;border:1.5px solid rgba(115,113,252,.12);border-radius:10px;color:#0d0d1a;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.select-trigger:focus,.dropdown-trigger:focus,.cp-input:focus,[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .cp-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-ring-shadow);outline:none}.form-group textarea{min-height:120px;resize:vertical}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background:#0d0d1a;color:#f5f3ff;border-color:#a594f91a}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#f5f3ff59}[data-theme=dark] .cp-input{background:#0d0d1a;color:#f5f3ff;border-color:#a594f91a}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-primary);font-size:.9rem;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;transition:all .3s ease}.custom-select-trigger:hover{border-color:var(--border-hover)}.custom-select-trigger.active{border-color:var(--lavender-500);box-shadow:var(--focus-ring-shadow)}.custom-select-trigger.compact{padding:8px 12px;border-radius:8px;font-size:.8125rem}.custom-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-value.placeholder{color:var(--text-muted)}.custom-select-arrow{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-select-arrow.open{color:var(--lavender-500);transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:4px;background:var(--bg);border:1.5px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:100;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.custom-select-options.open{opacity:1;visibility:visible;transform:translateY(0);animation:dropdown-open .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropdown-open{0%{opacity:0;transform:var(--from-transform, translateY(-8px))}to{opacity:1;transform:translateY(0)}}.custom-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.88rem;font-family:inherit;cursor:pointer;transition:all .2s ease;gap:8px;text-align:left;border-radius:10px}.custom-select-option:hover{background:var(--bg-hover);color:var(--text-primary)}.custom-select-option.selected{color:var(--lavender-500);font-weight:600;background:var(--bg-hover)}.custom-select-group-label{padding:8px 14px 4px;font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.custom-select-option-separator{height:1px;background:var(--border);margin:4px 0}[dir=rtl] .custom-select-trigger,[dir=rtl] .custom-select-option{text-align:right}.anim-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#7371fc;margin-bottom:16px}.section-label:before{content:"";width:24px;height:1px;background:#7371fc}.label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.section-title{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;font-family:Anek Bangla,sans-serif;font-weight:700}.title-highlight{color:#7371fc}.hero-animation div{transform:translateY(0)}.hero-text{order:1}.hero-animation{order:2}.hero-section .container{padding:0}@media(max-width:1440px){.hero-section .container{padding:0 40px}}@media(max-width:1024px){.hero-section .container{padding:0 24px}}.section-subtitle{font-size:1.1rem;color:var(--text-faded);line-height:1.7;max-width:560px}.card-base{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:24px;padding:40px;cursor:default;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1)}.card-base:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--card-shadow)}.bento-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;color:var(--lavender-500);transition:all .3s ease}#services,#process,#contactez-nous{background:var(--section-bg-alt)}footer{background:var(--section-bg-alt)}.hero-section,#réalisations,#pricing,#contact{background:var(--section-bg)}section{overflow-x:hidden;width:100%}.cta-section{position:relative}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.upload-zone{border:1px dashed var(--border-hover);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--bg-tertiary);transition:all .2s ease}.upload-zone.dragging{border-color:var(--focus-border-color);background:var(--bg-hover)}.summary-card{background:var(--bg-card-hover);border:1px solid var(--border-light);border-radius:16px;padding:24px;margin-bottom:20px}.swatch-btn{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid var(--border-light);border-radius:14px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.swatch-btn:hover{border-color:var(--border-hover);transform:translateY(-1px)}.swatch-btn.active{border-color:var(--focus-border-color);box-shadow:var(--focus-ring-shadow)}.error-text{font-size:.75rem;color:var(--danger);margin-top:6px}.success-text{color:var(--success)}.alert-danger{padding:12px 16px;border-radius:12px;margin-bottom:20px;background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);font-size:.9rem}.summary-grid{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px;font-size:.9rem}[dir=rtl] .summary-grid{grid-template-columns:1fr minmax(120px,auto)}.summary-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}.hex-value{direction:ltr;unicode-bidi:isolate;font-family:Inter,monospace}[dir=rtl] a[href^="mailto:"],[dir=rtl] a[href^=http],[dir=rtl] .email-value,[dir=rtl] .latin-value{direction:ltr;unicode-bidi:isolate}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1024px){.process-grid{grid-template-columns:repeat(2,1fr)}.hero-text,.hero-animation{flex:1!important}}.cta-lottie{width:100%;max-width:340px;margin:0 auto}@keyframes priceFlash{0%{opacity:0;transform:translateY(10px) scale(.96)}60%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.price-flash{animation:priceFlash .45s cubic-bezier(.22,1,.36,1)}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}.nav-logo-wrapper{position:absolute!important;left:50%!important;transform:translate(-50%)!important}nav{padding:.8rem 1.5rem!important}nav .container{padding:0!important;max-width:100%!important}.container{padding:0 20px!important}section{overflow-x:hidden!important}.hero-layout{overflow-x:hidden!important}.process-grid{grid-template-columns:1fr;gap:16px}.process-arrow{display:none}.pricing-grid{grid-template-columns:1fr!important;gap:20px!important}.pricing-tab-header{flex-direction:column!important;align-items:center!important;gap:12px!important}.pricing-divider{display:none!important}.pricing-tab-buttons{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}.pricing-tab-header h3{text-align:center!important}.pricing-tab-buttons button{min-width:0!important;padding:12px!important;margin:0!important}.pricing-card{height:auto!important;min-height:0!important;padding:28px 22px!important}.pricing-card li{margin-bottom:6px!important;line-height:1.5!important;font-size:.85rem!important}.projects-grid,.services-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}.hero-section,#services,#réalisations,#process,#pricing,#contactez-nous,#contact{padding:64px 0!important}.gallery-padding{padding:96px 0 64px!important}.contact-grid{grid-template-columns:1fr!important;gap:40px!important}.contact-info-item{flex-wrap:wrap!important}.order-form-card{padding:24px 20px!important}.form-grid-2{grid-template-columns:1fr!important;gap:12px!important}.step-indicator>div>div{width:20px!important;height:20px!important;font-size:10px!important;flex-shrink:0!important;min-width:20px!important}.step-indicator>div>span{display:none!important}.step-indicator>div{gap:6px!important}.step-connector{margin:0 6px!important}.content-mode-grid{grid-template-columns:1fr!important}.summary-grid{grid-template-columns:1fr!important;gap:4px 0!important;text-align:left!important}.logo-upload{flex-wrap:wrap!important}.logo-upload img{margin-left:auto!important}.coupon-row{flex-wrap:wrap!important}.coupon-row input{min-width:0!important}.order-nav{flex-direction:column-reverse!important;gap:8px!important}.order-nav button{width:100%!important;justify-content:center!important;text-align:center!important}.invoice-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.hero-layout{flex-direction:column!important;gap:40px!important;text-align:center}.hero-text{flex:none!important;max-width:none!important;order:2!important;padding:0 10px}.hero-animation{flex:none!important;order:1!important;width:100%!important}.hero-animation>div{width:100%!important;transform:scale(1) translate(0)!important}.hero-title{font-size:clamp(2rem,8vw,3rem)!important}.hero-subtitle{font-size:1rem!important;max-width:none!important;margin-bottom:32px!important}.hero-buttons{justify-content:center!important}.hero-decoration-top,.deco-decoration-top{display:none!important}.hero-decoration-bottom,.deco-decoration-bottom{left:5%!important;width:120px!important;height:120px!important}.hero-animation div{transform:translateY(0)!important}.cta-card{padding:40px 24px!important}.cta-lottie{max-width:240px!important}.cta-inner{grid-template-columns:1fr!important}.cta-title{font-size:clamp(1.8rem,5vw,2.8rem)!important}.cta-desc{font-size:1rem!important}.cta-text{text-align:center!important}.cta-buttons{justify-content:center!important}.gallery-padding{padding:96px 0!important}.gallery-filters{gap:8px!important}.gallery-tabs{gap:4px!important;padding:4px!important}.gallery-tabs button{padding:8px 14px!important;font-size:.8rem!important}.gallery-grid{gap:16px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.gallery-pagination{gap:12px!important;flex-wrap:wrap!important}code,.container{word-break:break-word!important;overflow-wrap:break-word!important}}@media(max-width:480px){.hero-layout{gap:24px!important}.hero-decoration-bottom,.deco-decoration-bottom{width:100px!important;height:100px!important}.cta-card{padding:32px 16px!important}.cta-lottie{max-width:200px!important}.cta-desc{font-size:.95rem!important}.projects-grid,.services-grid{grid-template-columns:1fr!important}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}.footer-bottom{flex-direction:column!important;text-align:center!important}.client-summary-grid,.client-contact-grid{grid-template-columns:1fr!important}.hero-section,#services,#réalisations,#process,#pricing,#contactez-nous,#contact{padding:40px 0!important}.gallery-padding{padding:80px 0 48px!important}nav{padding:.7rem 1rem!important}.container{padding:0 16px!important}.contact-grid{gap:32px!important}.contact-info-list{gap:16px!important}.section-title{font-size:clamp(1.8rem,5vw,2.5rem)!important}.section-subtitle{font-size:1rem!important}.hero-text{padding:0!important}.hero-subtitle{margin-bottom:24px!important}.hero-buttons{gap:12px!important}}[dir=rtl] .section-label:before{margin-left:8px;margin-right:0}[dir=rtl] .sidebar-link svg{margin-left:10px;margin-right:0}[dir=rtl] input,[dir=rtl] textarea{text-align:right}
