@charset "UTF-8";@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=JetBrains+Mono:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}body{direction:rtl;text-align:right}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}input,textarea,select{font:inherit;border:none;outline:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}:focus{outline:none}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}legend{padding:0}img,svg{vertical-align:middle}html,body{overflow-x:hidden}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:IRANSans;src:url(/fonts/IRANSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IRANSans;src:url(/fonts/IRANSans-Regular.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IRANSans;src:url(/fonts/IRANSans-Regular.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);direction:rtl;text-align:right}h1,.heading-1{font-size:var(--text-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-8);color:var(--text-primary);letter-spacing:-.025em}h2,.heading-2{font-size:var(--text-5xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-6);color:var(--text-primary);letter-spacing:-.025em}h3,.heading-3{font-size:var(--text-4xl);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-5);color:var(--text-primary);letter-spacing:-.025em}h4,.heading-4{font-size:var(--text-3xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-4);color:var(--text-primary)}h5,.heading-5{font-size:var(--text-2xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-3);color:var(--text-primary)}h6,.heading-6{font-size:var(--text-xl);font-weight:600;line-height:1.5;margin-bottom:var(--spacing-2);color:var(--text-primary)}.heading-display{font-size:4.5rem;font-weight:900;line-height:1;margin-bottom:var(--spacing-8);color:var(--text-primary);letter-spacing:-.05em}.heading-hero{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-6);color:var(--text-primary);letter-spacing:-.025em}p{margin-bottom:var(--spacing-4);line-height:1.7;color:var(--text-secondary)}.text-display{font-size:var(--text-6xl);font-weight:900;line-height:1.1;color:var(--text-primary);letter-spacing:-.025em}.text-hero{font-size:var(--text-5xl);font-weight:800;line-height:1.2;color:var(--text-primary);letter-spacing:-.025em}.text-large{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary)}.text-base{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.text-small{font-size:var(--text-sm);line-height:1.6;color:var(--text-tertiary)}.text-xs{font-size:var(--text-xs);line-height:1.5;color:var(--text-tertiary)}.text-lead{font-size:var(--text-xl);font-weight:500;line-height:1.6;color:var(--text-primary)}.text-caption{font-size:var(--text-xs);font-weight:500;line-height:1.4;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);background:var(--bg-tertiary);padding:.125rem .25rem;border-radius:var(--radius-sm)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary-color{color:var(--primary-color)}.text-secondary-color{color:var(--secondary-color)}.text-accent-color{color:var(--accent-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-main{color:var(--text-primary)}.text-muted{color:var(--text-secondary)}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.text-justify{text-align:justify}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}ul,ol{margin-bottom:var(--spacing-4);padding-right:var(--spacing-6)}li{margin-bottom:var(--spacing-1)}code{font-family:Courier New,monospace;background-color:var(--gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.9em}pre{background-color:var(--gray-100);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--spacing-4)}pre code{background:none;padding:0}blockquote{border-right:4px solid var(--primary-color);padding:var(--spacing-4);margin:var(--spacing-4) 0;background-color:var(--gray-50);border-radius:var(--radius-md);font-style:italic}hr{border:none;height:1px;background-color:var(--gray-200);margin:var(--spacing-8) 0}@media(min-width:768px){h1,.heading-1{font-size:3rem}h2,.heading-2{font-size:2.5rem}h3,.heading-3{font-size:2rem}}@media(max-width:576px){h1,.heading-1{font-size:2rem}h2,.heading-2{font-size:1.75rem}h3,.heading-3{font-size:1.5rem}}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-12{grid-column:span 12 / span 12}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-auto{margin-right:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-primary{background-color:var(--bg-primary)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-fast)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}@media(min-width:576px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-6{padding:var(--spacing-6)}.md\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media(min-width:992px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.btn-primary{background-color:#ff7a00;color:#fff}.btn-primary:hover:not(:disabled):not(.btn-loading){background-color:#e66a00;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-primary:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-primary:focus-visible{outline:2px solid #FF9533;outline-offset:2px}.btn-secondary{background-color:#28c77b;color:#fff}.btn-secondary:hover:not(:disabled):not(.btn-loading){background-color:#22b36b;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-secondary:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-secondary:focus-visible{outline:2px solid #4DD48F;outline-offset:2px}.btn-outline{background-color:transparent;color:#ff7a00;border:2px solid #FF7A00}.btn-outline:hover:not(:disabled):not(.btn-loading){background-color:#ff7a00;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-outline:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-outline:focus-visible{outline:2px solid #FF9533;outline-offset:2px}.btn-ghost{background-color:transparent;color:#444}.btn-ghost:hover:not(:disabled):not(.btn-loading){background-color:#f5f5f5;color:#333}.btn-ghost:active:not(:disabled):not(.btn-loading){background-color:#e8e8e8}.btn-ghost:focus-visible{outline:2px solid #999999;outline-offset:2px}.btn-danger{background-color:#f44;color:#fff}.btn-danger:hover:not(:disabled):not(.btn-loading){background-color:#f11;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-danger:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-danger:focus-visible{outline:2px solid #ffaaaa;outline-offset:2px}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-md{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.btn-group .btn:last-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.btn-group .btn:not(:last-child){border-left:1px solid rgba(255,255,255,.2)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#444;margin-bottom:.5rem}.form-label .required{color:#f44;margin-right:.25rem}.form-input{width:100%;padding:.75rem;font-size:1rem;font-family:Inter,Vazirmatn,IRANSans,Arial,sans-serif;border:2px solid #CCCCCC;border-radius:.5rem;transition:all .15s ease-in-out;background-color:#fff;min-height:44px;color:#0f172a}.form-input::placeholder{color:#999;opacity:1}.form-input:focus{outline:none;border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a}.form-input.form-input-error,.form-input:invalid{border-color:#f44}.form-input.form-input-error:focus,.form-input:invalid:focus{box-shadow:0 0 0 3px #ff44441a}.form-input.form-input-success{border-color:#28c77b}.form-input.form-input-success:focus{box-shadow:0 0 0 3px #28c77b1a}.form-input:disabled,.form-input.form-input-disabled{background-color:#f5f5f5;color:#777;cursor:not-allowed;border-color:#e8e8e8}.form-input:disabled::placeholder,.form-input.form-input-disabled::placeholder{color:#999}.form-input:read-only{background-color:#fff9f3;cursor:default}.form-textarea{resize:vertical;min-height:120px;line-height:1.5;font-family:Inter,Vazirmatn,IRANSans,Arial,sans-serif}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:left .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-left:2.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FF7A00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.form-checkbox{width:18px;height:18px;border:2px solid #CCCCCC;border-radius:.25rem;background-color:#fff;cursor:pointer;transition:all .15s ease-in-out}.form-checkbox:checked{background-color:#ff7a00;border-color:#ff7a00;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e")}.form-checkbox:focus{outline:2px solid #FF7A00;outline-offset:2px}.form-checkbox:disabled{background-color:#f5f5f5;border-color:#e8e8e8;cursor:not-allowed}.form-radio{width:18px;height:18px;border:2px solid #CCCCCC;border-radius:9999px;background-color:#fff;cursor:pointer;transition:all .15s ease-in-out}.form-radio:checked{background-color:#ff7a00;border-color:#ff7a00;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.form-radio:focus{outline:2px solid #FF7A00;outline-offset:2px}.form-radio:disabled{background-color:#f5f5f5;border-color:#e8e8e8;cursor:not-allowed}.input-wrapper{position:relative}.input-wrapper.has-icon-right .form-input{padding-left:2.5rem}.input-wrapper.has-icon-right .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#999;width:18px;height:18px;pointer-events:none}.input-wrapper.has-icon-left .form-input{padding-right:2.5rem}.input-wrapper.has-icon-left .input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#999;width:18px;height:18px;pointer-events:none}.form-error{color:#f44;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-error .icon{width:14px;height:14px;flex-shrink:0}.form-success{color:#28c77b;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-success .icon{width:14px;height:14px;flex-shrink:0}.form-help{color:#777;font-size:.875rem;margin-top:.25rem}.form-sm .form-input,.form-sm .form-select,.form-sm .form-textarea{padding:.5rem .75rem;font-size:.875rem;min-height:36px}.form-sm .form-label{font-size:.75rem}.form-lg .form-input,.form-lg .form-select,.form-lg .form-textarea{padding:1rem 1.5rem;font-size:1.125rem;min-height:52px}.form-lg .form-label{font-size:1rem}.form-horizontal .form-group{display:flex;align-items:flex-start;gap:1rem}.form-horizontal .form-group .form-label{flex-shrink:0;width:120px;margin-bottom:0;padding-top:.75rem}.form-horizontal .form-group .form-field{flex:1}.form-inline{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.form-inline .form-group{margin-bottom:0;flex:1;min-width:200px}.input-group{display:flex}.input-group .form-input{border-radius:0}.input-group .form-input:first-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.input-group .form-input:last-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.input-group .form-input:not(:last-child){border-left:none}.input-group .form-input:focus{z-index:1;position:relative}.input-group .input-group-text{display:flex;align-items:center;padding:.75rem;background-color:#f5f5f5;border:2px solid #CCCCCC;color:#555;font-size:.875rem;white-space:nowrap}.input-group .input-group-text:first-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-left:none}.input-group .input-group-text:last-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-right:none}@media(min-width:576px){.form-horizontal .form-group{flex-direction:column}.form-horizontal .form-group .form-label{width:auto;padding-top:0;margin-bottom:.5rem}.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{min-width:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn{position:relative;overflow:hidden;font-weight:600;letter-spacing:.025em;text-transform:none}.btn:disabled,.btn.btn-disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.btn-loading{position:relative;color:transparent!important}.btn.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#ff7a00,#e66a00);color:#fff;border:none;box-shadow:0 4px 15px #ff7a0066}.btn-primary:hover:not(:disabled):not(.btn-loading){background:linear-gradient(135deg,#ff871a,#ff7a00);transform:translateY(-2px);box-shadow:0 8px 25px #ff7a0099}.btn-primary:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 4px 15px #ff7a0066}.btn-primary:focus-visible{outline:3px solid rgba(255,122,0,.3);outline-offset:2px}.btn-secondary{background:linear-gradient(135deg,#28c77b,#22b36b);color:#fff;border:none;box-shadow:0 4px 15px #28c77b66}.btn-secondary:hover:not(:disabled):not(.btn-loading){background:linear-gradient(135deg,#33d688,#28c77b);transform:translateY(-2px);box-shadow:0 8px 25px #28c77b99}.btn-secondary:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 4px 15px #28c77b66}.btn-secondary:focus-visible{outline:3px solid rgba(40,199,123,.3);outline-offset:2px}.btn-outline{background:transparent;color:#ff7a00;border:2px solid #FF7A00;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,122,0,.1),transparent);transition:left .5s}.btn-outline:hover:not(:disabled):not(.btn-loading){background:#ff7a00;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ff7a004d}.btn-outline:hover:not(:disabled):not(.btn-loading):before{left:100%}.btn-outline:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 4px 15px #ff7a0033}.btn-outline:focus-visible{outline:3px solid rgba(255,122,0,.3);outline-offset:2px}.btn-ghost{background:transparent;color:#444;border:2px solid transparent;position:relative}.btn-ghost:hover:not(:disabled):not(.btn-loading){background:#f5f5f5cc;color:#333;border-color:#e8e8e8;transform:translateY(-1px);box-shadow:0 4px 15px #9993}.btn-ghost:active:not(:disabled):not(.btn-loading){background:#e8e8e8cc;transform:translateY(0)}.btn-ghost:focus-visible{outline:3px solid rgba(153,153,153,.3);outline-offset:2px}.btn-danger{background:linear-gradient(135deg,#f44,#f11);color:#fff;border:none;box-shadow:0 4px 15px #f446}.btn-danger:hover:not(:disabled):not(.btn-loading){background:linear-gradient(135deg,#ff5e5e,#f44);transform:translateY(-2px);box-shadow:0 8px 25px #f449}.btn-danger:active:not(:disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 4px 15px #f446}.btn-danger:focus-visible{outline:3px solid rgba(255,68,68,.3);outline-offset:2px}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px;border-radius:.375rem}.btn-sm.btn-loading:after{width:14px;height:14px}.btn-md{padding:.75rem 1.5rem;font-size:1rem;min-height:44px;border-radius:.5rem}.btn-md.btn-loading:after{width:16px;height:16px}.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-height:52px;border-radius:.75rem}.btn-lg.btn-loading:after{width:18px;height:18px}.btn-full{width:100%}.btn-circle{border-radius:9999px;padding:.75rem;width:44px;height:44px}.btn-circle.btn-sm{width:36px;height:36px;padding:.5rem}.btn-circle.btn-lg{width:52px;height:52px;padding:1rem}.btn-icon{display:inline-flex;align-items:center;gap:.5rem}.btn-icon .icon{width:16px;height:16px;flex-shrink:0}.btn-icon.btn-sm .icon{width:14px;height:14px}.btn-icon.btn-lg .icon{width:18px;height:18px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(min-width:576px){.btn-group{flex-direction:column}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-right-radius:.5rem;border-top-left-radius:.5rem;border-bottom-right-radius:0}.btn-group .btn:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;border-top-left-radius:0}.btn-group .btn:not(:last-child){border-left:none;border-bottom:1px solid rgba(255,255,255,.2)}}.card{background:#fff;border-radius:1rem;border:1px solid rgba(232,232,232,.8);overflow:hidden;transition:all .3s ease-in-out;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#ff7a0033}.card.card-glass{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.card.card-gradient{position:relative;background:#fff}.card.card-gradient:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(135deg,#ff7a00,#28c77b,#40bfff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.card-header{padding:1.5rem;border-bottom:1px solid rgba(232,232,232,.6);background:linear-gradient(135deg,#fff9f3cc,#f5f5f566);position:relative}.card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#FF7A00,transparent);opacity:.3}.card-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-2);color:var(--text-primary);background:linear-gradient(135deg,#0f172a,#ff7a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;font-weight:500}.card-body{padding:1.5rem;position:relative}.card-body .card-content{animation:fadeInUp .6s ease-out}.card-footer{padding:1.5rem;border-top:1px solid rgba(232,232,232,.6);background:linear-gradient(135deg,#fff9f366,#f5f5f533);display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.card-stats{background:linear-gradient(135deg,#fff,#ff7a0005);border:1px solid rgba(255,122,0,.1)}.card-stats .card-header{background:linear-gradient(135deg,#ff7a000d,#ff7a001a);border-bottom-color:#ff7a0033}.card-stats .stat-number{font-size:2.5rem;font-weight:800;color:#ff7a00;line-height:1}.card-stats .stat-label{color:#64748b;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card-feature{background:linear-gradient(135deg,#fff,#28c77b05);border:1px solid rgba(40,199,123,.1)}.card-feature .feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#28c77b,#22b36b);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 20px #28c77b4d}.card-pricing{background:linear-gradient(135deg,#fff,#40bfff05);border:2px solid rgba(64,191,255,.2);position:relative}.card-pricing.featured{border-color:#40bfff;transform:scale(1.05);box-shadow:0 20px 40px #40bfff33}.card-pricing.featured:before{content:"محبوب";position:absolute;top:-10px;right:20px;background:#40bfff;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.card-pricing .price{font-size:3rem;font-weight:800;color:#40bfff;line-height:1}.card-pricing .price-period{color:#64748b;font-size:.875rem}.card-padding-none .card-header,.card-padding-none .card-body,.card-padding-none .card-footer{padding:0}.card-padding-sm .card-header,.card-padding-sm .card-body,.card-padding-sm .card-footer{padding:1rem}.card-padding-lg .card-header,.card-padding-lg .card-body,.card-padding-lg .card-footer{padding:2rem}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 2px 8px #0000000d}.shadow-md{box-shadow:0 4px 16px #00000014}.shadow-lg{box-shadow:0 8px 32px #0000001f}.shadow-xl{box-shadow:0 16px 64px #00000029}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(min-width:576px){.card{border-radius:.75rem}.card-header,.card-body,.card-footer{padding:1rem}.card-pricing.featured{transform:none}}.glass-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;border-radius:1rem;transition:all .3s ease-in-out}.glass-card:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d}.glass-button{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);transition:all .15s ease-in-out}.glass-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.neomorphic{background:#e0e5ec;border-radius:1rem;box-shadow:20px 20px 60px #babecc,-20px -20px 60px #fff;transition:all .3s ease-in-out}.neomorphic:hover{box-shadow:25px 25px 70px #babecc,-25px -25px 70px #fff;transform:translateY(-2px)}.neomorphic:active{box-shadow:inset 20px 20px 60px #babecc,inset -20px -20px 60px #fff;transform:translateY(0)}.neomorphic-inset{background:#e0e5ec;border-radius:1rem;box-shadow:inset 20px 20px 60px #babecc,inset -20px -20px 60px #fff;transition:all .3s ease-in-out}.neomorphic-inset:hover{box-shadow:inset 25px 25px 70px #babecc,inset -25px -25px 70px #fff}.gradient-mesh{background:radial-gradient(circle at 20% 80%,rgba(255,122,0,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(40,199,123,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(64,191,255,.3) 0%,transparent 50%),linear-gradient(135deg,#fafafa,#f8fafc);position:relative;overflow:hidden}.gradient-mesh:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,rgba(139,92,246,.2) 0%,transparent 40%),radial-gradient(circle at 30% 70%,rgba(236,72,153,.2) 0%,transparent 40%);animation:gradientShift 8s ease-in-out infinite}.gradient-mesh-dark{background:radial-gradient(circle at 20% 80%,rgba(255,122,0,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(40,199,123,.4) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(64,191,255,.4) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#020617);position:relative;overflow:hidden}.gradient-mesh-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,rgba(139,92,246,.3) 0%,transparent 40%),radial-gradient(circle at 30% 70%,rgba(236,72,153,.3) 0%,transparent 40%);animation:gradientShift 8s ease-in-out infinite}.liquid-card{background:linear-gradient(135deg,#ff7a001a,#28c77b1a,#40bfff1a);border-radius:1rem;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.liquid-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:liquidFlow 3s ease-in-out infinite}.holographic{background:linear-gradient(45deg,#ff7a00,#28c77b,#40bfff,#8b5cf6,#ec4899);background-size:400% 400%;animation:holographicShift 3s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.holographic-border{position:relative;background:#fafafa;border-radius:1rem}.holographic-border:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(45deg,#ff7a00,#28c77b,#40bfff,#8b5cf6,#ec4899);background-size:400% 400%;animation:holographicShift 3s ease-in-out infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}@keyframes gradientShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(20px) translateY(-20px)}50%{transform:translate(-20px) translateY(20px)}75%{transform:translate(20px) translateY(20px)}}@keyframes holographicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes liquidFlow{0%{transform:translate(-100%) translateY(-100%) rotate(0)}to{transform:translate(100%) translateY(100%) rotate(360deg)}}@media(min-width:576px){.glass-card,.neomorphic,.gradient-mesh{border-radius:.75rem}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}.glass-card,.neomorphic,.gradient-mesh,.liquid-card,.holographic{will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-theme=dark] .neomorphic{background:#1e293b;box-shadow:20px 20px 60px #0f172a,-20px -20px 60px #334155}[data-theme=dark] .neomorphic-inset{background:#1e293b;box-shadow:inset 20px 20px 60px #0f172a,inset -20px -20px 60px #334155}[data-theme=dark] .glass-card{background:#0f172a1a;border-color:#ffffff1a}[data-theme=dark]{--primary-color: #818CF8;--primary-dark: #6366F1;--primary-light: #A5B4FC;--primary-50: #1E1B4B;--primary-900: #C7D2FE;--secondary-color: #34D399;--secondary-dark: #10B981;--secondary-light: #6EE7B7;--secondary-50: #064E3B;--secondary-900: #A7F3D0;--accent-color: #FBBF24;--accent-dark: #F59E0B;--accent-light: #FCD34D;--accent-50: #78350F;--accent-900: #FEF3C7;--purple-color: #A78BFA;--purple-dark: #8B5CF6;--purple-light: #C4B5FD;--pink-color: #F472B6;--pink-dark: #EC4899;--pink-light: #F9A8D4;--cyan-color: #22D3EE;--cyan-dark: #06B6D4;--cyan-light: #67E8F9;--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-dark: #020617;--bg-darker: #000000;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-inverse: #0F172A;--success-color: #34D399;--warning-color: #FBBF24;--error-color: #F87171;--info-color: #22D3EE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .card{background:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .card.card-glass{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#ffffff1a}[data-theme=dark] .card.card-gradient{background:var(--bg-secondary)}[data-theme=dark] .card.card-gradient:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color))}[data-theme=dark] .btn.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--bg-primary);box-shadow:0 4px 15px #818cf866}[data-theme=dark] .btn.btn-primary:hover:not(:disabled):not(.btn-loading){background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);box-shadow:0 8px 25px #818cf899}[data-theme=dark] .btn.btn-secondary{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color:var(--bg-primary);box-shadow:0 4px 15px #34d39966}[data-theme=dark] .btn.btn-secondary:hover:not(:disabled):not(.btn-loading){background:linear-gradient(135deg,var(--secondary-light) 0%,var(--secondary-color) 100%);box-shadow:0 8px 25px #34d39999}[data-theme=dark] .btn.btn-outline{color:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .btn.btn-outline:hover:not(:disabled):not(.btn-loading){background:var(--primary-color);color:var(--bg-primary)}[data-theme=dark] .btn.btn-ghost{color:var(--text-secondary)}[data-theme=dark] .btn.btn-ghost:hover:not(:disabled):not(.btn-loading){background:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .form-input{background:var(--bg-tertiary);border-color:#fff3;color:var(--text-primary)}[data-theme=dark] .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #818cf81a}[data-theme=dark] .form-label{color:var(--text-primary)}[data-theme=dark] .form-error{color:var(--error-color)}[data-theme=dark] .form-help{color:var(--text-tertiary)}[data-theme=dark] .night-glow{box-shadow:0 0 20px #818cf84d,0 0 40px #818cf833,0 0 60px #818cf81a;transition:all .3s ease-in-out}[data-theme=dark] .night-glow:hover{box-shadow:0 0 30px #818cf866,0 0 60px #818cf84d,0 0 90px #818cf833}[data-theme=dark] .night-glow-secondary{box-shadow:0 0 20px #34d3994d,0 0 40px #34d39933,0 0 60px #34d3991a}[data-theme=dark] .night-glow-secondary:hover{box-shadow:0 0 30px #34d39966,0 0 60px #34d3994d,0 0 90px #34d39933}[data-theme=dark] .night-glow-accent{box-shadow:0 0 20px #fbbf244d,0 0 40px #fbbf2433,0 0 60px #fbbf241a}[data-theme=dark] .night-glow-accent:hover{box-shadow:0 0 30px #fbbf2466,0 0 60px #fbbf244d,0 0 90px #fbbf2433}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] .heading-1,[data-theme=dark] .heading-2,[data-theme=dark] .heading-3,[data-theme=dark] .heading-4,[data-theme=dark] .heading-5,[data-theme=dark] .heading-6{color:var(--text-primary)}[data-theme=dark] p,[data-theme=dark] .text-base,[data-theme=dark] .text-large,[data-theme=dark] .text-small{color:var(--text-secondary)}[data-theme=dark] .text-muted{color:var(--text-tertiary)}[data-theme=dark] a{color:var(--primary-color)}[data-theme=dark] a:hover{color:var(--primary-light)}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] blockquote{background-color:var(--bg-tertiary);border-right-color:var(--primary-color);color:var(--text-secondary)}[data-theme=dark] hr{background-color:#ffffff1a}*{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}.theme-toggle{position:fixed;top:20px;left:20px;z-index:1000;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:9999px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out;box-shadow:var(--shadow-md)}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{width:20px;height:20px;transition:all .15s ease-in-out}.theme-toggle .sun-icon{color:#f59e0b}.theme-toggle .moon-icon{color:#6366f1}[data-theme=dark] .theme-toggle{background:var(--bg-primary);border-color:#fff3}@media(min-width:576px){.theme-toggle{top:15px;left:15px;width:45px;height:45px}.theme-toggle .sun-icon,.theme-toggle .moon-icon{width:18px;height:18px}}.micro-bounce{transition:transform .15s ease-in-out}.micro-bounce:hover{animation:micro-bounce .6s ease-in-out}.micro-scale{transition:transform .15s ease-in-out}.micro-scale:hover{transform:scale(1.05)}.micro-scale:active{transform:scale(.95)}.micro-rotate{transition:transform .15s ease-in-out}.micro-rotate:hover{transform:rotate(5deg)}.micro-tilt{transition:transform .15s ease-in-out}.micro-tilt:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}.stagger-container .stagger-item{opacity:0;transform:translateY(30px);animation:slideInUp .6s ease-out forwards}.stagger-container .stagger-item:nth-child(1){animation-delay:.1s}.stagger-container .stagger-item:nth-child(2){animation-delay:.2s}.stagger-container .stagger-item:nth-child(3){animation-delay:.3s}.stagger-container .stagger-item:nth-child(4){animation-delay:.4s}.stagger-container .stagger-item:nth-child(5){animation-delay:.5s}.stagger-container .stagger-item:nth-child(6){animation-delay:.6s}.stagger-container .stagger-item:nth-child(7){animation-delay:.7s}.stagger-container .stagger-item:nth-child(8){animation-delay:.8s}.stagger-container .stagger-item:nth-child(9){animation-delay:.9s}.stagger-container .stagger-item:nth-child(10){animation-delay:1s}.stagger-fade .stagger-item{opacity:0;animation:fadeIn .6s ease-out forwards}.stagger-fade .stagger-item:nth-child(1){animation-delay:.1s}.stagger-fade .stagger-item:nth-child(2){animation-delay:.15s}.stagger-fade .stagger-item:nth-child(3){animation-delay:.2s}.stagger-fade .stagger-item:nth-child(4){animation-delay:.25s}.stagger-fade .stagger-item:nth-child(5){animation-delay:.3s}.stagger-slide .stagger-item{opacity:0;transform:translate(-30px);animation:slideInRight .6s ease-out forwards}.stagger-slide .stagger-item:nth-child(1){animation-delay:.1s}.stagger-slide .stagger-item:nth-child(2){animation-delay:.2s}.stagger-slide .stagger-item:nth-child(3){animation-delay:.3s}.stagger-slide .stagger-item:nth-child(4){animation-delay:.4s}.stagger-slide .stagger-item:nth-child(5){animation-delay:.5s}.parallax-container{perspective:1000px;overflow-x:hidden;overflow-y:auto}.parallax-element{transform:translateZ(0);will-change:transform;transition:transform .1s ease-out}.parallax-slow{transform:translateZ(-2px) scale(1.1)}.parallax-medium{transform:translateZ(-1px) scale(1.05)}.parallax-fast{transform:translateZ(0) scale(1)}.morph-button{position:relative;overflow:hidden;transition:all .3s ease-in-out}.morph-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.morph-button:hover:before{left:100%}.morph-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}.morph-card{transition:all .3s ease-in-out;cursor:pointer}.morph-card:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) scale(1.02);box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff1a}.loading-dots{display:inline-flex;gap:4px}.loading-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-bounce{animation:bounce 1s infinite}.hover-lift{transition:all .3s ease-in-out}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.hover-glow{transition:all .3s ease-in-out}.hover-glow:hover{box-shadow:0 0 20px #6366f166}.hover-rotate{transition:all .3s ease-in-out}.hover-rotate:hover{transform:rotate(5deg) scale(1.05)}.hover-skew{transition:all .3s ease-in-out}.hover-skew:hover{transform:skew(-5deg) scale(1.02)}.text-reveal{overflow:hidden}.text-reveal .text-reveal-content{transform:translateY(100%);animation:textReveal .8s ease-out forwards}.text-typewriter{overflow:hidden;border-right:2px solid var(--primary-color);white-space:nowrap;animation:typewriter 3s steps(40,end),blink .75s step-end infinite}.text-gradient-animate{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--purple-color));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.scroll-fade-in{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translate(-50px);transition:all .8s ease-out}.scroll-slide-left.is-visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(50px);transition:all .8s ease-out}.scroll-slide-right.is-visible{opacity:1;transform:translate(0)}.scroll-scale{opacity:0;transform:scale(.8);transition:all .8s ease-out}.scroll-scale.is-visible{opacity:1;transform:scale(1)}@keyframes micro-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@keyframes textReveal{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:var(--primary-color)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.parallax-element,.micro-bounce,.micro-scale,.hover-lift,.hover-glow{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(min-width:576px){.parallax-slow,.parallax-medium,.parallax-fast,.hover-rotate:hover,.hover-skew:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.parallax-element{transform:none!important}}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);position:relative;overflow:hidden}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);position:relative}.auth-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.auth-main{width:100%;max-width:420px;position:relative;z-index:1}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.auth-logo h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.auth-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.auth-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.auth-form .form-group{margin-bottom:var(--spacing-6)}.auth-form .form-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.auth-form .form-label .label-icon{width:16px;height:16px;color:var(--text-secondary)}.auth-form .input-wrapper{position:relative}.auth-form .input-wrapper .form-input{width:100%;padding:var(--spacing-4);padding-left:var(--spacing-12);font-size:var(--text-base);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;transition:all var(--transition-fast);min-height:48px}.auth-form .input-wrapper .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.auth-form .input-wrapper .form-input.form-input-error{border-color:var(--error-color);box-shadow:0 0 0 3px #ff44441a}.auth-form .input-wrapper .form-input::placeholder{color:var(--text-tertiary)}.auth-form .input-wrapper .input-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.auth-form .input-wrapper .input-icon.password-toggle{left:auto;right:var(--spacing-4);pointer-events:all;cursor:pointer;transition:color var(--transition-fast)}.auth-form .input-wrapper .input-icon.password-toggle:hover{color:var(--text-secondary)}.auth-form .form-error{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--error-color)}.auth-form .form-error .icon{width:16px;height:16px;flex-shrink:0}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-3)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox-wrapper .checkbox-input{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:all var(--transition-fast)}.checkbox-wrapper .checkbox-input:checked{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e")}.checkbox-wrapper .checkbox-input:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.checkbox-wrapper .checkbox-label{font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.forgot-link{font-size:var(--text-sm);color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.auth-form .btn{margin-bottom:var(--spacing-6);position:relative}.auth-form .btn.btn-loading .btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-divider{position:relative;text-align:center;margin:var(--spacing-6) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-200)}.auth-divider span{background:#fff;padding:0 var(--spacing-4);font-size:var(--text-sm);color:var(--text-tertiary);position:relative;z-index:1}.social-login .btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.social-login .btn .btn-icon{width:20px;height:20px}.auth-footer{text-align:center;margin-top:var(--spacing-6)}.auth-footer p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.auth-footer .auth-link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-footer .auth-link:hover{color:var(--primary-dark);text-decoration:underline}@media(max-width:480px){.auth-container{padding:var(--spacing-2)}.auth-card{padding:var(--spacing-6)}.auth-title{font-size:var(--text-2xl)}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}}.auth-card{animation:slideUp .6s ease-out}[data-theme=dark] .auth-page{background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%)}[data-theme=dark] .auth-card{background:#0f172af2;border-color:#ffffff1a}[data-theme=dark] .form-input{background:var(--bg-dark);border-color:var(--gray-600);color:var(--text-inverse)}[data-theme=dark] .form-input:focus{border-color:var(--primary-color)}[data-theme=dark] .form-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .auth-divider span{background:var(--bg-dark)}@media(prefers-reduced-motion:reduce){.auth-card{animation:none}*{transition:none!important}}.form-input:focus-visible,.btn:focus-visible,.checkbox-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.auth-card{border:2px solid var(--text-primary)}.form-input{border-width:2px}}.error-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);position:relative;overflow:hidden}.error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);position:relative}.error-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.error-main{width:100%;max-width:600px;position:relative;z-index:1}.error-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;text-align:center}.error-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.error-illustration{margin-bottom:var(--spacing-8);display:flex;justify-content:center;align-items:center}.error-illustration svg{max-width:200px;height:auto}.error-content .error-code{font-size:var(--text-6xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0 0 var(--spacing-4) 0;line-height:1;text-shadow:0 2px 4px rgba(99,102,241,.1)}.error-content .error-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.error-content .error-description{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--spacing-8) 0;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-8);flex-wrap:wrap}.error-actions .btn{display:flex;align-items:center;gap:var(--spacing-2);min-width:180px}.error-actions .btn .btn-icon{width:20px;height:20px}.success-message{text-align:center}.success-message .success-icon{width:80px;height:80px;margin:0 auto var(--spacing-6) auto;background:var(--secondary-50);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.success-message .success-icon svg{width:40px;height:40px;color:var(--secondary-color)}.success-message .success-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.success-message .success-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0;line-height:1.6}.success-message .success-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.success-message .success-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.success-message .success-actions .btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.error-help{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}.error-help h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.error-help .help-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.error-help .help-links li a{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.error-help .help-links li a:hover{color:var(--primary-dark);text-decoration:underline}.error-support{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}.error-support h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.error-support p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--spacing-4) 0}.error-support .support-contacts{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center}.error-support .support-contacts .support-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.error-support .support-contacts .support-link svg{width:18px;height:18px}.error-support .support-contacts .support-link:hover{color:var(--primary-dark);text-decoration:underline}.link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.link:hover{color:var(--primary-dark);text-decoration:underline}@media(max-width:640px){.error-container{padding:var(--spacing-2)}.error-card{padding:var(--spacing-6)}.error-illustration svg{max-width:150px}.error-content .error-code{font-size:var(--text-5xl)}.error-content .error-title{font-size:var(--text-2xl)}.error-content .error-description{font-size:var(--text-base)}.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:280px}.error-help .help-links{flex-direction:column;align-items:center;gap:var(--spacing-2)}.error-support .support-contacts{align-items:center}}@media(max-width:480px){.error-illustration svg{max-width:120px}.error-content .error-code{font-size:var(--text-4xl)}.error-content .error-title{font-size:var(--text-xl)}}.error-card{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .error-page{background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%)}[data-theme=dark] .error-card{background:#0f172af2;border-color:#ffffff1a}[data-theme=dark] .error-help,[data-theme=dark] .error-support{border-color:var(--gray-600)}[data-theme=dark] .success-message .success-icon{background:var(--secondary-900)}@media(prefers-reduced-motion:reduce){.error-card{animation:none}*{transition:none!important}svg *{animation:none!important}}.btn:focus-visible,.support-link:focus-visible,.help-links a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.error-card{border:2px solid var(--text-primary)}.error-help,.error-support{border-color:var(--text-primary)}}.booking-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.booking-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);flex-wrap:wrap}.business-info{display:flex;align-items:center;gap:var(--spacing-4)}.business-logo{width:60px;height:60px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.business-logo img{width:100%;height:100%;object-fit:cover}.business-details .business-name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.business-details .business-rating{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.business-details .business-rating .stars{display:flex;gap:2px}.business-details .business-rating .stars .star{width:16px;height:16px;color:var(--gray-300)}.business-details .business-rating .stars .star.filled{color:var(--accent-color)}.business-details .business-rating .rating-text{font-size:var(--text-sm);color:var(--text-secondary)}.business-details .business-address{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.business-details .business-address .icon{width:16px;height:16px}.booking-progress .progress-steps{display:flex;align-items:center;gap:var(--spacing-2)}.booking-progress .step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.booking-progress .step .step-number{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gray-200);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.booking-progress .step .step-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;white-space:nowrap}.booking-progress .step.active .step-number{background:var(--primary-color);color:#fff}.booking-progress .step.active .step-label{color:var(--primary-color);font-weight:var(--font-weight-medium)}.booking-progress .step-line{width:40px;height:2px;background:var(--gray-200);margin:0 var(--spacing-2)}.booking-main{padding:var(--spacing-8) 0}.booking-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-8);align-items:start}.services-section .section-header{margin-bottom:var(--spacing-6)}.services-section .section-header .section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.services-section .section-header .section-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.service-categories{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-wrap:wrap}.service-categories .category-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.service-categories .category-btn .category-icon{width:18px;height:18px}.service-categories .category-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.service-categories .category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-6)}.service-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform var(--transition-fast)}.service-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-card:hover:before{transform:scaleX(1)}.service-card.selected{border-color:var(--primary-color);background:var(--primary-50)}.service-card.selected:before{transform:scaleX(1)}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.service-header .service-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.service-header .service-price{text-align:left}.service-header .service-price .price{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.service-header .service-price .currency{font-size:var(--text-sm);color:var(--text-secondary);margin-right:var(--spacing-1)}.service-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-4) 0}.service-details{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.service-details .detail-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-secondary)}.service-details .detail-item .detail-icon{width:16px;height:16px}.service-actions{display:flex;gap:var(--spacing-3)}.service-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.service-actions .btn.btn-selected{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.service-actions .btn .btn-icon{width:16px;height:16px}.booking-summary{position:sticky;top:120px;display:flex;flex-direction:column;gap:var(--spacing-6)}.summary-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.summary-card .summary-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.selected-service{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--primary-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.selected-service .service-info{flex:1}.selected-service .service-info .service-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.selected-service .service-info .service-meta{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.selected-service .service-price{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.no-selection{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-secondary)}.no-selection .no-selection-icon{width:48px;height:48px;margin:0 auto var(--spacing-3) auto;color:var(--gray-400)}.no-selection p{font-size:var(--text-sm);margin:0}.summary-actions .btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.summary-actions .btn .btn-icon{width:18px;height:18px}.business-info-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.business-info-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.business-info-card .info-item{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--text-sm);color:var(--text-secondary)}.business-info-card .info-item:last-child{margin-bottom:0}.business-info-card .info-item .info-icon{width:16px;height:16px;color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{background:#fff;border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--gray-200)}.modal-header .modal-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-header .modal-close{width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-header .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-header .modal-close svg{width:20px;height:20px}.modal-body{padding:var(--spacing-6)}.service-detail-content .service-image{width:100%;height:200px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-4)}.service-detail-content .service-image img{width:100%;height:100%;object-fit:cover}.service-detail-content .service-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-4) 0}.service-detail-content .service-specs{display:flex;flex-direction:column;gap:var(--spacing-3)}.service-detail-content .service-specs .spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--gray-50);border-radius:var(--radius-md)}.service-detail-content .service-specs .spec-item .spec-label{font-size:var(--text-sm);color:var(--text-secondary)}.service-detail-content .service-specs .spec-item .spec-value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.modal-footer{display:flex;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--gray-200)}.modal-footer .btn{flex:1}@media(max-width:1024px){.booking-layout{grid-template-columns:1fr;gap:var(--spacing-6)}.booking-summary{position:static;order:-1}}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.booking-progress{width:100%}.booking-progress .progress-steps{justify-content:center;flex-wrap:wrap}.booking-progress .step-line{width:20px}.services-grid{grid-template-columns:1fr}.service-categories{justify-content:center}.modal-content{margin:var(--spacing-4);max-height:calc(100vh - 2rem)}}@media(max-width:480px){.booking-main{padding:var(--spacing-4) 0}.service-card{padding:var(--spacing-4)}.service-actions{flex-direction:column}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}}.service-card{animation:fadeInUp .6s ease-out}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .booking-page{background:var(--bg-dark)}[data-theme=dark] .booking-header,[data-theme=dark] .service-card,[data-theme=dark] .summary-card,[data-theme=dark] .business-info-card,[data-theme=dark] .modal-content{background:var(--bg-darker);border-color:var(--gray-600)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:var(--gray-600)}.time-selection-section .section-header{margin-bottom:var(--spacing-6)}.time-selection-section .section-header .section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.time-selection-section .section-header .section-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.selected-service-info{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8);display:flex;justify-content:space-between;align-items:center}.selected-service-info .service-summary .service-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.selected-service-info .service-summary .service-details{display:flex;gap:var(--spacing-4)}.selected-service-info .service-summary .service-details .duration,.selected-service-info .service-summary .service-details .staff{font-size:var(--text-sm);color:var(--text-secondary)}.selected-service-info .service-price{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.date-selection{margin-bottom:var(--spacing-8)}.date-selection .subsection-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.date-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.date-navigation .nav-btn{width:40px;height:40px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.date-navigation .nav-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.date-navigation .nav-btn:disabled{opacity:.5;cursor:not-allowed}.date-navigation .nav-btn svg{width:20px;height:20px}.date-navigation .week-range{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.dates-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-3)}.date-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.date-card:hover:not(.disabled):not(.past){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.date-card.selected{border-color:var(--primary-color);background:var(--primary-50)}.date-card.selected .date-number{color:var(--primary-color);font-weight:var(--font-weight-bold)}.date-card.disabled,.date-card.past{opacity:.5;cursor:not-allowed;background:var(--gray-50)}.date-card.today{border-color:var(--accent-color);background:var(--accent-50)}.date-card .date-day{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.date-card .date-number{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.date-card .date-month{font-size:var(--text-xs);color:var(--text-secondary)}.date-card .unavailable-indicator{position:absolute;top:var(--spacing-2);left:var(--spacing-2);color:var(--red-500)}.date-card .unavailable-indicator svg{width:16px;height:16px}.time-slots{margin-bottom:var(--spacing-8)}.time-slots .subsection-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-3)}.time-slot{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.time-slot:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.time-slot.selected{border-color:var(--primary-color);background:var(--primary-50)}.time-slot.selected .time-text{color:var(--primary-color);font-weight:var(--font-weight-bold)}.time-slot.disabled{opacity:.5;cursor:not-allowed;background:var(--gray-50)}.time-slot.recommended{border-color:var(--secondary-color);background:var(--secondary-50)}.time-slot.recommended .time-text{color:var(--secondary-color)}.time-slot .time-text{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.time-slot .recommended-badge{position:absolute;top:-8px;right:-8px;background:var(--secondary-color);color:#fff;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.no-slots{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-secondary)}.no-slots .no-slots-icon{width:48px;height:48px;margin:0 auto var(--spacing-3) auto;color:var(--gray-400)}.no-slots p{font-size:var(--text-base);margin:0 0 var(--spacing-2) 0}.no-slots .no-slots-suggestion{font-size:var(--text-sm);color:var(--text-tertiary)}.staff-selection{margin-bottom:var(--spacing-8)}.staff-selection .subsection-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.staff-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-4)}.staff-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.staff-card.selected{border-color:var(--primary-color);background:var(--primary-50)}.staff-card .staff-avatar{width:60px;height:60px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.staff-card .staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-card .staff-info{flex:1}.staff-card .staff-info .staff-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.staff-card .staff-info .staff-specialty{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-2) 0}.staff-card .staff-info .staff-rating{display:flex;align-items:center;gap:var(--spacing-2)}.staff-card .staff-info .staff-rating .stars{display:flex;gap:2px}.staff-card .staff-info .staff-rating .stars .star{width:14px;height:14px;color:var(--gray-300)}.staff-card .staff-info .staff-rating .stars .star.filled{color:var(--accent-color)}.staff-card .staff-info .staff-rating .rating-text{font-size:var(--text-sm);color:var(--text-secondary)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-100)}.summary-item:last-child{border-bottom:none}.summary-item .item-label{font-size:var(--text-sm);color:var(--text-secondary)}.summary-item .item-value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;margin-top:var(--spacing-4);border-top:2px solid var(--gray-200)}.summary-total .total-label{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.summary-total .total-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.business-hours-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.business-hours-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.business-hours-card .hours-list{margin-bottom:var(--spacing-4)}.business-hours-card .hours-list .hours-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.business-hours-card .hours-list .hours-item .day{font-size:var(--text-sm);color:var(--text-secondary)}.business-hours-card .hours-list .hours-item .time{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.business-hours-card .hours-note{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--accent-50);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.business-hours-card .hours-note .note-icon{width:16px;height:16px;color:var(--accent-color);flex-shrink:0;margin-top:2px}.step.completed .step-number{background:var(--secondary-color);color:#fff}.step.completed .step-number svg{width:16px;height:16px}.step.completed .step-label{color:var(--secondary-color);font-weight:var(--font-weight-medium)}.step-line.completed{background:var(--secondary-color)}@media(max-width:768px){.dates-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.date-card{padding:var(--spacing-3)}.date-card .date-day{font-size:10px}.date-card .date-number{font-size:var(--text-base)}.date-card .date-month{font-size:10px}.time-slots-grid{grid-template-columns:repeat(3,1fr)}.staff-grid{grid-template-columns:1fr}.staff-card{padding:var(--spacing-4)}.staff-card .staff-avatar{width:50px;height:50px}.selected-service-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.selected-service-info .service-price{align-self:flex-end}}@media(max-width:480px){.dates-grid{grid-template-columns:repeat(3,1fr)}.time-slots-grid{grid-template-columns:repeat(2,1fr)}.date-navigation .week-range{font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){.service-card,.modal-content,.date-card,.time-slot,.staff-card{animation:none}*{transition:none!important}}.service-card:focus-visible,.category-btn:focus-visible,.btn:focus-visible,.modal-close:focus-visible,.date-card:focus-visible,.time-slot:focus-visible,.staff-card:focus-visible,.nav-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.customer-info-section .section-header{margin-bottom:var(--spacing-6)}.customer-info-section .section-header .section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.customer-info-section .section-header .section-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.booking-summary-card{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.booking-summary-card .summary-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.booking-summary-card .summary-content .summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--primary-100)}.booking-summary-card .summary-content .summary-item .item-label{font-size:var(--text-sm);color:var(--text-secondary)}.booking-summary-card .summary-content .summary-item .item-value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.booking-summary-card .summary-content .summary-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;margin-top:var(--spacing-3);border-top:2px solid var(--primary-200)}.booking-summary-card .summary-content .summary-total .total-label{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.booking-summary-card .summary-content .summary-total .total-value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.customer-form .form-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.customer-form .form-section .form-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-6) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-row:last-child{margin-bottom:0}.form-group{margin-bottom:var(--spacing-5)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-label .required{color:var(--red-500);margin-right:var(--spacing-1)}.form-label .optional{color:var(--text-tertiary);font-weight:var(--font-weight-normal);margin-right:var(--spacing-1)}.form-input,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);background:#fff;transition:all var(--transition-fast);min-height:44px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7a001a}.form-input.form-input-error,.form-textarea.form-input-error{border-color:var(--red-500)}.form-input.form-input-error:focus,.form-textarea.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-error{font-size:var(--text-sm);color:var(--red-500);margin-top:var(--spacing-1)}.radio-group{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.radio-item{display:flex;align-items:center;cursor:pointer}.radio-item .radio-input{display:none}.radio-item .radio-input:checked+.radio-label{background:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.radio-item .radio-input:checked+.radio-label .radio-icon{color:var(--primary-color)}.radio-item .radio-label{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.radio-item .radio-label:hover{border-color:var(--primary-color);color:var(--primary-color)}.radio-item .radio-label:hover .radio-icon{color:var(--primary-color)}.radio-item .radio-label .radio-icon{width:18px;height:18px;color:var(--text-tertiary);transition:color var(--transition-fast)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;margin-bottom:var(--spacing-4)}.checkbox-item:last-child{margin-bottom:0}.checkbox-item .checkbox-input{display:none}.checkbox-item .checkbox-input:checked+.checkbox-label .checkbox-icon{opacity:1;transform:scale(1)}.checkbox-item .checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer}.checkbox-item .checkbox-label .checkbox-icon{width:20px;height:20px;color:var(--primary-color);opacity:0;transform:scale(.8);transition:all var(--transition-fast);flex-shrink:0;margin-top:2px}.checkbox-item .checkbox-label .checkbox-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.checkbox-item .checkbox-label .checkbox-text .terms-link{color:var(--primary-color);text-decoration:none}.checkbox-item .checkbox-label .checkbox-text .terms-link:hover{text-decoration:underline}.terms-section .checkbox-item{padding:var(--spacing-3);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-50)}.terms-section .checkbox-item:hover{background:var(--gray-100)}.form-actions{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}.form-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.form-actions .btn .btn-icon{width:18px;height:18px}.security-info-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.security-info-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.security-info-card .security-features{display:flex;flex-direction:column;gap:var(--spacing-3)}.security-info-card .security-features .security-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--text-secondary)}.security-info-card .security-features .security-item .security-icon{width:18px;height:18px;color:var(--secondary-color);flex-shrink:0}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:var(--spacing-3)}.radio-group{flex-direction:column;gap:var(--spacing-3)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.booking-summary-card .summary-content .summary-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.booking-summary-card .summary-content .summary-item .item-value{font-weight:var(--font-weight-semibold)}}@media(max-width:480px){.customer-form .form-section,.booking-summary-card,.security-info-card{padding:var(--spacing-4)}}.form-section{animation:fadeInUp .6s ease-out}[data-theme=dark] .customer-form .form-section{background:var(--bg-darker);border-color:var(--gray-600)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--bg-darker);border-color:var(--gray-600);color:var(--text-light)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--text-tertiary)}[data-theme=dark] .radio-label{background:var(--bg-darker);border-color:var(--gray-600);color:var(--text-light)}[data-theme=dark] .terms-section .checkbox-item,[data-theme=dark] .security-info-card{background:var(--bg-darker);border-color:var(--gray-600)}.payment-section .section-header{margin-bottom:var(--spacing-6)}.payment-section .section-header .section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.payment-section .section-header .section-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.payment-methods{margin-bottom:var(--spacing-8)}.payment-methods .subsection-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.payment-method-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-4);position:relative}.payment-method-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-method-card.selected{border-color:var(--primary-color);background:var(--primary-50)}.payment-method-card .method-icon{width:50px;height:50px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.payment-method-card .method-icon img{width:100%;height:100%;object-fit:cover}.payment-method-card .method-info{flex:1}.payment-method-card .method-info .method-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.payment-method-card .method-info .method-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.payment-method-card .method-radio .radio-input{display:none}.payment-method-card .method-radio .radio-input:checked+.radio-label{background:var(--primary-color);border-color:var(--primary-color)}.payment-method-card .method-radio .radio-input:checked+.radio-label:after{opacity:1;transform:scale(1)}.payment-method-card .method-radio .radio-label{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--radius-full);background:#fff;cursor:pointer;position:relative;transition:all var(--transition-fast)}.payment-method-card .method-radio .radio-label:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fff;border-radius:var(--radius-full);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all var(--transition-fast)}.payment-form{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.payment-form .subsection-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-6) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.credit-card-form .card-preview{margin-bottom:var(--spacing-6)}.credit-card-form .card-preview .card-front{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);padding:var(--spacing-6);color:#fff;position:relative;overflow:hidden}.credit-card-form .card-preview .card-front:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.credit-card-form .card-preview .card-front .card-logo{position:absolute;top:var(--spacing-4);left:var(--spacing-4)}.credit-card-form .card-preview .card-front .card-logo svg{width:32px;height:32px;opacity:.8}.credit-card-form .card-preview .card-front .card-number{display:flex;gap:var(--spacing-2);margin:var(--spacing-8) 0 var(--spacing-4) 0;font-family:Courier New,monospace;font-size:var(--text-lg);font-weight:var(--font-weight-medium);letter-spacing:2px}.credit-card-form .card-preview .card-front .card-number .card-digit{width:20px;text-align:center}.credit-card-form .card-preview .card-front .card-details{display:flex;justify-content:space-between;align-items:flex-end}.credit-card-form .card-preview .card-front .card-details .card-holder .label,.credit-card-form .card-preview .card-front .card-details .card-expiry .label{display:block;font-size:var(--text-xs);opacity:.7;margin-bottom:var(--spacing-1)}.credit-card-form .card-preview .card-front .card-details .card-holder .value,.credit-card-form .card-preview .card-front .card-details .card-expiry .value{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.bank-transfer-form .bank-info .bank-details{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.bank-transfer-form .bank-info .bank-details h4{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.bank-transfer-form .bank-info .bank-details .bank-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-200)}.bank-transfer-form .bank-info .bank-details .bank-item:last-child{border-bottom:none}.bank-transfer-form .bank-info .bank-details .bank-item .label{font-size:var(--text-sm);color:var(--text-secondary)}.bank-transfer-form .bank-info .bank-details .bank-item .value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.bank-transfer-form .bank-info .transfer-note{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--accent-50);border-radius:var(--radius-lg);border:1px solid var(--accent-200)}.bank-transfer-form .bank-info .transfer-note .note-icon{width:20px;height:20px;color:var(--accent-color);flex-shrink:0;margin-top:2px}.bank-transfer-form .bank-info .transfer-note p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.digital-wallet-form .wallet-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.digital-wallet-form .wallet-option{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-3)}.digital-wallet-form .wallet-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.digital-wallet-form .wallet-option.selected{border-color:var(--primary-color);background:var(--primary-50)}.digital-wallet-form .wallet-option .wallet-icon{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.digital-wallet-form .wallet-option .wallet-icon img{width:100%;height:100%;object-fit:cover}.digital-wallet-form .wallet-option .wallet-info{flex:1}.digital-wallet-form .wallet-option .wallet-info .wallet-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.digital-wallet-form .wallet-option .wallet-info .wallet-description{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.payment-actions{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}.payment-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.payment-actions .btn .btn-icon{width:18px;height:18px}.security-features-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.security-features-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.security-features-card .security-features{display:flex;flex-direction:column;gap:var(--spacing-3)}.security-features-card .security-features .security-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--text-secondary)}.security-features-card .security-features .security-item .security-icon{width:18px;height:18px;color:var(--secondary-color);flex-shrink:0}@media(max-width:768px){.payment-methods-grid{grid-template-columns:1fr}.payment-method-card{padding:var(--spacing-4)}.wallet-options{grid-template-columns:1fr}.payment-actions{flex-direction:column}.payment-actions .btn{width:100%}.credit-card-form .card-preview .card-front{padding:var(--spacing-4)}.credit-card-form .card-preview .card-front .card-number{font-size:var(--text-base);letter-spacing:1px}.credit-card-form .card-preview .card-front .card-number .card-digit{width:16px}}@media(max-width:480px){.payment-form,.security-features-card,.bank-transfer-form .bank-info .bank-details{padding:var(--spacing-4)}}.payment-method-card,.wallet-option{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credit-card-form .card-front{animation:cardSlideIn .8s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-30px) rotateY(-15deg)}to{opacity:1;transform:translate(0) rotateY(0)}}[data-theme=dark] .payment-form,[data-theme=dark] .payment-method-card,[data-theme=dark] .wallet-option{background:var(--bg-darker);border-color:var(--gray-600)}[data-theme=dark] .bank-transfer-form .bank-details{background:var(--bg-dark)}[data-theme=dark] .security-features-card{background:var(--bg-darker);border-color:var(--gray-600)}@media(prefers-contrast:high){.service-card,.summary-card,.business-info-card,.date-card,.time-slot,.staff-card,.business-hours-card,.form-section,.security-info-card,.payment-method-card,.wallet-option,.payment-form,.security-features-card{border:2px solid var(--text-primary)}}.confirmation-page .booking-main{padding:var(--spacing-8) 0}.confirmation-success{text-align:center;margin-bottom:var(--spacing-12);padding:var(--spacing-8) var(--spacing-6);background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-light) 100%);border-radius:var(--radius-2xl);color:#fff;box-shadow:var(--shadow-xl);animation:successPulse 2s ease-in-out infinite alternate}.confirmation-success .success-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:successBounce 1s ease-out}.confirmation-success .success-icon svg{width:40px;height:40px;color:#fff}.confirmation-success .success-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-3) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.confirmation-success .success-message{font-size:var(--text-lg);margin:0 0 var(--spacing-2) 0;opacity:.95}.confirmation-success .success-message .booking-code{background:#fff3;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-family:Courier New,monospace;letter-spacing:1px}.confirmation-success .success-subtitle{font-size:var(--text-base);margin:0;opacity:.9}.confirmation-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.booking-details-section .section-header{margin-bottom:var(--spacing-6)}.booking-details-section .section-header .section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.booking-details-section .section-header .section-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.booking-summary-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-6);border:1px solid var(--gray-200)}.booking-summary-card .summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--gray-200)}.booking-summary-card .summary-header .summary-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.booking-summary-card .summary-header .booking-status .status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.booking-summary-card .summary-header .booking-status .status-badge.confirmed{background:var(--secondary-color);color:#fff}.booking-summary-card .summary-content .summary-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-100)}.booking-summary-card .summary-content .summary-item:last-child{border-bottom:none}.booking-summary-card .summary-content .summary-item .item-icon{width:40px;height:40px;background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.booking-summary-card .summary-content .summary-item .item-icon svg{width:20px;height:20px;color:var(--primary-color)}.booking-summary-card .summary-content .summary-item .item-content{flex:1;display:flex;align-items:center;justify-content:space-between}.booking-summary-card .summary-content .summary-item .item-content .item-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.booking-summary-card .summary-content .summary-item .item-content .item-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.booking-summary-card .summary-total{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:2px solid var(--gray-200)}.booking-summary-card .summary-total .total-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0}.booking-summary-card .summary-total .total-row.final{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);border-top:1px solid var(--gray-200);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.booking-summary-card .summary-total .total-row .total-label{color:var(--text-secondary)}.booking-summary-card .summary-total .total-row .total-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.payment-details-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-6);border:1px solid var(--gray-200)}.payment-details-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.payment-details-card .payment-info .payment-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0;border-bottom:1px solid var(--gray-100)}.payment-details-card .payment-info .payment-item:last-child{border-bottom:none}.payment-details-card .payment-info .payment-item .payment-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.payment-details-card .payment-info .payment-item .payment-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.payment-details-card .payment-info .payment-item .payment-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.payment-details-card .payment-info .payment-item .payment-status.success{background:var(--secondary-color);color:#fff}.important-notes-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.important-notes-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.important-notes-card .notes-list .note-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-100)}.important-notes-card .notes-list .note-item:last-child{border-bottom:none}.important-notes-card .notes-list .note-item .note-icon{width:20px;height:20px;color:var(--accent-color);flex-shrink:0;margin-top:2px}.important-notes-card .notes-list .note-item span{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.action-sidebar{display:flex;flex-direction:column;gap:var(--spacing-6)}.quick-actions-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.quick-actions-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.quick-actions-card .actions-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.quick-actions-card .actions-list .action-btn{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-align:right}.quick-actions-card .actions-list .action-btn .action-icon{width:20px;height:20px;flex-shrink:0}.quick-actions-card .actions-list .action-btn.primary{background:var(--primary-color);color:#fff}.quick-actions-card .actions-list .action-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.quick-actions-card .actions-list .action-btn.secondary{background:var(--secondary-color);color:#fff}.quick-actions-card .actions-list .action-btn.secondary:hover{background:var(--secondary-dark);transform:translateY(-1px)}.quick-actions-card .actions-list .action-btn.outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.quick-actions-card .actions-list .action-btn.outline:hover{background:var(--primary-color);color:#fff}.quick-actions-card .actions-list .action-btn.danger{background:#ef4444;color:#fff}.quick-actions-card .actions-list .action-btn.danger:hover{background:#dc2626;transform:translateY(-1px)}.business-contact-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.business-contact-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.business-contact-card .contact-info{margin-bottom:var(--spacing-4)}.business-contact-card .contact-info .contact-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-100)}.business-contact-card .contact-info .contact-item:last-child{border-bottom:none}.business-contact-card .contact-info .contact-item .contact-icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0;margin-top:2px}.business-contact-card .contact-info .contact-item .contact-details{flex:1}.business-contact-card .contact-info .contact-item .contact-details .contact-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.business-contact-card .contact-info .contact-item .contact-details .contact-value{font-size:var(--text-sm);color:var(--text-primary);text-decoration:none}.business-contact-card .contact-info .contact-item .contact-details .contact-value:hover{color:var(--primary-color)}.business-contact-card .contact-actions{display:flex;gap:var(--spacing-3)}.business-contact-card .contact-actions .btn{flex:1}.next-steps-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.next-steps-card .card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.next-steps-card .steps-list .step-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-100)}.next-steps-card .steps-list .step-item:last-child{border-bottom:none}.next-steps-card .steps-list .step-item .step-number{width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.next-steps-card .steps-list .step-item .step-content{flex:1}.next-steps-card .steps-list .step-item .step-content .step-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.next-steps-card .steps-list .step-item .step-content .step-description{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.4}.main-actions{display:flex;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-8) 0;border-top:1px solid var(--gray-200)}.main-actions .btn{min-width:200px}@keyframes successPulse{0%{box-shadow:var(--shadow-xl)}to{box-shadow:0 25px 50px -12px #28c77b40}}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.booking-summary-card,.payment-details-card,.important-notes-card,.quick-actions-card,.business-contact-card,.next-steps-card{animation:fadeInUp .6s ease-out}@media(max-width:1024px){.confirmation-layout{grid-template-columns:1fr;gap:var(--spacing-6)}.action-sidebar{order:-1}}@media(max-width:768px){.confirmation-success{padding:var(--spacing-6) var(--spacing-4);margin-bottom:var(--spacing-8)}.confirmation-success .success-icon{width:60px;height:60px}.confirmation-success .success-icon svg{width:30px;height:30px}.confirmation-success .success-title{font-size:var(--text-2xl)}.confirmation-success .success-message{font-size:var(--text-base)}.booking-summary-card,.payment-details-card,.important-notes-card,.quick-actions-card,.business-contact-card,.next-steps-card{padding:var(--spacing-4)}.main-actions{flex-direction:column;align-items:center}.main-actions .btn{width:100%;max-width:300px}}@media(max-width:480px){.confirmation-success{padding:var(--spacing-4)}.confirmation-success .success-title{font-size:var(--text-xl)}.booking-summary-card .summary-content .summary-item .item-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.quick-actions-card .actions-list .action-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.business-contact-card .contact-actions{flex-direction:column}}[data-theme=dark] .confirmation-success{background:linear-gradient(135deg,var(--secondary-dark) 0%,var(--secondary-color) 100%)}[data-theme=dark] .booking-summary-card,[data-theme=dark] .payment-details-card,[data-theme=dark] .important-notes-card,[data-theme=dark] .quick-actions-card,[data-theme=dark] .business-contact-card,[data-theme=dark] .next-steps-card{background:var(--bg-darker);border-color:var(--gray-600)}[data-theme=dark] .summary-header,[data-theme=dark] .card-title{border-color:var(--gray-600)}[data-theme=dark] .summary-content .summary-item,[data-theme=dark] .payment-info .payment-item,[data-theme=dark] .notes-list .note-item,[data-theme=dark] .contact-info .contact-item,[data-theme=dark] .steps-list .step-item{border-color:var(--gray-700)}[data-theme=dark] .summary-total,[data-theme=dark] .summary-total .total-row.final{border-color:var(--gray-600)}@media(prefers-contrast:high){.booking-summary-card,.payment-details-card,.important-notes-card,.quick-actions-card,.business-contact-card,.next-steps-card{border:2px solid var(--text-primary)}.confirmation-success{border:2px solid white}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.dashboard-sidebar{width:280px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;position:fixed;height:100vh;left:0;top:0;z-index:1000;overflow-y:auto;transition:transform .3s ease}@media(max-width:768px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header .business-logo{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:#fff;margin-bottom:var(--spacing-3)}.sidebar-header .business-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0}.sidebar-header .business-type{font-size:var(--font-size-sm);color:#ffffffb3;margin:0}.sidebar-nav{padding:var(--spacing-4) 0}.sidebar-nav .nav-section{margin-bottom:var(--spacing-6)}.sidebar-nav .nav-section .nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;padding:0 var(--spacing-6);margin-bottom:var(--spacing-3)}.sidebar-nav .nav-section .nav-item{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-6);color:#fffc;text-decoration:none;transition:all .2s ease;border-right:3px solid transparent}.sidebar-nav .nav-section .nav-item:hover{background-color:#ffffff1a;color:#fff}.sidebar-nav .nav-section .nav-item.active{background-color:#ff7a0033;color:var(--primary-color);border-right-color:var(--primary-color)}.sidebar-nav .nav-section .nav-item .nav-icon{width:20px;height:20px;margin-left:var(--spacing-3);opacity:.8}.sidebar-nav .nav-section .nav-item .nav-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar-nav .nav-section .nav-item .nav-badge{background-color:var(--primary-color);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);margin-right:auto;min-width:18px;text-align:center}.dashboard-main{flex:1;margin-right:280px;transition:margin-right .3s ease}@media(max-width:768px){.dashboard-main{margin-right:0}}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.dashboard-header .header-left{display:flex;align-items:center;gap:var(--spacing-4)}.dashboard-header .header-left .mobile-menu-btn{display:none;background:none;border:none;padding:var(--spacing-2);cursor:pointer}@media(max-width:768px){.dashboard-header .header-left .mobile-menu-btn{display:block}}.dashboard-header .header-left .page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.dashboard-header .header-right{display:flex;align-items:center;gap:var(--spacing-4)}.dashboard-header .header-right .search-box{position:relative}.dashboard-header .header-right .search-box input{width:300px;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-10);border:1px solid #d1d5db;border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.dashboard-header .header-right .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7a001a}.dashboard-header .header-right .search-box .search-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:#9ca3af;width:16px;height:16px}.dashboard-header .header-right .user-menu{display:flex;align-items:center;gap:var(--spacing-3)}.dashboard-header .header-right .user-menu .notification-btn{position:relative;background:none;border:none;padding:var(--spacing-2);cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s ease}.dashboard-header .header-right .user-menu .notification-btn:hover{background-color:#f3f4f6}.dashboard-header .header-right .user-menu .notification-btn .notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:10px;padding:2px 5px;border-radius:var(--radius-full);min-width:16px;text-align:center}.dashboard-header .header-right .user-menu .user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform .2s ease}.dashboard-header .header-right .user-menu .user-avatar:hover{transform:scale(1.05)}.dashboard-content{padding:var(--spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid #f3f4f6;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-card .stat-header .stat-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.stat-card .stat-header .stat-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-card .stat-header .stat-icon.primary{background-color:#ff7a001a;color:var(--primary-color)}.stat-card .stat-header .stat-icon.success{background-color:#28c77b1a;color:var(--secondary-color)}.stat-card .stat-header .stat-icon.info{background-color:#40bfff1a;color:var(--accent-color)}.stat-card .stat-header .stat-icon.warning{background-color:#f59e0b1a;color:#f59e0b}.stat-card .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.stat-card .stat-change{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm)}.stat-card .stat-change.positive{color:var(--secondary-color)}.stat-card .stat-change.negative{color:#ef4444}.stat-card .stat-change.neutral{color:var(--text-secondary)}.quick-actions{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid #f3f4f6;margin-bottom:var(--spacing-8)}.quick-actions .section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.quick-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.quick-actions .action-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid #e5e7eb;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all .2s ease}.quick-actions .action-item:hover{border-color:var(--primary-color);background-color:#ff7a000d;transform:translateY(-1px)}.quick-actions .action-item .action-icon{width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.quick-actions .action-item .action-content .action-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 2px}.quick-actions .action-item .action-content .action-desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.recent-activity{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid #f3f4f6}.recent-activity .section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.recent-activity .activity-list .activity-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid #f3f4f6}.recent-activity .activity-list .activity-item:last-child{border-bottom:none}.recent-activity .activity-list .activity-item .activity-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.recent-activity .activity-list .activity-item .activity-icon.booking{background-color:#ff7a001a;color:var(--primary-color)}.recent-activity .activity-list .activity-item .activity-icon.payment{background-color:#28c77b1a;color:var(--secondary-color)}.recent-activity .activity-list .activity-item .activity-icon.cancellation{background-color:#ef44441a;color:#ef4444}.recent-activity .activity-list .activity-item .activity-content{flex:1}.recent-activity .activity-list .activity-item .activity-content .activity-text{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 2px}.recent-activity .activity-list .activity-item .activity-content .activity-time{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.recent-activity .activity-list .activity-item .activity-status{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.recent-activity .activity-list .activity-item .activity-status.success{background-color:#28c77b1a;color:var(--secondary-color)}.recent-activity .activity-list .activity-item .activity-status.pending{background-color:#f59e0b1a;color:#f59e0b}.recent-activity .activity-list .activity-item .activity-status.cancelled{background-color:#ef44441a;color:#ef4444}@media(max-width:768px){.dashboard-content{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.dashboard-header{padding:var(--spacing-3) var(--spacing-4)}.dashboard-header .header-right .search-box{display:none}.quick-actions .actions-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.dashboard-main{background-color:#1a1a1a}.dashboard-header{background-color:#2d2d2d;border-bottom-color:#404040}.dashboard-header .page-title{color:#fff}.stat-card,.quick-actions,.recent-activity{background-color:#2d2d2d;border-color:#404040}.stat-card .section-title,.quick-actions .section-title,.recent-activity .section-title{color:#fff}.stat-card .stat-title,.quick-actions .stat-title,.recent-activity .stat-title{color:#a0a0a0}.stat-card .stat-value,.quick-actions .stat-value,.recent-activity .stat-value{color:#fff}}.customer-layout{min-height:100vh;background:var(--bg-primary)}.customer-layout .customer-header{background:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.customer-layout .customer-header .header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between;height:70px}.customer-layout .customer-header .header-content .business-logo{height:50px;width:auto;object-fit:contain}.customer-layout .customer-header .header-content .business-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-right:var(--spacing-4)}.customer-layout .customer-header .header-content .header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.customer-layout .customer-header .customer-nav{background:var(--bg-primary);border-top:1px solid #e5e7eb}.customer-layout .customer-header .customer-nav .nav-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.customer-layout .customer-header .customer-nav .nav-content .nav-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-8)}.customer-layout .customer-header .customer-nav .nav-content .nav-list .nav-item .nav-link{display:block;padding:var(--spacing-3) 0;color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease;border-bottom:2px solid transparent}.customer-layout .customer-header .customer-nav .nav-content .nav-list .nav-item .nav-link:hover,.customer-layout .customer-header .customer-nav .nav-content .nav-list .nav-item .nav-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.customer-layout .customer-main{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.customer-layout .customer-footer{background:#1f2937;color:#fff;margin-top:var(--spacing-16)}.customer-layout .customer-footer .footer-content{max-width:1200px;margin:0 auto;padding:var(--spacing-12) var(--spacing-4);text-align:center}.customer-layout .customer-footer .footer-content .footer-text{color:#9ca3af;font-size:var(--font-size-sm)}.customer-home .hero-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-16) 0;margin:calc(-1 * var(--spacing-8)) calc(-1 * var(--spacing-4)) var(--spacing-8);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.customer-home .hero-section .hero-content{text-align:center}.customer-home .hero-section .hero-content .hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);line-height:1.2}.customer-home .hero-section .hero-content .hero-subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.customer-home .hero-section .hero-content .hero-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.customer-home .hero-section .hero-content .hero-actions .btn-hero{background:#fff;color:var(--primary-color);font-weight:var(--font-weight-semibold);padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.customer-home .hero-section .hero-content .hero-actions .btn-hero:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.customer-home .features-section{margin:var(--spacing-16) 0}.customer-home .features-section .section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-12)}.customer-home .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.customer-home .features-section .features-grid .feature-card{text-align:center;padding:var(--spacing-8)}.customer-home .features-section .features-grid .feature-card .feature-icon{width:60px;height:60px;background:var(--primary-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);color:#fff;font-size:var(--font-size-2xl)}.customer-home .features-section .features-grid .feature-card .feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.customer-home .features-section .features-grid .feature-card .feature-description{color:var(--text-secondary);line-height:1.6}.customer-home .services-preview{margin:var(--spacing-16) 0}.customer-home .services-preview .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8)}.customer-home .services-preview .section-header .section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.customer-home .services-preview .section-header .view-all-link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.customer-home .services-preview .section-header .view-all-link:hover{text-decoration:underline}.customer-home .services-preview .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.customer-home .services-preview .services-grid .service-card{padding:var(--spacing-6);transition:transform .2s ease}.customer-home .services-preview .services-grid .service-card:hover{transform:translateY(-4px)}.customer-home .services-preview .services-grid .service-card .service-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.customer-home .services-preview .services-grid .service-card .service-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-home .services-preview .services-grid .service-card .service-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);line-height:1.5}.customer-home .services-preview .services-grid .service-card .service-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.customer-home .testimonials-section{background:#f9fafb;padding:var(--spacing-16) 0;margin:var(--spacing-16) calc(-1 * var(--spacing-4)) 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.customer-home .testimonials-section .section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-12)}.customer-home .testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.customer-home .testimonials-section .testimonials-grid .testimonial-card{padding:var(--spacing-6)}.customer-home .testimonials-section .testimonials-grid .testimonial-card .testimonial-content{font-style:italic;color:var(--text-secondary);margin-bottom:var(--spacing-4);line-height:1.6}.customer-home .testimonials-section .testimonials-grid .testimonial-card .testimonial-author{display:flex;align-items:center;gap:var(--spacing-3)}.customer-home .testimonials-section .testimonials-grid .testimonial-card .testimonial-author .author-avatar{width:50px;height:50px;border-radius:var(--radius-full);object-fit:cover}.customer-home .testimonials-section .testimonials-grid .testimonial-card .testimonial-author .author-info .author-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.customer-home .testimonials-section .testimonials-grid .testimonial-card .testimonial-author .author-info .author-rating{color:#fbbf24;font-size:var(--font-size-sm)}.customer-services .page-header{text-align:center;margin-bottom:var(--spacing-12)}.customer-services .page-header .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.customer-services .page-header .page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.customer-services .services-filter{margin-bottom:var(--spacing-12)}.customer-services .services-filter .filter-buttons{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.customer-services .services-filter .filter-buttons .filter-btn{border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-6)}.customer-services .services-section .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.customer-services .services-section .services-grid .service-card{padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.customer-services .services-section .services-grid .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.customer-services .services-section .services-grid .service-card .service-image-container{position:relative;height:250px;overflow:hidden}.customer-services .services-section .services-grid .service-card .service-image-container .service-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.customer-services .services-section .services-grid .service-card .service-image-container .service-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center}.customer-services .services-section .services-grid .service-card .service-image-container .service-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:var(--primary-color);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.customer-services .services-section .services-grid .service-card .service-content{padding:var(--spacing-6)}.customer-services .services-section .services-grid .service-card .service-content .service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.customer-services .services-section .services-grid .service-card .service-content .service-header .service-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.customer-services .services-section .services-grid .service-card .service-content .service-header .service-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-right:var(--spacing-3)}.customer-services .services-section .services-grid .service-card .service-content .service-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-4)}.customer-services .services-section .services-grid .service-card .service-content .service-details{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.customer-services .services-section .services-grid .service-card .service-content .service-details .service-duration,.customer-services .services-section .services-grid .service-card .service-content .service-details .service-category{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm)}.customer-services .services-section .services-grid .service-card .service-content .service-details .service-duration svg,.customer-services .services-section .services-grid .service-card .service-content .service-details .service-category svg{color:var(--primary-color)}.customer-services .services-section .services-grid .service-card .service-content .service-actions{display:flex;gap:var(--spacing-3)}.customer-services .services-section .services-grid .service-card .service-content .service-actions .book-btn,.customer-services .services-section .services-grid .service-card .service-content .service-actions .details-btn{flex:1}.customer-services .services-section .empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--text-secondary)}.customer-services .services-section .empty-state svg{margin-bottom:var(--spacing-4)}.customer-services .services-section .empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-services .services-section .empty-state p{font-size:var(--font-size-base)}.customer-services .service-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.customer-services .service-modal-content .modal-service-image .modal-image-placeholder{width:100%;height:300px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.customer-services .service-modal-content .modal-service-image img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-lg)}.customer-services .service-modal-content .modal-service-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-services .service-modal-content .modal-service-info .modal-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-4)}.customer-services .service-modal-content .modal-service-info .modal-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-6)}.customer-services .service-modal-content .modal-service-info .modal-details .detail-item{margin-bottom:var(--spacing-3);color:var(--text-secondary)}.customer-services .service-modal-content .modal-service-info .modal-details .detail-item strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.customer-team .page-header{text-align:center;margin-bottom:var(--spacing-12)}.customer-team .page-header .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.customer-team .page-header .page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.customer-team .team-filter{margin-bottom:var(--spacing-12)}.customer-team .team-filter .filter-buttons{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.customer-team .team-filter .filter-buttons .filter-btn{border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-6)}.customer-team .team-section .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.customer-team .team-section .team-grid .team-card{padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.customer-team .team-section .team-grid .team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.customer-team .team-section .team-grid .team-card .member-image-container{position:relative;height:250px;overflow:hidden}.customer-team .team-section .team-grid .team-card .member-image-container .member-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.customer-team .team-section .team-grid .team-card .member-image-container .member-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.customer-team .team-section .team-grid .team-card .member-image-container .member-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:var(--secondary-color);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.customer-team .team-section .team-grid .team-card .member-content{padding:var(--spacing-6)}.customer-team .team-section .team-grid .team-card .member-content .member-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-team .team-section .team-grid .team-card .member-content .member-position{font-size:var(--font-size-base);color:var(--primary-color);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.customer-team .team-section .team-grid .team-card .member-content .member-experience{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.customer-team .team-section .team-grid .team-card .member-content .member-specialties{margin-bottom:var(--spacing-4)}.customer-team .team-section .team-grid .team-card .member-content .member-specialties .specialties-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-team .team-section .team-grid .team-card .member-content .member-specialties .specialties-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.customer-team .team-section .team-grid .team-card .member-content .member-specialties .specialties-list .specialty-tag{background:var(--bg-primary);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid #e5e7eb}.customer-team .team-section .team-grid .team-card .member-content .member-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-6);font-size:var(--font-size-sm)}.customer-team .team-section .team-grid .team-card .member-content .member-actions{display:flex;gap:var(--spacing-3)}.customer-team .team-section .team-grid .team-card .member-content .member-actions .book-btn,.customer-team .team-section .team-grid .team-card .member-content .member-actions .details-btn{flex:1}.customer-team .team-section .empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--text-secondary)}.customer-team .team-section .empty-state svg{margin-bottom:var(--spacing-4)}.customer-team .team-section .empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-team .team-section .empty-state p{font-size:var(--font-size-base)}.customer-team .member-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.customer-team .member-modal-content .modal-member-image .modal-image-placeholder{width:100%;height:300px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.customer-team .member-modal-content .modal-member-image img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-lg)}.customer-team .member-modal-content .modal-member-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-team .member-modal-content .modal-member-info .modal-position{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.customer-team .member-modal-content .modal-member-info .modal-details{margin-bottom:var(--spacing-6)}.customer-team .member-modal-content .modal-member-info .modal-details .detail-item{margin-bottom:var(--spacing-3);color:var(--text-secondary)}.customer-team .member-modal-content .modal-member-info .modal-details .detail-item strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.customer-team .member-modal-content .modal-member-info .modal-specialties{margin-bottom:var(--spacing-6)}.customer-team .member-modal-content .modal-member-info .modal-specialties h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.customer-team .member-modal-content .modal-member-info .modal-specialties .modal-specialties-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.customer-team .member-modal-content .modal-member-info .modal-specialties .modal-specialties-list .modal-specialty-tag{background:var(--primary-color);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customer-team .member-modal-content .modal-member-info .modal-description{color:var(--text-secondary);line-height:1.6}.customer-gallery .page-header{text-align:center;margin-bottom:var(--spacing-12)}.customer-gallery .page-header .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.customer-gallery .page-header .page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.customer-gallery .gallery-filter{margin-bottom:var(--spacing-12)}.customer-gallery .gallery-filter .filter-buttons{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.customer-gallery .gallery-filter .filter-buttons .filter-btn{border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-6)}.customer-gallery .gallery-section .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.customer-gallery .gallery-section .gallery-grid .gallery-item{cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.customer-gallery .gallery-section .gallery-grid .gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.customer-gallery .gallery-section .gallery-grid .gallery-item:hover .gallery-image{transform:scale(1.05)}.customer-gallery .gallery-section .gallery-grid .gallery-item:hover .image-overlay{opacity:1}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container{position:relative;height:250px;overflow:hidden}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#000000b3);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-4);opacity:0;transition:opacity .3s ease}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-content .image-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:var(--spacing-2)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-content .image-description{color:#ffffffe6;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-3)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-content .image-meta{display:flex;gap:var(--spacing-3)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-content .image-meta .image-category{background:var(--primary-color);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-content .image-meta .image-date{color:#fffc;font-size:var(--font-size-xs)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-actions{display:flex;justify-content:center}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-actions .view-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container .image-overlay .overlay-actions .view-btn:hover{background:#ffffff4d}.customer-gallery .gallery-section .empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--text-secondary)}.customer-gallery .gallery-section .empty-state svg{margin-bottom:var(--spacing-4)}.customer-gallery .gallery-section .empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-gallery .gallery-section .empty-state p{font-size:var(--font-size-base)}.customer-gallery .lightbox-modal .modal-content{background:#000000f2;color:#fff;border-radius:var(--radius-lg);overflow:hidden}.customer-gallery .lightbox-modal .modal-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.customer-gallery .lightbox-modal .modal-body{padding:0}.customer-gallery .lightbox-modal .modal-footer{background:transparent;border-top:1px solid rgba(255,255,255,.1)}.customer-testimonials .page-header{text-align:center;margin-bottom:var(--spacing-12)}.customer-testimonials .page-header .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.customer-testimonials .page-header .page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.customer-testimonials .stats-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-12) 0;margin:0 calc(-1 * var(--spacing-4)) var(--spacing-12);border-radius:var(--radius-2xl)}.customer-testimonials .stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-8);text-align:center}.customer-testimonials .stats-section .stats-grid .stat-item .stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.customer-testimonials .stats-section .stats-grid .stat-item .stat-label{font-size:var(--font-size-lg);opacity:.9}.customer-testimonials .rating-filter{margin-bottom:var(--spacing-12)}.customer-testimonials .rating-filter .filter-buttons{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.customer-testimonials .rating-filter .filter-buttons .filter-btn{border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-6)}.customer-testimonials .rating-filter .filter-buttons .filter-btn .rating-stars{margin-left:var(--spacing-2)}.customer-testimonials .testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-8)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card{padding:var(--spacing-6);transition:transform .3s ease,box-shadow .3s ease}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .customer-info{display:flex;gap:var(--spacing-3)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .customer-info .customer-avatar{width:50px;height:50px;border-radius:var(--radius-full);object-fit:cover}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .customer-info .customer-avatar-placeholder{width:50px;height:50px;border-radius:var(--radius-full);background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .customer-info .customer-details .customer-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .customer-info .customer-details .customer-service{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .customer-info .customer-details .testimonial-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-rating{text-align:left}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-rating .rating-stars{margin-bottom:var(--spacing-1)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-rating .rating-number{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-content{margin-bottom:var(--spacing-4)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-text{color:var(--text-secondary);line-height:1.6;font-style:italic}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-footer .testimonial-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-footer .testimonial-tags .tag{background:var(--bg-primary);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid #e5e7eb}.customer-testimonials .testimonials-section .empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--text-secondary)}.customer-testimonials .testimonials-section .empty-state svg{margin-bottom:var(--spacing-4)}.customer-testimonials .testimonials-section .empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-testimonials .testimonials-section .empty-state p{font-size:var(--font-size-base)}.customer-testimonials .add-testimonial-section{margin-top:var(--spacing-16)}.customer-testimonials .add-testimonial-section .add-testimonial-card{text-align:center;padding:var(--spacing-12);background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.customer-testimonials .add-testimonial-section .add-testimonial-card .section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-testimonials .add-testimonial-section .add-testimonial-card .section-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.customer-testimonials .testimonial-form .form-group{margin-bottom:var(--spacing-6)}.customer-testimonials .testimonial-form .form-group .form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.customer-testimonials .testimonial-form .form-group .rating-input{display:flex;gap:var(--spacing-2)}.customer-testimonials .testimonial-form .form-group .rating-input .rating-star{font-size:var(--font-size-2xl);color:#d1d5db;cursor:pointer;transition:color .2s ease}.customer-testimonials .testimonial-form .form-group .rating-input .rating-star:hover,.customer-testimonials .testimonial-form .form-group .rating-input .rating-star.filled{color:#fbbf24}.customer-testimonials .testimonial-form .form-group .form-textarea{width:100%;padding:var(--spacing-3);border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:100px}.customer-testimonials .testimonial-form .form-group .form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7a001a}.customer-testimonials .modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media(max-width:768px){.customer-layout .customer-header .header-content{height:60px;padding:0 var(--spacing-3)}.customer-layout .customer-header .header-content .business-name{font-size:var(--font-size-lg);margin-right:var(--spacing-2)}.customer-layout .customer-header .customer-nav .nav-content{padding:0 var(--spacing-3)}.customer-layout .customer-header .customer-nav .nav-content .nav-list{gap:var(--spacing-4);overflow-x:auto;padding-bottom:var(--spacing-2)}.customer-layout .customer-header .customer-nav .nav-content .nav-list .nav-item{flex-shrink:0}.customer-layout .customer-header .customer-nav .nav-content .nav-list .nav-item .nav-link{font-size:var(--font-size-sm);padding:var(--spacing-2) 0}.customer-layout .customer-main{padding:var(--spacing-6) var(--spacing-3)}.customer-home .hero-section{padding:var(--spacing-12) 0;margin:calc(-1 * var(--spacing-6)) calc(-1 * var(--spacing-3)) var(--spacing-6)}.customer-home .hero-section .hero-content .hero-title{font-size:var(--font-size-3xl)}.customer-home .hero-section .hero-content .hero-subtitle{font-size:var(--font-size-base)}.customer-home .hero-section .hero-content .hero-actions{flex-direction:column;align-items:center}.customer-home .hero-section .hero-content .hero-actions .btn-hero{width:100%;max-width:300px}.customer-home .features-section .features-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-home .services-preview .services-grid,.customer-home .testimonials-section .testimonials-grid{grid-template-columns:1fr}.customer-services .page-header{margin-bottom:var(--spacing-8)}.customer-services .page-header .page-title{font-size:var(--font-size-3xl)}.customer-services .page-header .page-subtitle{font-size:var(--font-size-base)}.customer-services .services-filter{margin-bottom:var(--spacing-8)}.customer-services .services-filter .filter-buttons{gap:var(--spacing-2)}.customer-services .services-filter .filter-buttons .filter-btn{padding:var(--spacing-2) var(--spacing-4)}.customer-services .services-section .services-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-services .services-section .services-grid .service-card .service-content{padding:var(--spacing-4)}.customer-services .services-section .services-grid .service-card .service-content .service-actions{flex-direction:column;gap:var(--spacing-2)}.customer-services .services-section .services-grid .service-card .service-content .service-actions .book-btn,.customer-services .services-section .services-grid .service-card .service-content .service-actions .details-btn{width:100%}.customer-services .service-modal-content{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-services .service-modal-content .modal-service-image img,.customer-services .service-modal-content .modal-service-image .modal-image-placeholder{height:200px}.customer-team .page-header{margin-bottom:var(--spacing-8)}.customer-team .page-header .page-title{font-size:var(--font-size-3xl)}.customer-team .page-header .page-subtitle{font-size:var(--font-size-base)}.customer-team .team-filter{margin-bottom:var(--spacing-8)}.customer-team .team-filter .filter-buttons{gap:var(--spacing-2)}.customer-team .team-filter .filter-buttons .filter-btn{padding:var(--spacing-2) var(--spacing-4)}.customer-team .team-section .team-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-team .team-section .team-grid .team-card .member-content{padding:var(--spacing-4)}.customer-team .team-section .team-grid .team-card .member-content .member-actions{flex-direction:column;gap:var(--spacing-2)}.customer-team .team-section .team-grid .team-card .member-content .member-actions .book-btn,.customer-team .team-section .team-grid .team-card .member-content .member-actions .details-btn{width:100%}.customer-team .member-modal-content{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-team .member-modal-content .modal-member-image img,.customer-team .member-modal-content .modal-member-image .modal-image-placeholder{height:200px}.customer-gallery .page-header{margin-bottom:var(--spacing-8)}.customer-gallery .page-header .page-title{font-size:var(--font-size-3xl)}.customer-gallery .page-header .page-subtitle{font-size:var(--font-size-base)}.customer-gallery .gallery-filter{margin-bottom:var(--spacing-8)}.customer-gallery .gallery-filter .filter-buttons{gap:var(--spacing-2)}.customer-gallery .gallery-filter .filter-buttons .filter-btn{padding:var(--spacing-2) var(--spacing-4)}.customer-gallery .gallery-section .gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.customer-gallery .gallery-section .gallery-grid .gallery-item .image-container{height:200px}.customer-testimonials .page-header{margin-bottom:var(--spacing-8)}.customer-testimonials .page-header .page-title{font-size:var(--font-size-3xl)}.customer-testimonials .page-header .page-subtitle{font-size:var(--font-size-base)}.customer-testimonials .stats-section{padding:var(--spacing-8) 0;margin:0 calc(-1 * var(--spacing-3)) var(--spacing-8)}.customer-testimonials .stats-section .stats-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-testimonials .stats-section .stats-grid .stat-item .stat-number{font-size:var(--font-size-3xl)}.customer-testimonials .stats-section .stats-grid .stat-item .stat-label{font-size:var(--font-size-base)}.customer-testimonials .rating-filter{margin-bottom:var(--spacing-8)}.customer-testimonials .rating-filter .filter-buttons{gap:var(--spacing-2)}.customer-testimonials .rating-filter .filter-buttons .filter-btn{padding:var(--spacing-2) var(--spacing-4)}.customer-testimonials .testimonials-section .testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card{padding:var(--spacing-4)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.customer-testimonials .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-rating{text-align:right}.customer-testimonials .add-testimonial-section .add-testimonial-card{padding:var(--spacing-8)}}:root{--primary-color: #FF7A00;--primary-dark: #E66A00;--primary-light: #FF9533;--primary-50: #FFF7ED;--primary-900: #9A3412;--secondary-color: #28C77B;--secondary-dark: #22B36B;--secondary-light: #4DD48F;--secondary-50: #ECFDF5;--secondary-900: #064E3B;--accent-color: #40BFFF;--accent-dark: #2BA6E6;--accent-light: #66CCFF;--accent-50: #E0F2FE;--accent-900: #0C4A6E;--purple-color: #8B5CF6;--purple-dark: #7C3AED;--purple-light: #A78BFA;--pink-color: #EC4899;--pink-dark: #DB2777;--pink-light: #F472B6;--cyan-color: #06B6D4;--cyan-dark: #0891B2;--cyan-light: #22D3EE;--bg-primary: #FAFAFA;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-dark: #0F172A;--bg-darker: #020617;--text-primary: #0F172A;--text-secondary: #64748B;--text-tertiary: #94A3B8;--text-inverse: #F8FAFC;--success-color: #28C77B;--warning-color: #FF7A00;--error-color: #FF4444;--info-color: #40BFFF;--font-family: Inter, Vazirmatn, IRANSans, Arial, sans-serif;--font-display: Inter, Vazirmatn, sans-serif;--font-mono: JetBrains Mono, Fira Code, Courier New, monospace;--text-6xl: 3.75rem;--text-5xl: 3rem;--text-4xl: 2.25rem;--text-3xl: 1.875rem;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}.site-header{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 2rem);max-width:1200px;border-radius:9999px;transition:all .3s ease}.site-header.glass-effect{background:#ffffff40;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px)}.site-header.glass-effect:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff4d}.section{padding:72px 0 48px}.section-hero-mobile{padding-top:24px}.section-hero-mobile .page-title{font-size:1.5rem;font-weight:800;color:#1f2937}.section-hero-mobile .page-subtitle{color:#6b7280;margin-top:.25rem}.section-cards-mobile .cards-grid{display:grid;grid-template-columns:1fr;gap:12px}.card.card-doc{display:block;padding:16px;border-radius:14px;background:#fff;border:1px solid #f1f1f1}.card-title{font-weight:700;margin-bottom:6px}.card-desc{color:var(--text-secondary);font-size:.9rem}.section-legal-mobile .legal-item{background:#fff;border:1px solid #f1f1f1;border-radius:12px;padding:12px 16px;margin-bottom:10px}.section-demo-mobile .demo-steps{margin:0 0 12px;padding:0 16px}.section-center-mobile .center-card{text-align:center;background:#fff;border:1px solid #f1f1f1;border-radius:16px;padding:24px}.section-center-mobile .emoji{font-size:2rem}.section-blog-post-mobile .post-title{font-size:1.375rem;font-weight:800}.section-blog-post-mobile .post-meta{color:var(--text-secondary);margin:8px 0 16px}.section-blog-post-mobile .post-content p{line-height:1.9}.btn-block{display:block;width:100%;text-align:center}.container{width:min(100% - 32px,720px);margin-inline:auto}@media(min-width:768px){.section{padding:96px 0 64px}.section-hero-mobile .page-title{font-size:2rem}.section-cards-mobile .cards-grid{grid-template-columns:repeat(2,1fr)}}.mobile-bottom-nav{position:sticky;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e5e7eb;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:50}.mobile-bottom-nav .item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#6b7280;text-decoration:none}.mobile-bottom-nav .item:first-child{color:var(--accent-color)}.hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;max-width:335px;margin-inline:auto;min-height:200px}.hero-cta{margin-top:8px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.feature-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;margin-bottom:8px}.feature-title{font-weight:700;font-size:14px;color:#1f2937}.feature-desc{font-size:12px;color:#6b7280}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;gap:2rem;position:relative}.navbar-brand{display:flex;align-items:center}.navbar-brand .brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.125rem;transition:all .3s ease}.navbar-brand .brand-logo:hover{transform:scale(1.05)}.navbar-brand .logo-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));transition:all .3s ease;box-shadow:0 0 20px #ff7a004d;animation:glow-pulse 3s ease-in-out infinite;padding:8px}.navbar-brand .logo-container.floating-element{animation:float-complex 12s ease-in-out infinite,glow-pulse 3s ease-in-out infinite}.navbar-brand .logo-container .logo-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.navbar-brand .brand-text{font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color),var(--secondary-color));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease-in-out infinite}.navbar-menu{display:flex;align-items:center}@media(max-width:768px){.navbar-menu{position:fixed;top:calc(100% + 1rem);left:1rem;right:1rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:2rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}}.navbar-nav{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}@media(max-width:768px){.navbar-nav{flex-direction:column;gap:1.5rem;width:100%}}.nav-item{position:relative}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--primary-color);background:#fff3;transform:scale(1.05)}.nav-link.active{color:var(--primary-color);background:#fff3;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-color);border-radius:1px}.navbar-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.navbar-actions{flex-direction:column;gap:1rem;width:100%;margin-top:2rem}}.navbar-actions .btn{padding:.5rem 1.5rem;border-radius:9999px;font-weight:500;text-decoration:none;transition:all .3s ease}.navbar-actions .btn.btn-ghost{color:var(--text-secondary);background:transparent}.navbar-actions .btn.btn-ghost:hover{color:var(--accent-color);background:#fff3}.navbar-actions .btn.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:700}.navbar-actions .btn.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.navbar-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}@media(max-width:768px){.navbar-toggle{display:flex}}.navbar-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s ease}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.site-footer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:4rem 0 2rem;margin-top:6rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}}.footer-brand .brand-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-brand .brand-logo .logo-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:8px}.footer-brand .brand-logo .logo-container .logo-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand .brand-logo .brand-text{font-size:1.5rem;font-weight:700;color:#fff}.footer-brand .footer-description{color:#fffc;line-height:1.6;margin-bottom:2rem}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#fffc;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:var(--primary-color);transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:3rem;padding-top:2rem;text-align:center;color:#fff9}.footer-bottom .footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}@media(max-width:768px){.footer-bottom .footer-links{flex-direction:column;gap:1rem}}.footer-bottom .footer-links a{color:#fff9;text-decoration:none;transition:all .3s ease}.footer-bottom .footer-links a:hover{color:var(--primary-color)}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #ff7a004d}50%{box-shadow:0 0 40px #ff7a0099}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-complex{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.blog-hero{position:relative;min-height:50vh;display:flex;align-items:center;background:#ff6b351a;color:var(--text-primary);overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-text{text-align:right}.hero-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;line-height:1.2;color:#000}.hero-description{font-size:1.5rem;opacity:.8;margin-bottom:3rem;line-height:1.6;color:var(--text-secondary)}.hero-stats{display:flex;gap:2rem;justify-content:flex-start}.hero-stats .stat-item{text-align:center}.hero-stats .stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-color)}.hero-stats .stat-label{font-size:1rem;opacity:.8}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.floating-elements{position:relative;width:100%;height:100%}.floating-card{position:absolute;background:#ff6b351a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,107,53,.2);display:flex;align-items:center;gap:1rem;opacity:0;animation:float 3s ease-in-out infinite;color:var(--text-primary)}.card-1{top:10%;right:10%;animation-delay:0s}.card-2{top:50%;left:5%;animation-delay:1s}.card-3{bottom:20%;right:5%;animation-delay:2s}.card-icon{font-size:2rem}.card-text{font-size:1rem;font-weight:500}@keyframes float{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-20px);opacity:1}}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:1}.morphing-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.05}.blob-1{width:300px;height:300px;background:#ff6b351a;top:10%;right:10%;animation:morph 8s ease-in-out infinite}.blob-2{width:200px;height:200px;background:#ff6b3514;bottom:20%;left:5%;animation:morph 6s ease-in-out infinite reverse}.blob-3{width:150px;height:150px;background:#ff6b350f;top:50%;left:50%;animation:morph 10s ease-in-out infinite}@keyframes morph{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.blog-content{padding:4rem 0;background:#fff;color:var(--text-primary)}.blog-layout{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.featured-post{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:3rem;border:1px solid #f1f5f9}.post-image{position:relative;height:300px;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-post:hover .post-image img{transform:scale(1.05)}.post-category{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.post-content{padding:2rem}.post-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.4}.post-title a{color:inherit;text-decoration:none;transition:color .3s ease}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.post-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.post-author{display:flex;align-items:center;gap:.5rem}.post-author img{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-date,.post-read-time{font-size:.875rem;color:var(--text-secondary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.blog-post{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid #f1f5f9}.blog-post:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.blog-post .post-image{height:200px}.blog-post .post-content{padding:1.5rem}.blog-post .post-title{font-size:1.25rem;margin-bottom:.75rem}.blog-post .post-excerpt{font-size:.875rem;margin-bottom:1rem}.blog-post .post-meta{font-size:.75rem}.blog-post .post-author img{width:24px;height:24px}.load-more-section{text-align:center;margin-top:3rem}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-widget{background:#f8fafc;padding:1.5rem;border-radius:1rem;border:1px solid #e2e8f0}.widget-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.search-form{display:flex;gap:.5rem}.search-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-btn{padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s ease}.search-btn:hover{background:var(--primary-dark)}.category-list{list-style:none;padding:0;margin:0}.category-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid #e2e8f0;transition:color .3s ease}.category-link:last-child{border-bottom:none}.category-link:hover{color:var(--primary-color)}.category-count{background:#e2e8f0;color:var(--text-secondary);padding:.25rem .5rem;border-radius:1rem;font-size:.75rem}.recent-posts{display:flex;flex-direction:column;gap:1rem}.recent-post{display:flex;gap:.75rem}.recent-post-image{width:60px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.recent-post-image img{width:100%;height:100%;object-fit:cover}.recent-post-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.recent-post-title a{color:inherit;text-decoration:none;transition:color .3s ease}.recent-post-title a:hover{color:var(--primary-color)}.recent-post-date{font-size:.75rem;color:var(--text-secondary)}.newsletter-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.newsletter-signup{display:flex;flex-direction:column;gap:.75rem}.newsletter-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:border-color .3s ease}.newsletter-input:focus{outline:none;border-color:var(--primary-color)}.tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.5rem .75rem;background:#fff;color:var(--text-secondary);text-decoration:none;border-radius:1rem;font-size:.75rem;border:1px solid #e2e8f0;transition:all .3s ease}.tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.125rem;opacity:.9;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-section .btn{background:#fff;color:var(--primary-color);border-color:#fff}.cta-section .btn:hover{background:#f8fafc;transform:translateY(-2px)}.cta-section .btn-outline{background:transparent;color:#fff;border-color:#fff}.cta-section .btn-outline:hover{background:#fff;color:var(--primary-color)}.notification{position:fixed;top:2rem;right:2rem;z-index:1000;max-width:400px;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a;animation:slideIn .3s ease}.notification-success{background:#10b981;color:#fff}.notification-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.notification-message{flex:1;margin-left:1rem}.notification-close{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background .3s ease}.notification-close:hover{background:#fff3}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#0000001a;z-index:1000}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));width:0%;transition:width .1s ease}@media(max-width:768px){.blog-hero{min-height:40vh}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.hero-description{font-size:1.25rem}.hero-stats{justify-content:center}.hero-visual{min-height:300px}.floating-card{display:none}.blog-layout{grid-template-columns:1fr;gap:2rem}.posts-grid{grid-template-columns:1fr}.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.search-form{flex-direction:column}.cta-actions{flex-direction:column;align-items:center}.notification{right:1rem;left:1rem;max-width:none}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem}.hero-stats .stat-number{font-size:2rem}.featured-post .post-content,.blog-post .post-content,.sidebar-widget{padding:1rem}}#app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family)}.main-content{min-height:calc(100vh - 120px);padding:var(--spacing-4) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}.print-only{display:block!important}}