.section-container{margin-left:auto;margin-right:auto;width:100%;max-width:56rem}.section-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}@media (min-width: 640px){.section-header{margin-bottom:2rem;gap:1rem}}.section-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.section-icon{height:3rem;width:3rem}}.section-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;line-height:1.25;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.section-title{font-size:1.5rem;line-height:2rem}}.section-subtitle{margin-top:.25rem;font-size:.75rem;line-height:1rem;line-height:1.25;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.section-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.section-subtitle{font-size:.875rem;line-height:1.25rem}}.section-content{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-content:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.section-content{padding:2rem}}.unified-input{width:100%;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem .75rem 3rem;text-align:left;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.unified-input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.unified-input::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.unified-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.unified-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#37415180;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.unified-input:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.unified-input:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.unified-input[dir=rtl]{text-align:right}.unified-textarea{max-height:400px;min-height:120px;width:100%;resize:vertical;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem;text-align:left;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.unified-textarea::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.unified-textarea::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.unified-textarea:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.unified-textarea:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#37415180;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.unified-textarea:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.unified-textarea:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.unified-textarea[dir=rtl]{text-align:right}.unified-label{margin-bottom:.5rem;display:block;display:flex;align-items:center;gap:.5rem;text-align:left;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.unified-label:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.unified-label[dir=rtl]{text-align:right}.unified-icon-wrapper{position:absolute;left:.75rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.unified-icon-wrapper[dir=rtl]{left:auto;right:.75rem}.section-basic .section-icon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ea580c var(--tw-gradient-to-position) }.section-basic .unified-input:focus:focus,.section-basic .unified-textarea:focus:focus{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1)) }.section-basic .unified-icon-wrapper{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.section-basic .unified-icon-wrapper:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.section-summary .section-icon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position) }.section-summary .unified-input:focus:focus,.section-summary .unified-textarea:focus:focus{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1)) }.section-summary .unified-icon-wrapper{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.section-summary .unified-icon-wrapper:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.section-experience .section-icon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #059669 var(--tw-gradient-to-position) }.section-experience .unified-input:focus:focus,.section-experience .unified-textarea:focus:focus{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)) }.section-experience .unified-icon-wrapper{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.section-experience .unified-icon-wrapper:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.section-education .section-icon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) }.section-education .unified-input:focus:focus,.section-education .unified-textarea:focus:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.section-education .unified-icon-wrapper{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.section-education .unified-icon-wrapper:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.section-skills .section-icon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position) }.section-skills .unified-input:focus:focus,.section-skills .unified-textarea:focus:focus{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1)) }.section-skills .unified-icon-wrapper{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.section-skills .unified-icon-wrapper:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.section-extra .section-icon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position) }.section-extra .unified-input:focus:focus,.section-extra .unified-textarea:focus:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1)) }.section-extra .unified-icon-wrapper{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.section-extra .unified-icon-wrapper:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.unified-card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.unified-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.unified-card:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.unified-card.dragging{z-index:10;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.unified-card-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding:1.5rem}.unified-card-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.unified-card-header{padding:2rem}}.unified-card-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media (min-width: 640px){.unified-card-content{flex-direction:row;align-items:center}}.unified-card-left{display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.unified-card-left{gap:.75rem}}.unified-card-right{display:flex;align-items:center;gap:.25rem}@media (min-width: 640px){.unified-card-right{gap:.5rem}}.unified-button{display:flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.unified-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }@media (min-width: 640px){.unified-button{padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}}.unified-button.primary{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.unified-button.primary:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.unified-button.primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1)) }.unified-button.primary:is(.dark *){background-color:#581c8733;--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.unified-button.primary:hover:is(.dark *){background-color:#581c874d}.unified-button.secondary{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.unified-button.secondary:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.unified-button.secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)) }.unified-button.secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.unified-button.secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.unified-button.success{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.unified-button.success:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.unified-button.success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1)) }.unified-button.success:is(.dark *){background-color:#14532d33;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.unified-button.success:hover:is(.dark *){background-color:#14532d4d}.unified-button.danger{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.unified-button.danger:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.unified-button.danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)) }.unified-button.danger:is(.dark *){background-color:#7f1d1d33;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.unified-button.danger:hover:is(.dark *){background-color:#7f1d1d4d}.unified-button:hover{--tw-translate-y: -.25rem;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.unified-icon-button{border-radius:.75rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-icon-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.unified-icon-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1)) }.unified-icon-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.unified-icon-button{padding:.5rem}}.unified-icon-button:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.unified-drag-handle{cursor:grab;border-radius:.75rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-drag-handle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.unified-drag-handle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1)) }.unified-drag-handle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.unified-drag-handle{padding:.5rem}}.unified-drag-handle:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.unified-drag-handle:active{cursor:grabbing}.unified-toggle-button{border-radius:.75rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-toggle-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.unified-toggle-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1)) }.unified-toggle-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.unified-toggle-button{padding:.5rem}}.unified-toggle-button:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.unified-preview{min-width:0px;flex:1 1 0%}.unified-preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.unified-preview-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.unified-preview-title{font-size:1.25rem;line-height:1.75rem}}.unified-preview-subtitle{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.unified-preview-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.unified-preview-subtitle{font-size:1rem;line-height:1.5rem}}.unified-preview-hidden{margin-top:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.unified-preview-hidden:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.unified-preview-hidden{font-size:.875rem;line-height:1.25rem}}.unified-reorder-controls{margin-right:.5rem;display:flex;align-items:center;gap:.25rem}@media (min-width: 640px){.unified-reorder-controls{margin-right:.75rem;gap:.5rem}}.unified-reorder-button{border-radius:.75rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-reorder-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.unified-reorder-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)) }.unified-reorder-button:disabled{cursor:not-allowed;opacity:.5}.unified-reorder-button:hover:is(.dark *){background-color:#1e3a8a80}@media (min-width: 640px){.unified-reorder-button{padding:.5rem}}.unified-reorder-button:hover:not(:disabled){--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.unified-action-button{border-radius:.75rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-action-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@media (min-width: 640px){.unified-action-button{padding:.5rem}}.unified-action-button.visibility:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.unified-action-button.visibility:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1)) }.unified-action-button.visibility:hover:is(.dark *){background-color:#14532d80}.unified-action-button.remove:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.unified-action-button.remove:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)) }.unified-action-button.remove:hover:is(.dark *){background-color:#7f1d1d80}.unified-fields{padding:1.5rem}@media (min-width: 640px){.unified-fields{padding:2rem}}.unified-fields-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 640px){.unified-fields-grid{gap:2rem}}@media (min-width: 1024px){.unified-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.unified-field-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}@media (min-width: 640px){.unified-field-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}}.unified-field{position:relative}.unified-field-label{margin-bottom:.75rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-field-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.unified-field-label:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.unified-field-label:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.unified-date-input{width:100%;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem 2.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.unified-date-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.unified-date-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.unified-date-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.unified-date-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.unified-date-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.unified-date-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.unified-date-input:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.unified-date-icon{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.unified-date-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.unified-date-preview{margin-top:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.unified-date-preview:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.unified-date-preview.present{font-weight:500;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.unified-date-preview.present:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.unified-add-button{display:flex;align-items:center;gap:.75rem;border-radius:1rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);padding:1rem 2rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.unified-add-button:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.unified-add-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }@media (min-width: 640px){.unified-add-button{gap:1rem;padding:1.25rem 2.5rem;font-size:1.125rem;line-height:1.75rem}}.unified-add-button:hover{--tw-translate-y: -.5rem;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-order-container{margin-left:auto;margin-right:auto;width:100%;max-width:56rem}.section-order-header{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem}@media (min-width: 640px){.section-order-header{flex-direction:row;align-items:center}}.section-order-title{display:flex;align-items:center;gap:.75rem}.section-order-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #db2777 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-order-info h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.section-order-info h3:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.section-order-info p{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.section-order-info p:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.section-order-btn{display:flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.5rem 1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-order-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.section-order-btn-edit{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.section-order-btn-edit:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.section-order-btn-edit:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1)) }.section-order-btn-edit:is(.dark *){background-color:#581c8733;--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.section-order-btn-edit:hover:is(.dark *){background-color:#581c874d}.section-order-btn-cancel{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.section-order-btn-cancel:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.section-order-btn-cancel:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)) }.section-order-btn-cancel:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.section-order-btn-cancel:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.section-order-btn-apply{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.section-order-btn-apply:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.section-order-btn-apply:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1)) }.section-order-btn-apply:is(.dark *){background-color:#14532d33;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.section-order-btn-apply:hover:is(.dark *){background-color:#14532d4d}.reorder-controls{margin-bottom:1.5rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eef2ff var(--tw-gradient-to-position);padding:1rem}.reorder-controls:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(49 46 129 / .2) var(--tw-gradient-to-position) }.reorder-controls-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.reorder-controls-left{display:flex;align-items:center;gap:.75rem}.reorder-controls-btn{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.reorder-controls-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.reorder-controls-btn-quick{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.reorder-controls-btn-quick:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.reorder-controls-btn-quick:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)) }.reorder-controls-btn-quick:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.reorder-controls-btn-quick:hover:is(.dark *){background-color:#1e3a8a80}.reorder-controls-btn-reset{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.reorder-controls-btn-reset:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.reorder-controls-btn-reset:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1)) }.reorder-controls-btn-reset:is(.dark *){background-color:#7c2d124d;--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.reorder-controls-btn-reset:hover:is(.dark *){background-color:#7c2d1280}.reorder-controls-info{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.reorder-controls-info:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.section-item{position:relative;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.section-item-editing{cursor:grab}.section-item-editing:active{cursor:grabbing}.section-item-hidden{opacity:.6}.section-item-content{padding:1rem}@media (min-width: 640px){.section-item-content{padding:1.5rem}}.section-item-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-item-left{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:.75rem}.section-item-drag-handle{cursor:grab;border-radius:.5rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.section-item-drag-handle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.section-item-drag-handle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.section-item-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-item-info{min-width:0px;flex:1 1 0%}.section-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.section-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.section-item-title{font-size:1.125rem;line-height:1.75rem}}.section-item-description{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.section-item-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.section-item-hidden-label{margin-top:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.section-item-hidden-label:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.section-item-right{display:flex;align-items:center;gap:.5rem}.reorder-arrows{display:flex;flex-direction:column;gap:.25rem}.reorder-arrow-btn{border-radius:.5rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reorder-arrow-btn:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.reorder-arrow-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)) }.reorder-arrow-btn:hover:is(.dark *){background-color:#1e3a8a80}.reorder-arrow-icon{height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.reorder-arrow-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.control-btn{border-radius:.5rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.control-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.control-btn-visibility:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.control-btn-visibility:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1)) }.control-btn-visibility:hover:is(.dark *){background-color:#14532d80}.control-btn-lock:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.control-btn-lock:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1)) }.control-btn-lock:hover:is(.dark *){background-color:#7c2d1280}.control-btn-icon{height:1rem;width:1rem}.control-btn-icon-visible{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.control-btn-icon-visible:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.control-btn-icon-hidden{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.control-btn-icon-hidden:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.control-btn-icon-locked{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.control-btn-icon-locked:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.control-btn-icon-unlocked{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.control-btn-icon-unlocked:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.order-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.order-indicator:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.order-indicator-content{display:flex;align-items:center;gap:.25rem}.order-indicator-position{font-weight:700;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.order-indicator-position:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.order-indicator-order{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.order-indicator-order:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.order-indicator-label{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.order-indicator-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.order-indicator-value{font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.order-indicator-value:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.section-summary{margin-top:1rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);padding:1rem}.section-summary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(20 83 45 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(6 78 59 / .2) var(--tw-gradient-to-position) }.section-summary-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-summary-left{display:flex;align-items:center;gap:.75rem}.section-summary-icon{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.section-summary-icon-svg{height:1rem;width:1rem}.section-summary-info p:first-child{font-weight:600;--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.section-summary-info p:first-child:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.section-summary-info p:last-child{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.section-summary-info p:last-child:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.section-summary-right{text-align:right}.section-summary-time{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.section-summary-time:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.section-item-enter{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.section-item-enter-active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-item-exit{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.section-item-exit-active{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-item-editing:hover{--tw-translate-y: -4px;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-item:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }@media (max-width: 640px){.section-order-header,.section-item-main{flex-direction:column;align-items:flex-start;gap:.75rem}.section-item-right{width:100%;justify-content:flex-end}.reorder-controls-content{flex-direction:column;align-items:flex-start;gap:.75rem}.reorder-controls-left{width:100%;justify-content:space-between}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-title{font-size:1.125rem;line-height:1.75rem}.section-subtitle{font-size:.75rem;line-height:1rem}.section-content,.unified-card-header{padding:1rem}.unified-card-content{flex-direction:column;align-items:flex-start;gap:.75rem}.unified-card-right{width:100%;justify-content:flex-end}.unified-fields-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.unified-preview-title{font-size:1rem;line-height:1.5rem}.unified-preview-subtitle{font-size:.875rem;line-height:1.25rem}.unified-preview-hidden{font-size:.75rem;line-height:1rem}.unified-input,.unified-textarea,.unified-date-input{padding:.75rem;font-size:1rem;line-height:1.5rem}.unified-field-label,.unified-date-preview{font-size:.75rem;line-height:1rem}.unified-button span{display:none}.unified-reorder-controls{margin-right:.25rem}}@media (max-width: 480px){.section-icon{height:2rem;width:2rem}.section-title{font-size:1rem;line-height:1.5rem}.unified-card{border-radius:.75rem}.unified-card-header,.unified-fields{padding:.75rem}.unified-input,.unified-textarea,.unified-date-input{padding:.75rem;font-size:1rem;line-height:1.5rem;font-size:16px!important;line-height:1.2;min-height:48px}.unified-button{padding:.5rem}.unified-icon-button,.unified-drag-handle,.unified-toggle-button{padding:.25rem}}@media (hover: none) and (pointer: coarse){.unified-input,.unified-textarea,.unified-date-input{padding:.75rem;font-size:1rem;line-height:1.5rem;font-size:16px!important;min-height:48px;border-width:2px}.unified-button,.unified-icon-button,.unified-drag-handle,.unified-toggle-button{min-height:44px;min-width:44px}}.unified-input:focus,.unified-textarea:focus,.unified-date-input:focus{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.unified-button:focus,.unified-icon-button:focus,.unified-drag-handle:focus,.unified-toggle-button:focus{--tw-ring-offset-width: 2px }.unified-card{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.unified-card.dragging{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .unified-card{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark .unified-card:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark .unified-input,.dark .unified-textarea,.dark .unified-date-input{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#37415180;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark .unified-input:focus,.dark .unified-textarea:focus,.dark .unified-date-input:focus{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.dark .section-item{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark .section-item:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark .control-btn:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.section-item-drag-handle:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.control-btn:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.section-item{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.section-item:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media print{.unified-button,.unified-icon-button,.unified-drag-handle,.unified-toggle-button,.unified-reorder-controls{display:none}.unified-card{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.unified-card-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.unified-input,.unified-textarea,.unified-date-input{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));background-color:transparent}.section-order-container{max-width:none}.section-order-controls{display:none}}.unified-button:focus-visible,.unified-icon-button:focus-visible,.unified-drag-handle:focus-visible,.unified-toggle-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.unified-input:focus-visible,.unified-textarea:focus-visible,.unified-date-input:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }[dir=rtl] .unified-icon-wrapper{left:auto;right:.75rem}[dir=rtl] .unified-date-icon{right:auto;left:.75rem}[dir=rtl] .unified-input{padding-left:.75rem;padding-right:3rem}[dir=rtl] .unified-date-input{padding-left:2.5rem;padding-right:2.5rem}.section-card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-card:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-icon:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.gradient-blue{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) }.gradient-purple{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #db2777 var(--tw-gradient-to-position) }.gradient-green{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #059669 var(--tw-gradient-to-position) }.gradient-indigo{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position) }.gradient-orange{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position) }.gradient-pink{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e11d48 var(--tw-gradient-to-position) }.status-indicator{height:.5rem;width:.5rem;border-radius:9999px}.status-visible{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.status-hidden{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.status-locked{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.status-unlocked{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.order-number{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.order-number:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.section-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 1024px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (min-width: 1024px){.section-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 1280px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (prefers-contrast: high){.section-card{border-width:2px;--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.section-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.section-control-button{border-width:2px;--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.section-control-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}}@media (prefers-reduced-motion: reduce){.section-card,.unified-card,.section-item{transition-property:none}.section-card:hover,.unified-card:hover,.section-item:hover{transform:none}}.slider{height:.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.slider:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.slider::-webkit-slider-track{height:.5rem;width:100%;cursor:pointer;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.slider:is(.dark *)::-webkit-slider-track{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.slider::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.slider::-webkit-slider-thumb:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.slider::-webkit-slider-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.slider::-moz-range-track{height:.5rem;width:100%;cursor:pointer;border-radius:.5rem;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.slider:is(.dark *)::-moz-range-track{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.slider::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.slider::-moz-range-thumb:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.slider::-moz-range-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.dark .slider::-webkit-slider-track{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark .slider::-webkit-slider-thumb{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.dark .slider::-webkit-slider-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(216 180 254 / var(--tw-bg-opacity, 1))}.dark .slider::-moz-range-track{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark .slider::-moz-range-thumb{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.dark .slider::-moz-range-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(216 180 254 / var(--tw-bg-opacity, 1))}.reorder-item{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.reorder-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.reorder-item:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tab-content{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tab-content-enter-active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.tab-content-exit-active{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)}.layout-button{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.layout-button:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.layout-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.layout-button:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.layout-button:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.layout-button:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.color-picker{height:3rem;width:3rem;cursor:pointer;border-radius:.75rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.color-picker:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.color-picker:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.color-picker:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.color-picker:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark .color-picker{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark .color-picker:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.template-option{cursor:pointer;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.template-option:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.template-option.selected{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.template-option.selected:is(.dark *){--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}@media (max-width: 768px){.layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.tab-navigation{flex-wrap:wrap;gap:.5rem}.section-controls{flex-direction:column;gap:.5rem}}.loading{position:relative;overflow:hidden}.loading:after{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes pulse{50%{opacity:.5}}.loading:after{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position) }.layout-button:focus,.section-control-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.dark .layout-button:focus,.dark .section-control-button:focus{--tw-ring-offset-color: #111827 }@media print{.layout-tab,.section-order-controls{display:none}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 1280px){.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}}@media (min-width: 768px) and (max-width: 1023px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}.services-grid>*>*{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.services-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;padding:1.5rem}@media (min-width: 640px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.large-card{grid-column:span 1 / span 1;grid-row:span 2 / span 2}.small-card{grid-column:span 1 / span 1;grid-row:span 1 / span 1}.services-grid>*{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.services-grid>*:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (max-width: 767px){.services-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;padding:1rem}.services-grid>*{grid-column:span 1 / span 1;grid-row:span 1 / span 1}}@media (min-width: 768px) and (max-width: 1023px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.5rem}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:2rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 1280px){.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px) and (max-width: 1023px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}.greeting-card{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e11d48 var(--tw-gradient-to-position) }.resume-card{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) }.saudi-dates-card{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #059669 var(--tw-gradient-to-position) }.large-card.adhkar{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #db2777 var(--tw-gradient-to-position) }.large-card.mathematics{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position) }.small-card.age-calculator{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #2563eb var(--tw-gradient-to-position) }.small-card.date-difference{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #16a34a var(--tw-gradient-to-position) }.small-card.whatsapp{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #059669 var(--tw-gradient-to-position) }.small-card.qr-generator{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position) }.small-card.tafqit{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ea580c var(--tw-gradient-to-position) }.small-card.more{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4b5563 var(--tw-gradient-to-position) }.greeting-card,.resume-card,.saudi-dates-card{grid-column:span 1 / span 1;grid-row:span 1 / span 1}@media (min-width: 1024px){.greeting-card,.resume-card,.saudi-dates-card{grid-column:span 1 / span 1;grid-row:span 1 / span 1}.large-card{grid-column:span 1 / span 1;grid-row:span 2 / span 2}.small-card{grid-column:span 1 / span 1;grid-row:span 1 / span 1}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:linear-gradient(to right,#e5e7eb,#d1d5db);outline:none;transition:all .3s ease}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);cursor:pointer;box-shadow:0 2px 6px #8b5cf64d;-webkit-transition:all .3s ease;transition:all .3s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);cursor:pointer;border:none;box-shadow:0 2px 6px #8b5cf64d;-moz-transition:all .3s ease;transition:all .3s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.tab-nav{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:4px;box-shadow:inset 0 2px 4px #0000000d}.tab-nav.dark{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:inset 0 2px 4px #0003}.tab-button{display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.75rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.tab-button-active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tab-button-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tab-button-inactive{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.tab-button-inactive:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.tab-button-inactive:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tab-button-inactive:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.section-card{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.section-card:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-card.dragging{z-index:50;--tw-rotate: 2deg;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.section-card.hidden{opacity:.6}.control-button{border-radius:.5rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.control-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.control-button-visibility:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.control-button-visibility:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.control-button-visibility:hover:is(.dark *){background-color:#14532d80}.control-button-lock:hover{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.control-button-lock:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1))}.control-button-lock:hover:is(.dark *){background-color:#713f1280}.control-button-reorder:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.control-button-reorder:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.control-button-reorder:hover:is(.dark *){background-color:#1e3a8a80}.template-option{border-radius:.5rem;border-width:2px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.template-option:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.template-option.selected{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.template-option.selected:is(.dark *){background-color:#581c8733}.template-option:not(.selected){--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.template-option:not(.selected):hover{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.template-option:not(.selected):is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.color-picker{height:3rem;width:3rem;cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.color-picker:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.color-picker:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.layout-button{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.layout-button-primary{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.layout-button-primary:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.layout-button-primary:is(.dark *){background-color:#581c8733;--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.layout-button-primary:hover:is(.dark *){background-color:#581c874d}.layout-button-secondary{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.layout-button-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.layout-button-secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.layout-button-secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.layout-button-success{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.layout-button-success:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.layout-button-success:is(.dark *){background-color:#14532d33;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.layout-button-success:hover:is(.dark *){background-color:#14532d4d}.layout-button-warning{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.layout-button-warning:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.layout-button-warning:is(.dark *){background-color:#7c2d124d;--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.layout-button-warning:hover:is(.dark *){background-color:#7c2d1280}.layout-button-info{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.layout-button-info:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.layout-button-info:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.layout-button-info:hover:is(.dark *){background-color:#1e3a8a80}.tab-content-enter{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.tab-content-enter-active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.tab-content-exit{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.tab-content-exit-active{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-icon{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-icon:hover{--tw-rotate: 3deg;--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drag-handle{cursor:grab;border-radius:.5rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.drag-handle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.drag-handle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1))}.drag-handle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.drag-handle:active{cursor:grabbing}.status-indicator{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.status-visible{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.status-visible:is(.dark *){background-color:#14532d4d;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.status-hidden{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.status-hidden:is(.dark *){background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.status-locked{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.status-locked:is(.dark *){background-color:#713f124d;--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.status-unlocked{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.status-unlocked:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.order-number{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.tab-navigation{flex-direction:column;gap:.25rem}.section-controls{flex-direction:column;gap:.5rem}.template-grid,.layout-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.loading{pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;margin-top:-.625rem;margin-left:-.625rem;height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}.loading:after{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.layout-button:focus,.slider:focus,.color-picker:focus,.control-button:focus,.drag-handle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.dark .layout-button:focus,.dark .slider:focus,.dark .color-picker:focus,.dark .control-button:focus,.dark .drag-handle:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}@media print{.layout-tab{display:none}.section-card.layout-tab{opacity:.6}.section-order-controls{display:none}.section-card.section-order-controls{opacity:.6}}@media (prefers-contrast: high){.section-card{border-width:2px}.control-button{border-width:1px;border-color:currentColor}.template-option{border-width:2px}}@media (prefers-reduced-motion: reduce){.section-card,.control-button,.template-option,.section-icon,.layout-button{transition-property:none}.section-card:hover,.template-option:hover,.section-icon:hover{transform:none}}.layout-tab::-webkit-scrollbar{width:6px}.layout-tab::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.layout-tab:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.layout-tab::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.layout-tab:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.layout-tab::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.layout-tab:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.gradient-indigo{background:linear-gradient(135deg,#6366f1,#3b82f6)}.gradient-orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.gradient-pink{background:linear-gradient(135deg,#ec4899,#8b5cf6)}@keyframes success-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.success-animation{animation:success-bounce .6s ease-in-out}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-animation{animation:error-shake .5s ease-in-out}.layout-tab *{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.layout-tooltip{pointer-events:none;position:absolute;z-index:50;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:0;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.layout-tooltip.show{opacity:1}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.card.dark{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #0000004d}.section-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease;cursor:grab}.section-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.section-item:active{cursor:grabbing}.section-item.dark{background:#1e293b;border-color:#334155;box-shadow:0 2px 8px #0003}.icon-gradient{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.card{padding:16px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}.section-item{padding:12px}}.dark .slider{background:linear-gradient(to right,#374151,#4b5563)}.dark .slider::-webkit-slider-thumb{background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 2px 6px #a855f766}.dark .slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #a855f780}.slider:focus{outline:2px solid #8b5cf6;outline-offset:2px}.btn-primary:focus,.btn-secondary:focus{outline:2px solid #8b5cf6;outline-offset:2px}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #8b5cf6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.demo-data-section{background:linear-gradient(135deg,#fdf4ff,#fce7f3);border:1px solid #e879f9;border-radius:16px;padding:24px;position:relative;overflow:hidden}.demo-data-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.demo-data-section.dark{background:linear-gradient(135deg,#581c87,#831843);border-color:#a855f7}.demo-data-section.dark:before{background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%)}.demo-data-button{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf666;position:relative;overflow:hidden}.demo-data-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 ease}.demo-data-button:hover:before{left:100%}.demo-data-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #8b5cf699}.demo-data-button:active{transform:translateY(0) scale(.98)}.demo-data-preview{background:#fffc;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px;transition:all .3s ease}.demo-data-preview:hover{background:#fffffff2;border-color:#8b5cf666;transform:translateY(-1px)}.demo-data-preview.dark{background:#1e293bcc;border-color:#a855f74d}.demo-data-preview.dark:hover{background:#1e293bf2;border-color:#a855f780}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.success-message{animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.demo-loading{position:relative;overflow:hidden}.demo-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.demo-data-section{padding:16px}.demo-data-button{padding:10px 20px;font-size:14px}.demo-data-preview{padding:12px}}@page{size:A4 portrait;margin:10mm}.resume-preview-container{width:210mm;min-height:297mm;max-width:210mm;margin:0 auto;background:#fff;box-shadow:0 4px 20px #0000001a;border-radius:8px;font-family:Tajawal,ui-sans-serif,system-ui,sans-serif;line-height:1.6;color:#333;padding:20mm;-webkit-print-print-color-adjust:exact;print-print-color-adjust:exact;transform-origin:top center;transition:all .3s ease;display:block;position:relative;direction:inherit;text-align:inherit}.resume-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#333;flex-direction:column;gap:1rem}.loading-spinner{border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resume-error{padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;margin:1rem 0}.error-details{font-size:.9rem;margin-top:.5rem;opacity:.8}.resume-content{position:relative;z-index:2}.resume-content .header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb;page-break-after:avoid}.resume-content .header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.025em}.resume-content .header .job-title{font-size:1.25rem;color:#6b7280;margin:0;font-weight:500}.resume-content .contact-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;justify-content:center}.resume-content .contact-item{display:flex;align-items:center;gap:.5rem}.resume-content .contact-value{color:#333;text-decoration:none}.resume-content .contact-value:hover{text-decoration:underline}.resume-content .section{margin-bottom:24px;page-break-inside:avoid}.resume-content .section:last-child{margin-bottom:0}.resume-content .section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.05em;page-break-after:avoid}.resume-content h1,.resume-content h2,.resume-content h3,.resume-content h4,.resume-content h5,.resume-content h6{color:#1f2937;font-weight:700;text-transform:none;text-decoration:none;page-break-after:avoid;margin-bottom:.5rem}.resume-content h1{font-size:1.75rem;margin-bottom:1rem}.resume-content h2{font-size:1.25rem;margin-bottom:.75rem}.resume-content h3{font-size:1.1rem;margin-bottom:.5rem}.resume-content p,.resume-content li{margin-bottom:.5rem;line-height:1.6}.resume-content .experience-item,.resume-content .education-item{margin-bottom:1rem;page-break-inside:avoid}.resume-content .experience-item:last-child,.resume-content .education-item:last-child{margin-bottom:0}.resume-content .experience-header,.resume-content .education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.resume-content .experience-title,.resume-content .education-institution{font-weight:700;color:#1f2937;margin:0}.resume-content .experience-company,.resume-content .education-degree{color:#6b7280;font-style:italic;margin:0}.resume-content .experience-location,.resume-content .education-field{color:#6b7280;font-size:.9rem}.resume-content .experience-dates,.resume-content .education-dates{color:#6b7280;font-size:.9rem;text-align:right}.resume-content .experience-description,.resume-content .education-description{margin-top:.5rem}.resume-content .education-gpa{color:#6b7280;font-size:.9rem;font-style:italic;margin:.5rem 0}.resume-content .skills-category{margin-bottom:1rem}.resume-content .skills-category:last-child{margin-bottom:0}.resume-content .skills-category-title{font-weight:700;color:#1f2937;margin-bottom:.5rem}.resume-content .skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.resume-content .skill-item{background-color:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:3px;font-size:.9rem}.resume-content ul,.resume-content ol{margin:.5rem 0;padding-left:1.5rem;page-break-inside:avoid}.resume-content li{margin-bottom:.25rem;line-height:1.6}.resume-content li:last-child{margin-bottom:0}.resume-content .two-column-layout{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.resume-content .left-column{background-color:#f8fafc;padding:1rem;border-radius:4px}.resume-content .right-column{padding-left:1rem}.resume-content .left-column-section,.resume-content .right-column-section{margin-bottom:1rem}.resume-content .left-column-section:last-child,.resume-content .right-column-section:last-child{margin-bottom:0}.resume-content .timeline-layout .section-content{position:relative;padding-left:2rem}.resume-content .timeline-layout .section-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#3b82f6}.resume-content .timeline-item{position:relative;margin-bottom:1.5rem}.resume-content .timeline-item:before{content:"";position:absolute;left:-2.5rem;top:.5rem;width:12px;height:12px;background-color:#3b82f6;border-radius:50%;border:2px solid white}.resume-content[dir=rtl]{direction:rtl;text-align:right}.resume-content[dir=rtl] .contact-info{justify-content:center}.resume-content[dir=rtl] .experience-header,.resume-content[dir=rtl] .education-header{flex-direction:row-reverse}.resume-content[dir=rtl] .experience-dates,.resume-content[dir=rtl] .education-dates{text-align:left}.resume-content[dir=rtl] .timeline-layout .section-content{padding-left:0;padding-right:2rem}.resume-content[dir=rtl] .timeline-layout .section-content:before{left:auto;right:0}.resume-content[dir=rtl] .timeline-item:before{left:auto;right:-2.5rem}.resume-content[dir=rtl] .two-column-layout{grid-template-columns:2fr 1fr}.resume-content[dir=rtl] .right-column{padding-left:0;padding-right:1rem}.resume-content[dir=rtl] .left-column{padding-right:0;padding-left:1rem}@media print{.resume-preview-container{width:210mm!important;height:297mm!important;margin:0!important;padding:10mm!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;color:#000!important;font-size:12pt!important;line-height:1.4!important;transform:none!important;page-break-inside:avoid!important}.resume-content h1{font-size:18pt!important;margin-bottom:12pt!important}.resume-content h2{font-size:14pt!important;margin-bottom:8pt!important}.resume-content h3{font-size:12pt!important;margin-bottom:6pt!important}.resume-content .section{margin-bottom:12pt!important;page-break-inside:avoid!important}.resume-content .experience-item,.resume-content .education-item{margin-bottom:8pt!important;page-break-inside:avoid!important}.resume-content ul,.resume-content ol{margin:6pt 0!important;padding-left:18pt!important;page-break-inside:avoid!important}.resume-content li{margin-bottom:3pt!important}.resume-content h1,.resume-content h2,.resume-content h3{page-break-after:avoid!important}.resume-content .experience-item,.resume-content .education-item{page-break-inside:avoid!important}.no-print,button,.controls-bar{display:none!important}.resume-content .two-column-layout{display:block!important}.resume-content .left-column,.resume-content .right-column{padding:0!important;margin-bottom:12pt!important}}@media (max-width: 768px){.resume-preview-container{width:100%;min-height:auto;transform:scale(.9);transform-origin:top center}.resume-content .two-column-layout{display:block;grid-template-columns:none}.resume-content .left-column{padding:0;margin-bottom:1rem}.resume-content .right-column{padding-left:0}}@media (max-width: 480px){.resume-preview-container{transform:scale(.8);padding:12px}}.dark .resume-preview-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 20px #0000004d}.dark .resume-content .header h1{color:#f9fafb}.dark .resume-content .header .job-title,.dark .resume-content .contact-item{color:#d1d5db}.dark .resume-content .contact-value{color:#f9fafb}.dark .resume-content .section-title{color:#f9fafb;border-bottom-color:#374151}.dark .resume-content .experience-title,.dark .resume-content .education-institution{color:#f9fafb}.dark .resume-content .experience-company,.dark .resume-content .education-degree,.dark .resume-content .experience-location,.dark .resume-content .education-field,.dark .resume-content .experience-dates,.dark .resume-content .education-dates{color:#d1d5db}.dark .resume-content .skills-category-title{color:#f9fafb}.dark .resume-content .skill-item{background-color:#374151;color:#f9fafb}.dark .resume-content .left-column{background-color:#111827}.dark .resume-content .timeline-layout .section-content:before{background-color:#60a5fa}.dark .resume-content .timeline-item:before{background-color:#60a5fa;border-color:#1f2937}.resume-content{color:#000;background-color:#fff}.resume-content{outline:none}.resume-content a:focus,.resume-content button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.resume-preview-container{transition:none}.loading-spinner{animation:none}}@media (prefers-contrast: high){.resume-content{color:#000;background-color:#fff}.resume-content .section-title{border-bottom-color:#000}.resume-content .skill-item{background-color:#000;color:#fff;border:1px solid #000000}}