*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--foreground: 15 23 42;--background-inverted: 0 0 0;--foreground-inverted: 255 255 255;--primary: 254 219 0;--primary-foreground: 45 41 38;--secondary: 84 88 90;--secondary-foreground: 244 244 244;--muted: 244 244 244;--muted-foreground: 84 88 90;--accent: 45 41 38;--accent-foreground: 244 244 244;--charm-yellow: 254 219 0;--charm-gray: 84 88 90;--charm-light: 244 244 244;--charm-dark: 45 41 38;--selected-foreground: 30 58 138;--selected-background: 239 246 255;--selected-border: 59 130 246;--card: 255 255 255;--card-foreground: 15 23 42;--border: 226 232 240;--input: 226 232 240;--ring: 15 23 42;--destructive: 239 68 68;--destructive-foreground: 255 255 255;--error: 239 68 68;--success: 16 185 129;--warning: 245 158 11;--status-approved: #198754;--status-rejected: #dc3545;--status-in-progress: #ff8c00;--status-waiting: #fedb00;--status-needs-revision: #6f42c1;--radius: .5rem;--gray-50: 249 250 251;--gray-100: 243 244 246;--gray-200: 229 231 235;--gray-300: 209 213 219;--gray-400: 156 163 175;--gray-500: 107 114 128;--gray-600: 75 85 99;--gray-700: 55 65 81;--gray-800: 31 41 55;--gray-900: 17 24 39;--form-spacing-xs: .25rem;--form-spacing-sm: .5rem;--form-spacing-md: .75rem;--form-spacing-lg: 1rem;--form-spacing-xl: 1.5rem;--form-spacing-2xl: 2rem;--form-field-height: 2.75rem;--form-field-height-sm: 2.25rem;--form-field-height-lg: 3.25rem;--form-transition: all .15s cubic-bezier(.4, 0, .2, 1);--form-transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);--spacing-0: 0px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem}body{background-color:rgb(var(--gray-50));color:rgb(var(--foreground));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.app{display:flex;flex-direction:column;min-height:100vh;background-color:rgb(var(--gray-50));color:rgb(var(--foreground))}.main-content{flex:1}.container{width:min(1280px,100vw);margin-inline:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-x-2{column-gap:var(--spacing-2)}.gap-x-4{column-gap:var(--spacing-4)}.gap-x-6{column-gap:var(--spacing-6)}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:var(--spacing-2)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-x-2>*+*{margin-left:var(--spacing-2)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:var(--spacing-1)}.mt-8{margin-top:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mr-1\.5{margin-right:.375rem}@media(min-width:1024px){.lg\:mt-0{margin-top:0}}.p-0\.5{padding:.125rem}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.pt-8{padding-top:var(--spacing-8)}@media(min-width:640px){.sm\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:1024px){.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.not-italic{font-style:normal}@media(min-width:640px){.sm\:block{display:block}}@media(min-width:1024px){.lg\:block{display:block}}.h-4{height:var(--spacing-4)}.h-5{height:1.25rem}.w-4{width:var(--spacing-4)}.w-5{width:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-center{text-align:center}.text-white{color:#fff}.whitespace-nowrap{white-space:nowrap}.opacity-90{opacity:.9}.border-t{border-top-width:1px}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.bg-charm-yellow{background-color:rgb(var(--charm-yellow))}.bg-charm-gray{background-color:rgb(var(--charm-gray))}.bg-charm-light{background-color:rgb(var(--charm-light))}.bg-charm-dark{background-color:rgb(var(--charm-dark))}.text-charm-yellow{color:rgb(var(--charm-yellow))}.text-charm-gray{color:rgb(var(--charm-gray))}.text-charm-light{color:rgb(var(--charm-light))}.text-charm-dark{color:rgb(var(--charm-dark))}.border-charm-yellow{border-color:rgb(var(--charm-yellow))}.border-charm-gray{border-color:rgb(var(--charm-gray))}.text-charm-gray\/40{color:rgb(var(--charm-gray) / .4)}.border-charm-gray\/50{border-color:rgb(var(--charm-gray) / .5)}.hover\:text-charm-yellow:hover{color:rgb(var(--charm-yellow))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow, 0 0 #0000)}.focus\:ring-2:focus{--ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow, 0 0 #0000)}.focus\:ring-charm-yellow:focus{--ring-color: rgb(var(--charm-yellow))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header{background-color:#fff;border-bottom:1px solid rgb(var(--border));padding:var(--spacing-4) 0}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.header-brand{display:flex;align-items:center;gap:var(--spacing-3)}.logo{height:2.5rem;width:auto}.site-name{font-size:1.25rem;font-weight:600;color:rgb(var(--primary-foreground))}.header-nav .nav-list{display:flex;list-style:none;gap:var(--spacing-6);padding:0}.header-nav .nav-item a{text-decoration:none;color:rgb(var(--primary-foreground));font-weight:500;transition:color .15s ease}.header-nav .nav-item a:hover{color:rgb(var(--charm-yellow))}.header-actions{display:flex;gap:var(--spacing-3)}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .15s ease}.btn-primary{background-color:rgb(var(--charm-yellow));color:rgb(var(--primary-foreground))}.btn-primary:hover{background-color:rgb(var(--charm-yellow) / .9)}.btn-secondary{background-color:rgb(var(--secondary));color:rgb(var(--secondary-foreground))}.btn-secondary:hover{background-color:rgb(var(--secondary) / .9)}.sidebar{width:280px;background-color:#fff;border-right:1px solid rgb(var(--border));height:100vh;overflow-y:auto}.sidebar-content{padding:var(--spacing-6)}.progress-section{margin-bottom:var(--spacing-8)}.progress-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-4);color:rgb(var(--primary-foreground))}.progress-bar{width:100%;height:.5rem;background-color:rgb(var(--gray-200));border-radius:9999px;overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill{height:100%;background-color:rgb(var(--charm-yellow));transition:width .3s ease}.progress-text{font-size:.875rem;color:rgb(var(--muted-foreground))}.step-navigation{margin-bottom:var(--spacing-6)}.nav-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-4);color:rgb(var(--primary-foreground))}.step-list{list-style:none;padding:0;margin:0}.step-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius);margin-bottom:var(--spacing-2);transition:background-color .15s ease}.step-item:hover{background-color:rgb(var(--gray-50))}.step-item.active{background-color:rgb(var(--charm-yellow) / .1)}.step-item.completed{opacity:.7}.step-indicator{width:1.5rem;height:1.5rem;border-radius:50%;background-color:rgb(var(--gray-200));display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-item.active .step-indicator{background-color:rgb(var(--charm-yellow))}.step-item.completed .step-indicator{background-color:rgb(var(--charm-dark))}.step-number{font-size:.75rem;font-weight:600;color:rgb(var(--primary-foreground))}.check-icon{color:#fff;font-size:.75rem}.step-content{flex:1}.step-title{font-size:.875rem;font-weight:500;margin-bottom:.125rem;color:rgb(var(--primary-foreground))}.step-description{font-size:.75rem;color:rgb(var(--muted-foreground));line-height:1.4}.main-navigation .nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:var(--spacing-1)}.nav-item a{display:block;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;color:rgb(var(--primary-foreground));border-radius:var(--radius);transition:background-color .15s ease}.nav-item a:hover{background-color:rgb(var(--gray-50));color:rgb(var(--charm-yellow))}.loading-card{padding:var(--spacing-8);text-align:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loading-spinner{width:2rem;height:2rem;border:2px solid rgb(var(--gray-200));border-top:2px solid rgb(var(--charm-yellow));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-welcome,.guest-welcome{background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius);border:1px solid rgb(var(--border));margin-bottom:var(--spacing-6)}.config-panel{background-color:rgb(var(--gray-50));padding:var(--spacing-4);border-radius:var(--radius);margin-bottom:var(--spacing-4)}.url-tester{margin-top:var(--spacing-4)}.error-panel{background-color:#fef2f2;border:1px solid rgb(248 113 113);color:#991b1b;padding:var(--spacing-4);border-radius:var(--radius);margin-bottom:var(--spacing-4)}.success-panel{background-color:#f0fdf4;border:1px solid rgb(74 222 128);color:#166534;padding:var(--spacing-4);border-radius:var(--radius);margin-bottom:var(--spacing-4)}.demo-section{background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius);border:1px solid rgb(var(--border))}.demo-link{display:inline-block;background-color:rgb(var(--charm-yellow));color:rgb(var(--primary-foreground));text-decoration:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius);font-weight:500;transition:background-color .15s ease}.demo-link:hover{background-color:rgb(var(--charm-yellow) / .9)}