:root{--bg-primary: #0a0f1c;--bg-secondary: #0f172a;--bg-glass: rgba(255, 255, 255, .03);--color-primary-start: #667eea;--color-primary-end: #764ba2;--color-primary-gradient: linear-gradient(135deg, var(--color-primary-start) 0%, var(--color-primary-end) 100%);--accent-blue: #3b82f6;--accent-teal: #0d9488;--accent-indigo: #6366f1;--accent-cyan: #06b6d4;--accent-purple: #7c3aed;--grad-bg: linear-gradient(135deg, #0a0f1c 0%, #111827 50%, #0f172a 100%);--grad-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);--grad-icon: linear-gradient(135deg, #667eea, #764ba2, #8b5cf6);--grad-text: linear-gradient(135deg, #667eea, #a855f7);--text-primary: #ffffff;--text-secondary: rgba(148, 163, 184, .8);--text-muted: rgba(148, 163, 184, .6);--border-subtle: rgba(148, 163, 184, .15);--color-success: #52c41a;--color-error: #ef4444;--color-warning: #faad14;--color-info: #1890ff;--color-bg-light: #f0f2f5;--color-border-light: #e8e8e8}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--color-bg-light)}#root{width:100%;height:100%}html{scroll-behavior:smooth}.editor-page{padding:1em}.styled-button{transition:all .3s ease-in-out;transform:scale(1);transform-origin:center;cursor:pointer;max-width:100%;flex-shrink:1;box-sizing:border-box}.styled-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026;opacity:.9}.styled-button:active{transform:scale(.98);transition:all .1s ease-in-out}.styled-button:focus{outline:none}.action-buttons-wrapper{width:100%;box-sizing:border-box;overflow:hidden}.action-buttons-wrapper ::-webkit-scrollbar{display:none}.action-buttons-wrapper{-ms-overflow-style:none;scrollbar-width:none}.types-container::-webkit-scrollbar{display:none}.types-container{-ms-overflow-style:none;scrollbar-width:none}.action-buttons-container::-webkit-scrollbar{display:none}.action-buttons-container{-ms-overflow-style:none;scrollbar-width:none}.page-buttons :hover{transform:scale(1.02);transition:transform .4s ease}.section-highlight{position:absolute;pointer-events:none;border:2px dashed #1890ff;background:#1890ff0f;z-index:10;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease,opacity .15s ease}.section-highlight-label{position:absolute;top:-22px;left:-2px;background:#1890ff;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:3px 3px 0 0;white-space:nowrap;line-height:16px}.button-card{border:3px solid transparent;transition:border-color .3s ease-in-out}.active-button-card{border:3px solid green;transition:border-color .3s ease-in-out}.template-carousel{padding:2em 3em;border-radius:1.5em;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#2d2d3cf2,#1e1e28e6);box-shadow:0 8px 40px #0000004d,0 0 80px #6366f114,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.12)}.template-card-container{padding:1em;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card{border-radius:1em!important;overflow:hidden;background:linear-gradient(135deg,#323241e6,#232330f2)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #00000040,0 0 0 1px #ffffff0d;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.template-card .ant-card-head{background:linear-gradient(90deg,#6366f126,#8b5cf61a);border-bottom:1px solid rgba(255,255,255,.08);padding:.75em 1.25em}.template-card .ant-card-head-title{color:#fff;font-weight:600;font-size:1.1em;letter-spacing:.02em}.template-card .ant-card-body{padding:0!important}.template-preview-wrapper{position:relative;cursor:pointer;border-radius:0 0 .8em .8em;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.template-preview-wrapper:after{content:"Click to Select";position:absolute;inset:0;background:linear-gradient(180deg,#6366f100,#6366f140 70%,#6366f180);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4em;font-weight:600;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.4);opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:10}.template-preview-wrapper:hover:after{opacity:1}.template-preview-wrapper:hover{transform:scale(1.01);box-shadow:0 0 0 3px #6366f180,0 8px 30px #6366f14d}.template-preview-wrapper:active{transform:scale(.99)}.template-preview-wrapper:active:after{background:linear-gradient(180deg,#6366f11a,#6366f166 70%,#6366f1b3)}.template-preview-content{max-height:55em;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) transparent}.template-preview-content::-webkit-scrollbar{width:6px}.template-preview-content::-webkit-scrollbar-track{background:transparent}.template-preview-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f199,#8b5cf699);border-radius:3px}.template-carousel .slick-prev,.template-carousel .slick-next{width:48px;height:48px;z-index:20;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6)!important;border-radius:50%;box-shadow:0 4px 15px #6366f166,0 0 20px #6366f133;transition:all .3s ease!important}.template-carousel .slick-prev:hover,.template-carousel .slick-next:hover{transform:scale(1.1);box-shadow:0 6px 25px #6366f180,0 0 30px #6366f14d}.template-carousel .slick-prev{left:-24px}.template-carousel .slick-next{right:-24px}.template-carousel .slick-prev:before,.template-carousel .slick-next:before{font-size:20px;font-weight:700}.template-carousel .slick-dots{bottom:-2em}.template-carousel .slick-dots li button{width:12px;height:12px;border-radius:50%;background:#ffffff4d!important;transition:all .3s ease}.template-carousel .slick-dots li button:before{display:none}.template-carousel .slick-dots li.slick-active button{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;box-shadow:0 0 10px #6366f180;transform:scale(1.2)}.template-admin-actions{display:flex;gap:.75em}.template-admin-actions .ant-btn{border-radius:.5em;font-weight:500;box-shadow:0 2px 8px #0003;transition:all .25s ease}.template-admin-actions .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.template-page{min-height:100vh;padding:1.5em 2em 4em;background:linear-gradient(135deg,#11111b,#191928,#141423)}.template-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2em;padding:1em 1.5em;background:linear-gradient(90deg,#3232464d,#3c3c5566,#3232464d);border-radius:1em;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0003}.template-page-title{margin:0!important;text-align:center;background:linear-gradient(90deg,#a78bfa,#818cf8,#6366f1,#818cf8,#a78bfa);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleGradient 4s ease infinite;font-weight:700!important;letter-spacing:.01em}@keyframes titleGradient{0%,to{background-position:0% center}50%{background-position:100% center}}.template-loading-card{max-width:60em;margin:0 auto;background:linear-gradient(135deg,#323241b3,#232330cc)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:1em!important}.template-carousel-container{max-width:60em;margin:0 auto;padding:0 1em}.template-empty-state{display:flex;justify-content:center;align-items:center;min-height:40vh;padding:3em;background:linear-gradient(145deg,#2d2d3c99,#1e1e2880);border-radius:1.5em;border:1px solid rgba(255,255,255,.08);max-width:40em;margin:2em auto}.template-empty-state .ant-empty-description{color:#fff9;font-size:1.1em}.template-page-header .ant-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;font-weight:600;padding:.5em 1.5em;height:auto;box-shadow:0 4px 15px #6366f14d,0 0 20px #6366f11a;transition:all .3s ease}.template-page-header .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f166,0 0 30px #6366f133}.template-page-header .ant-btn-primary[style*="background: red"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 15px #ef44444d,0 0 20px #ef44441a}.template-page-header .ant-btn-primary[style*="background: red"]:hover{box-shadow:0 6px 25px #ef444466,0 0 30px #ef444433}.ant-modal-content{background:linear-gradient(145deg,#2d2d3cfa,#1e1e28fa)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:1em!important;box-shadow:0 20px 60px #00000080!important}.ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.ant-modal-title{color:#fff!important}.ant-modal-body{color:#ffffffd9}.ant-modal-footer{border-top:1px solid rgba(255,255,255,.08)!important}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:var(--grad-bg)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 20s ease-in-out infinite;pointer-events:none}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#667eea 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#764ba2 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,var(--accent-indigo) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.3}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.login-content{display:flex;align-items:center;gap:60px;max-width:1000px;width:100%;padding:24px;position:relative;z-index:10}.branding-section{flex:1;display:none}@media(min-width:900px){.branding-section{display:block}}.brand-icon-wrapper{position:relative;width:80px;height:80px;margin-bottom:32px}.brand-icon-ring{position:absolute;inset:0;border-radius:20px;background:var(--grad-icon);animation:rotate-ring 8s linear infinite;opacity:.6}.brand-icon{position:absolute;inset:3px;background:#0f172af2;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#667eea}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-title{font-size:2.5rem!important;font-weight:700!important;color:#fff!important;margin-bottom:8px!important;letter-spacing:-.025em}.brand-accent{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{font-size:1.1rem;color:#94a3b8cc!important;display:block;margin-bottom:48px}.feature-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s ease}.feature-item:hover{background:#ffffff0d;border-color:#667eea4d;transform:translate(4px)}.feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;color:#667eea}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-text strong{color:#fff;font-weight:600;font-size:.95rem}.feature-text span{color:#94a3b8b3;font-size:.85rem}.form-section{flex:1;max-width:420px;width:100%}.login-card{background:var(--bg-glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0003,inset 0 1px #ffffff0d}.card-header{text-align:center;margin-bottom:32px}.card-title{color:#fff!important;font-weight:700!important;font-size:1.75rem!important;margin-bottom:8px!important}.card-subtitle{color:#94a3b8cc!important;font-size:.95rem}.login-form .ant-form-item-label label{color:#e2e8f0e6!important;font-weight:500!important;font-size:.875rem!important}.login-input.ant-input-affix-wrapper,.login-input.ant-input-password{background:#0f172a99!important;border:1px solid rgba(148,163,184,.15)!important;border-radius:12px!important;padding:12px 16px!important;transition:all .25s ease!important}.login-input.ant-input-affix-wrapper:hover,.login-input.ant-input-affix-wrapper-focused,.login-input.ant-input-password:hover{background:#0f172acc!important;border-color:#667eea80!important;box-shadow:0 0 0 3px #667eea1a!important}.login-input .ant-input{background:transparent!important;color:#fff!important;font-size:.95rem!important}.login-input .ant-input::placeholder{color:#94a3b880!important}.input-icon{color:#94a3b899;margin-right:8px}.submit-btn{height:52px!important;border-radius:12px!important;font-weight:600!important;font-size:1rem!important;background:var(--grad-primary)!important;border:none!important;box-shadow:0 4px 14px #667eea59,inset 0 1px #ffffff1a!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;transition:all .3s ease!important;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.submit-btn:hover:before{transform:translate(100%)}.submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #667eea66,inset 0 1px #ffffff26!important}.submit-btn:active{transform:translateY(0)!important}.login-divider{margin:28px 0!important}.login-divider:before,.login-divider:after{border-color:#94a3b826!important}.login-divider span{color:#94a3b880!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:.1em}.login-footer{text-align:center}.footer-text{color:#94a3b899!important;font-size:.85rem!important}.copyright{text-align:center;margin-top:24px;color:#94a3b84d;font-size:.75rem}.login-alert.ant-alert-error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.25)!important;border-radius:12px!important}.login-alert.ant-alert-error .ant-alert-message{color:#fca5a5!important}.login-alert .ant-alert-icon{color:#f87171!important}@media(max-width:899px){.login-content{padding:24px;justify-content:center}.form-section{max-width:100%}.login-card{padding:32px 24px}}@media(max-width:480px){.login-card{padding:28px 20px;border-radius:20px}.card-title{font-size:1.5rem!important}.submit-btn{height:48px!important}}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-input-password-icon{color:#94a3b880!important}.login-form .ant-input-password-icon:hover{color:#94a3b8cc!important}.login-form .ant-form-item-explain-error{font-size:.85rem;color:var(--color-error)!important;margin-top:4px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}