.sidebar-layout{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:200px;background-color:#1e293b;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;box-shadow:2px 0 8px #0000001a;transition:width .3s ease}.sidebar.collapsed{width:64px}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.sidebar-header h2{margin:0;font-size:18px;font-weight:600;color:#fff;transition:opacity .3s ease}.sidebar.collapsed .sidebar-header h2:not(.collapsed-title){opacity:0;width:0;overflow:hidden}.sidebar-header .collapsed-title{font-size:20px;text-align:center;margin:0 auto}.sidebar-subtitle{margin:4px 0 0;font-size:11px;color:#fff9;transition:opacity .3s ease}.sidebar.collapsed .sidebar-subtitle{opacity:0;width:0;overflow:hidden}.toggle-btn{position:absolute;top:16px;right:8px;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.toggle-btn:hover{background:#fff3}.sidebar.collapsed .toggle-btn{right:16px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 16px;color:#fffc;text-decoration:none;transition:all .2s;border-left:3px solid transparent;justify-content:flex-start}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;position:relative}.sidebar.collapsed .nav-item span:not(.nav-icon){opacity:0;width:0;overflow:hidden}.sidebar.collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:6px 12px;background-color:#1e293b;color:#fff;font-size:13px;white-space:nowrap;border-radius:6px;box-shadow:0 2px 8px #0000004d;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;pointer-events:none}.sidebar.collapsed .nav-item:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#1e293b;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;pointer-events:none}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .nav-item:hover:before{opacity:1;visibility:visible}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26;color:#fff;border-left-color:#3b82f6}.nav-icon{margin-right:12px;font-size:18px;flex-shrink:0}.sidebar.collapsed .nav-icon{margin-right:0}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);background-color:#0003}.user-info{margin-bottom:12px;transition:opacity .3s ease}.sidebar.collapsed .user-info{opacity:0;height:0;margin:0;overflow:hidden}.user-email{font-size:11px;color:#fff9;word-break:break-all}.logout-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;background-color:#ef444433;color:#fff;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.sidebar.collapsed .logout-btn{justify-content:center;padding:10px}.sidebar.collapsed .logout-btn span:not(.nav-icon){opacity:0;width:0;overflow:hidden}.logout-btn:hover{background-color:#ef44444d;border-color:#ef444480}.sidebar.collapsed .logout-btn{position:relative}.sidebar.collapsed .logout-btn:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:6px 12px;background-color:#1e293b;color:#fff;font-size:13px;white-space:nowrap;border-radius:6px;box-shadow:0 2px 8px #0000004d;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;pointer-events:none}.sidebar.collapsed .logout-btn:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#1e293b;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;pointer-events:none}.sidebar.collapsed .logout-btn:hover:after,.sidebar.collapsed .logout-btn:hover:before{opacity:1;visibility:visible}.main-content{flex:1;margin-left:200px;padding:24px;min-height:100vh;width:calc(100% - 200px);transition:margin-left .3s ease,width .3s ease;box-sizing:border-box}.main-content.collapsed{margin-left:64px;width:calc(100% - 64px)}.nav-section-title{padding:16px 16px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.nav-divider{height:1px;background-color:#ffffff1a;margin:8px 16px}.sidebar.collapsed .nav-divider{margin:8px}.company-switcher-container{position:relative;margin:8px 0}.company-switcher-btn{width:100%;display:flex;align-items:center;padding:12px 16px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;font-size:13px;margin:0 8px}.company-switcher-btn:hover{background:#3b82f64d;border-color:#3b82f680}.dropdown-arrow{margin-left:auto;font-size:10px;opacity:.7}.company-selector-dropdown{position:absolute;top:100%;left:8px;right:8px;margin-top:4px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;max-height:300px;overflow-y:auto}.sidebar.collapsed .company-selector-dropdown{left:8px;right:auto;min-width:200px;width:max-content}.dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:transparent;border:none;color:#fffc;cursor:pointer;transition:all .2s;text-align:left;font-size:13px}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.active{background:#3b82f633;color:#fff}.company-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-badge{font-size:10px;padding:2px 6px;background:#3b82f64d;border-radius:10px;margin-left:8px}.dropdown-loading,.dropdown-empty{padding:16px;text-align:center;color:#fff9;font-size:12px}.back-to-platform-btn{background:#22c55e33!important;border:1px solid rgba(34,197,94,.3)!important;margin-top:8px}.back-to-platform-btn:hover{background:#22c55e4d!important;border-color:#22c55e80!important}.tabs-container{width:100%;display:flex;flex-direction:column}.tabs-header{display:flex;gap:8px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s;margin-bottom:-2px;flex:0 0 auto;white-space:nowrap}.tab-button:hover{color:#3b82f6;background-color:#f8fafc}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.tab-button.disabled,.tab-button:disabled{color:#cbd5e1;cursor:not-allowed;opacity:.6}.tab-button.disabled:hover,.tab-button:disabled:hover{color:#cbd5e1;background-color:transparent}.tabs-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;min-height:200px;display:flex;flex-direction:column;width:100%}@media (max-width: 768px){.tabs-container{width:100%}.tabs-header{gap:4px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-button{padding:10px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}.tabs-content{padding:16px;border-radius:6px;min-height:150px}}@media (max-width: 480px){.tabs-header{margin-bottom:12px}.tab-button{padding:8px 12px;font-size:12px}.tabs-content{padding:12px;min-height:120px}}.cms-list-ref{--list-columns: 3;--list-columns-mobile: 1;--list-columns-tablet: 2;--list-columns-desktop: 3;--list-gap: 1.5rem;--list-aspect-ratio: auto}.cms-list-ref--empty{padding:3rem;text-align:center;color:#94a3b8;background:#f8fafc;border-radius:8px}.cms-list-ref--grid{display:grid;grid-template-columns:repeat(var(--list-columns),1fr);gap:var(--list-gap)}.cms-list-ref--list{display:flex;flex-direction:column;gap:var(--list-gap)}.cms-list-ref--list .cms-list-ref__item{display:flex;flex-direction:row;align-items:flex-start}.cms-list-ref--list .cms-list-ref__image{flex-shrink:0;width:120px;height:120px}.cms-list-ref--carousel{display:flex;gap:var(--list-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.cms-list-ref--carousel .cms-list-ref__item{flex:0 0 calc(100% / var(--list-columns) - var(--list-gap));scroll-snap-align:start}.cms-list-ref--carousel::-webkit-scrollbar{height:6px}.cms-list-ref--carousel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.cms-list-ref--carousel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cms-list-ref--masonry{columns:var(--list-columns);column-gap:var(--list-gap)}.cms-list-ref--masonry .cms-list-ref__item{break-inside:avoid;margin-bottom:var(--list-gap)}.cms-list-ref__item{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;transition:all .2s ease}.cms-list-ref--card-default .cms-list-ref__item{background:#fff}.cms-list-ref--card-elevated .cms-list-ref__item{box-shadow:0 4px 12px #00000014}.cms-list-ref--card-bordered .cms-list-ref__item{border:1px solid #e2e8f0;box-shadow:none}.cms-list-ref--card-minimal .cms-list-ref__item{background:transparent;border-radius:0}.cms-list-ref--card-overlay .cms-list-ref__item{background-size:cover;background-position:center;min-height:280px;color:#fff}.cms-list-ref--card-overlay .cms-list-ref__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%);z-index:1}.cms-list-ref--card-overlay .cms-list-ref__content{position:relative;z-index:2;margin-top:auto;padding:1.5rem}.cms-list-ref--card-overlay .cms-list-ref__title,.cms-list-ref--card-overlay .cms-list-ref__subtitle,.cms-list-ref--card-overlay .cms-list-ref__description{color:#fff}.cms-list-ref__item--clickable{cursor:pointer;text-decoration:none;color:inherit}.cms-list-ref--hover-lift .cms-list-ref__item--clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.cms-list-ref--hover-glow .cms-list-ref__item--clickable:hover{box-shadow:0 0 0 3px #3b82f64d,0 4px 12px #0000001a}.cms-list-ref--hover-zoom .cms-list-ref__item--clickable:hover .cms-list-ref__image img{transform:scale(1.05)}.cms-list-ref--hover-overlay .cms-list-ref__item--clickable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .2s ease;pointer-events:none}.cms-list-ref--hover-overlay .cms-list-ref__item--clickable:hover:after{background:#0000000d}.cms-list-ref__image{overflow:hidden;flex-shrink:0}.cms-list-ref__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.cms-list-ref--image-top .cms-list-ref__image{width:100%;aspect-ratio:var(--list-aspect-ratio)}.cms-list-ref--image-left .cms-list-ref__item{flex-direction:row}.cms-list-ref--image-left .cms-list-ref__image{width:40%;max-width:200px}.cms-list-ref--image-right .cms-list-ref__item{flex-direction:row-reverse}.cms-list-ref--image-right .cms-list-ref__image{width:40%;max-width:200px}.cms-list-ref--image-background .cms-list-ref__image{display:none}.cms-list-ref__item--image-size-small .cms-list-ref__image{max-height:120px}.cms-list-ref__item--image-size-medium .cms-list-ref__image{max-height:200px}.cms-list-ref__item--image-size-large .cms-list-ref__image{max-height:300px}.cms-list-ref__item--image-size-full .cms-list-ref__image{max-height:none}.cms-list-ref--image-shape-square .cms-list-ref__image{border-radius:0}.cms-list-ref--image-shape-rounded .cms-list-ref__image{border-radius:8px}.cms-list-ref--image-shape-rounded .cms-list-ref__item{border-radius:12px}.cms-list-ref--image-shape-circle .cms-list-ref__image{border-radius:50%;aspect-ratio:1}.cms-list-ref__content{display:flex;flex-direction:column;padding:1rem;flex:1}.cms-list-ref__title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.cms-list-ref__subtitle{margin:0 0 .5rem;font-size:.875rem;color:#64748b}.cms-list-ref__description{margin:0;font-size:.875rem;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.cms-list-ref__badge{position:absolute;z-index:10;padding:.25rem .75rem;font-size:.75rem;font-weight:600;background:#3b82f6;color:#fff;border-radius:4px}.cms-list-ref__badge--top-left{top:.75rem;left:.75rem}.cms-list-ref__badge--top-right{top:.75rem;right:.75rem}.cms-list-ref__badge--bottom-left{bottom:.75rem;left:.75rem}.cms-list-ref__badge--bottom-right{bottom:.75rem;right:.75rem}.cms-list-ref__footer{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid #f1f5f9}.cms-list-ref__footer-field{font-size:.75rem;color:#94a3b8}@media (max-width: 640px){.cms-list-ref--grid{grid-template-columns:repeat(var(--list-columns-mobile),1fr)}.cms-list-ref--carousel .cms-list-ref__item{flex:0 0 calc(100% / var(--list-columns-mobile) - var(--list-gap))}.cms-list-ref--masonry{columns:var(--list-columns-mobile)}.cms-list-ref--list .cms-list-ref__item{flex-direction:column}.cms-list-ref--list .cms-list-ref__image{width:100%;height:auto;max-height:200px}.cms-list-ref--image-left .cms-list-ref__item,.cms-list-ref--image-right .cms-list-ref__item{flex-direction:column}.cms-list-ref--image-left .cms-list-ref__image,.cms-list-ref--image-right .cms-list-ref__image{width:100%;max-width:none}}@media (min-width: 641px) and (max-width: 1024px){.cms-list-ref--grid{grid-template-columns:repeat(var(--list-columns-tablet),1fr)}.cms-list-ref--carousel .cms-list-ref__item{flex:0 0 calc(100% / var(--list-columns-tablet) - var(--list-gap))}.cms-list-ref--masonry{columns:var(--list-columns-tablet)}}@media (min-width: 1025px){.cms-list-ref--grid{grid-template-columns:repeat(var(--list-columns-desktop),1fr)}.cms-list-ref--carousel .cms-list-ref__item{flex:0 0 calc(100% / var(--list-columns-desktop) - var(--list-gap))}.cms-list-ref--masonry{columns:var(--list-columns-desktop)}}.cms-entity-ref{display:flex;flex-direction:column;box-sizing:border-box}.cms-entity-ref--empty{padding:2rem;text-align:center;color:#94a3b8;background:#f8fafc;border-radius:8px}.cms-entity-ref--variant-profile{text-align:center}.cms-entity-ref--variant-profile .cms-entity-ref__image{margin:0 auto}.cms-entity-ref--variant-profile .cms-entity-ref__title{margin-top:1rem}.cms-entity-ref--variant-card{background:#fff;border-radius:12px;overflow:hidden}.cms-entity-ref--variant-horizontal{flex-direction:row;align-items:flex-start}.cms-entity-ref--variant-minimal{background:transparent}.cms-entity-ref--variant-hero{min-height:400px;justify-content:center}.cms-entity-ref--image-top{flex-direction:column}.cms-entity-ref--image-left{flex-direction:row}.cms-entity-ref--image-left .cms-entity-ref__image{flex-shrink:0}.cms-entity-ref--image-right{flex-direction:row}.cms-entity-ref--image-right .cms-entity-ref__image{order:2;flex-shrink:0}.cms-entity-ref--image-right .cms-entity-ref__content{order:1}.cms-entity-ref--image-background{position:relative;background-size:cover;background-position:center;color:#fff}.cms-entity-ref--image-background .cms-entity-ref__overlay{position:relative;z-index:1;background:linear-gradient(to top,#000000b3,#0000004d);padding:2rem;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.cms-entity-ref__image{overflow:hidden}.cms-entity-ref__image img{width:100%;height:100%;object-fit:cover;display:block}.cms-entity-ref--image-size-avatar .cms-entity-ref__image{width:80px;height:80px}.cms-entity-ref--image-size-small .cms-entity-ref__image{width:120px;height:120px}.cms-entity-ref--image-size-medium .cms-entity-ref__image{width:200px;height:200px}.cms-entity-ref--image-size-large .cms-entity-ref__image{width:300px;height:300px}.cms-entity-ref--image-size-full .cms-entity-ref__image{width:100%;height:auto;aspect-ratio:4 / 3}.cms-entity-ref--image-top .cms-entity-ref__image{width:100%}.cms-entity-ref--image-top.cms-entity-ref--image-size-avatar .cms-entity-ref__image,.cms-entity-ref--image-top.cms-entity-ref--image-size-small .cms-entity-ref__image,.cms-entity-ref--image-top.cms-entity-ref--image-size-medium .cms-entity-ref__image,.cms-entity-ref--image-top.cms-entity-ref--image-size-large .cms-entity-ref__image{width:auto;margin:0 auto}.cms-entity-ref--image-shape-square .cms-entity-ref__image{border-radius:0}.cms-entity-ref--image-shape-rounded .cms-entity-ref__image{border-radius:12px}.cms-entity-ref--image-shape-circle .cms-entity-ref__image{border-radius:50%}.cms-entity-ref--align-left{text-align:left}.cms-entity-ref--align-center{text-align:center}.cms-entity-ref--align-right{text-align:right}.cms-entity-ref--align-center .cms-entity-ref__content{align-items:center}.cms-entity-ref--padding-none{padding:0}.cms-entity-ref--padding-small{padding:.75rem}.cms-entity-ref--padding-medium{padding:1.5rem}.cms-entity-ref--padding-large{padding:2.5rem}.cms-entity-ref--gap-none{gap:0}.cms-entity-ref--gap-small{gap:.5rem}.cms-entity-ref--gap-medium{gap:1rem}.cms-entity-ref--gap-large{gap:2rem}.cms-entity-ref--shadow-none{box-shadow:none}.cms-entity-ref--shadow-small{box-shadow:0 1px 3px #0000001a}.cms-entity-ref--shadow-medium{box-shadow:0 4px 12px #0000001a}.cms-entity-ref--shadow-large{box-shadow:0 8px 24px #00000026}.cms-entity-ref--radius-none{border-radius:0}.cms-entity-ref--radius-small{border-radius:4px}.cms-entity-ref--radius-medium{border-radius:8px}.cms-entity-ref--radius-large{border-radius:16px}.cms-entity-ref--bordered{border:1px solid #e2e8f0}.cms-entity-ref__content{display:flex;flex-direction:column;flex:1;min-width:0}.cms-entity-ref__header{margin-bottom:1rem}.cms-entity-ref__title{margin:0 0 .25rem;font-weight:600;color:#1e293b;line-height:1.3}h1.cms-entity-ref__title{font-size:2rem}h2.cms-entity-ref__title{font-size:1.5rem}h3.cms-entity-ref__title{font-size:1.25rem}h4.cms-entity-ref__title{font-size:1.125rem}.cms-entity-ref__subtitle{margin:0;font-size:1rem;color:#64748b}.cms-entity-ref__body{display:flex;flex-direction:column;gap:.75rem}.cms-entity-ref__field{display:flex;flex-direction:column;gap:.25rem}.cms-entity-ref__field-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.entity-field-value{color:#334155;line-height:1.6}.entity-field-value--list{margin:0;padding:0}.entity-field-value--list-bullet{padding-left:1.25rem;list-style-type:disc}.entity-field-value--list-number{padding-left:1.25rem;list-style-type:decimal}.entity-field-value--list-none{list-style:none}.entity-field-value--list li{margin-bottom:.25rem}.entity-field-value--list-inline{display:inline}.entity-field-badges{display:flex;flex-wrap:wrap;gap:.5rem}.entity-field-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:9999px;white-space:nowrap}.entity-field-badge--default{background:#f1f5f9;color:#475569}.entity-field-badge--primary{background:#3b82f6;color:#fff}.entity-field-badge--secondary{background:#64748b;color:#fff}.entity-field-badge--success{background:#22c55e;color:#fff}.entity-field-badge--warning{background:#f59e0b;color:#fff}.entity-field-badge--outline{background:transparent;border:1px solid #cbd5e1;color:#475569}.entity-field-link{color:#3b82f6;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.entity-field-link:hover{text-decoration:underline}.entity-field-link-icon{font-size:.75em}.entity-field-social{display:flex;flex-wrap:wrap;gap:.5rem}.entity-social-icon{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;color:#fff;background:#64748b;transition:transform .2s,background-color .2s}.entity-social-icon:hover{transform:scale(1.1)}.entity-field-social--small .entity-social-icon{width:28px;height:28px;font-size:.625rem}.entity-field-social--medium .entity-social-icon{width:36px;height:36px;font-size:.75rem}.entity-field-social--large .entity-social-icon{width:44px;height:44px;font-size:.875rem}.entity-field-social--circle .entity-social-icon{border-radius:50%}.entity-field-social--square .entity-social-icon{border-radius:6px}.entity-field-social--plain .entity-social-icon{background:transparent;color:#64748b}.entity-field-social--plain .entity-social-icon:hover{color:#3b82f6}.entity-social-icon--facebook{background:#1877f2}.entity-social-icon--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.entity-social-icon--twitter{background:#1da1f2}.entity-social-icon--linkedin{background:#0a66c2}.entity-social-icon--youtube{background:red}.entity-social-icon--line{background:#00b900}.entity-social-icon--wechat{background:#7bb32e}.entity-social-icon--tiktok{background:#000}.entity-field-value--html{line-height:1.7}.entity-field-value--html p{margin:0 0 1rem}.entity-field-value--html p:last-child{margin-bottom:0}.cms-entity-ref__section-title-wrapper{position:relative;padding-top:0}.cms-entity-ref__section-title-wrapper--dots{padding-top:1.25rem}.cms-entity-ref__section-title-wrapper--dots:before,.cms-entity-ref__section-title-wrapper--dots:after{content:"";display:block;width:7px;height:7px;border-radius:50%;position:absolute;top:0}.cms-entity-ref__section-title-wrapper--dots:before{background:var(--dot-color-1, #95D4D0);left:50%;margin-left:-10px}.cms-entity-ref__section-title-wrapper--dots:after{background:var(--dot-color-2, #6EC7B5);right:50%;margin-right:-10px}.cms-entity-ref__section-title{display:flex;align-items:center;text-align:center;font-size:1.25rem;font-weight:600;color:var(--title-color, #1e293b);margin:0;gap:1rem}.cms-entity-ref__section-title:before,.cms-entity-ref__section-title:after{content:"";flex:1;height:1px;background:var(--line-color, #d1d5db)}.cms-entity-ref__section-title>span{white-space:nowrap}h2.cms-entity-ref__section-title{font-size:1.5rem}h3.cms-entity-ref__section-title{font-size:1.25rem}h4.cms-entity-ref__section-title{font-size:1.125rem}.cms-entity-ref__groups{display:flex;flex-direction:column;gap:2rem}.cms-entity-ref__field-group{display:flex;flex-direction:column;gap:1rem}.cms-entity-ref__field-group-body{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 768px){.cms-entity-ref--image-left,.cms-entity-ref--image-right{flex-direction:column}.cms-entity-ref--image-left .cms-entity-ref__image,.cms-entity-ref--image-right .cms-entity-ref__image{width:100%;max-width:200px;margin:0 auto}.cms-entity-ref--image-right .cms-entity-ref__image,.cms-entity-ref--image-right .cms-entity-ref__content{order:unset}h1.cms-entity-ref__title{font-size:1.5rem}h2.cms-entity-ref__title{font-size:1.25rem}}.cms-page{flex:1;display:flex;flex-direction:column}.cms-page__edit-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#fef3c7;border-bottom:1px solid #fcd34d}.cms-page__edit-badge{font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase}.cms-page__version{font-size:.75rem;color:#78716c}.cms-page__blocks{display:flex;flex-direction:column;flex:1}.cms-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:200px;color:#78716c;text-align:center}.cms-block{position:relative}.cms-block__edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000001a;opacity:0;transition:opacity .2s;z-index:10}.cms-block:hover .cms-block__edit-overlay{opacity:1}.cms-block__edit-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.cms-block__edit-btn:hover{background:#2563eb}.cms-rich-text{padding:1rem;line-height:1.6}.cms-rich-text h1,.cms-rich-text h2,.cms-rich-text h3,.cms-rich-text h4,.cms-rich-text h5,.cms-rich-text h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.cms-rich-text p{margin-bottom:1em}.cms-rich-text img{max-width:100%;height:auto}.cms-image{margin:0}.cms-image img{max-width:100%;height:auto;display:block}.cms-image__caption{padding:.5rem;font-size:.875rem;color:#78716c;text-align:center}.cms-image--placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;background:#f5f5f4;color:#a8a29e}.cms-hero{color:#fff}.cms-hero__title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.cms-hero__subtitle{font-size:1.25rem;margin-bottom:1.5rem;opacity:.9}.cms-hero__cta{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background .2s}.cms-hero__cta:hover{background:#2563eb}.cms-list-ref{padding:1rem}.cms-list-ref--empty{text-align:center;color:#78716c;padding:2rem}.cms-list-ref__item{background:#fff;border:1px solid #e7e5e4;border-radius:8px;overflow:hidden}.cms-list-ref__image img{width:100%;height:200px;object-fit:cover}.cms-list-ref__content{padding:1rem}.cms-list-ref__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.cms-list-ref__description{font-size:.875rem;color:#78716c;line-height:1.5}.cms-block-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080}.cms-block-editor__panel{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040}.cms-block-editor__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e7e5e4}.cms-block-editor__title{font-size:1.125rem;font-weight:600}.cms-block-editor__close{padding:.5rem;background:none;border:none;cursor:pointer;color:#78716c}.cms-block-editor__body{padding:1rem}.cms-block-editor__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #e7e5e4}.cms-block-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.cms-block-picker__item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f5f5f4;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.cms-block-picker__item:hover{border-color:#3b82f6;background:#eff6ff}.cms-block-picker__icon{width:48px;height:48px;margin-bottom:.5rem;color:#78716c}.cms-block-picker__name{font-size:.875rem;font-weight:500;text-align:center}.cms-form-group{margin-bottom:1rem}.cms-form-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#44403c}.cms-form-input,.cms-form-textarea,.cms-form-select{width:100%;padding:.5rem;border:1px solid #d6d3d1;border-radius:4px;font-size:.875rem}.cms-form-input:focus,.cms-form-textarea:focus,.cms-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cms-form-textarea{min-height:100px;resize:vertical}.cms-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.cms-btn--primary{background:#3b82f6;color:#fff}.cms-btn--primary:hover{background:#2563eb}.cms-btn--secondary{background:#e7e5e4;color:#44403c}.cms-btn--secondary:hover{background:#d6d3d1}.cms-btn--danger{background:#ef4444;color:#fff}.cms-btn--danger:hover{background:#dc2626}.cms-layout{display:flex;flex-direction:column;min-height:100vh}.cms-layout--loading{justify-content:center;align-items:center}.cms-layout__loader{font-size:16px;color:#64748b}.cms-layout__header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 3px #0000001a}.cms-layout__content{flex:1;display:flex;flex-direction:column}.cms-layout__footer{margin-top:auto}.cms-layout--embedded .cms-layout__header{position:relative}.cms-layout__header--sticky-embedded{height:0!important;overflow:visible!important}.cms-layout--framed{height:100vh;overflow:hidden}.cms-layout--framed .cms-layout__header,.cms-layout__header--fixed{position:fixed;top:0;left:0;right:0;z-index:1000;flex-shrink:0}.cms-layout--framed .cms-layout__content,.cms-layout__content--scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:var(--header-height, 0px);padding-bottom:var(--footer-height, 0px)}.cms-layout--framed .cms-layout__footer,.cms-layout__footer--fixed{position:fixed;bottom:0;left:0;right:0;z-index:1000;flex-shrink:0}.cms-layout__body{display:flex;flex:1}.cms-layout__sidebar{width:260px;flex-shrink:0;overflow-y:auto;border-right:1px solid #e2e8f0}.cms-layout__body--framed{overflow:hidden;padding-top:var(--header-height, 0px);padding-bottom:var(--footer-height, 0px)}.cms-layout__body--framed .cms-layout__sidebar{height:100%;overflow-y:auto}.cms-layout__body--framed .cms-layout__content{overflow-y:auto}.cms-layout--with-sidebar .cms-layout__content--scrollable{padding-top:0;padding-bottom:0}@media (max-width: 768px){.cms-layout__sidebar{display:none}.cms-layout__body{flex-direction:column}}.cms-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 3px #0000001a}.cms-footer{margin-top:auto}.icon-picker-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#374151;width:100%;box-sizing:border-box}.icon-picker-trigger:hover{border-color:#9ca3af}.icon-picker-trigger .icon-preview{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:18px}.icon-picker-trigger .icon-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-picker-dropdown{border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 4px 16px #0000001f;margin-top:4px;overflow:hidden}.icon-picker-search{padding:8px;border-bottom:1px solid #e5e7eb}.icon-picker-search input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;box-sizing:border-box}.icon-picker-search input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.icon-picker-categories{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;border-bottom:1px solid #e5e7eb}.icon-picker-category-btn{padding:3px 8px;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;cursor:pointer;font-size:11px;color:#6b7280;white-space:nowrap}.icon-picker-category-btn:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.icon-picker-category-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.icon-picker-grid-container{max-height:240px;overflow-y:auto;padding:8px}.icon-picker-category-label{font-size:11px;color:#9ca3af;padding:4px 0 2px;font-weight:500}.icon-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-bottom:8px}.icon-picker-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:18px;color:#374151;background:transparent;padding:0}.icon-picker-item:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.icon-picker-item.selected{background:#4f46e5;color:#fff;border-color:#4f46e5}.icon-picker-empty{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.icon-picker-footer{display:flex;justify-content:flex-end;padding:6px 8px;border-top:1px solid #e5e7eb}.icon-picker-clear-btn{padding:4px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;color:#6b7280}.icon-picker-clear-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:28px;color:#1e293b;margin-bottom:8px}.login-form{display:flex;flex-direction:column;gap:20px}.login-button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;color:#64748b;padding:20px}.login-footer{margin-top:24px;text-align:center;font-size:14px;color:#64748b}.login-footer a{color:#667eea;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.set-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.set-password-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.set-password-header{text-align:center;margin-bottom:30px}.set-password-header h1{font-size:28px;color:#1e293b;margin-bottom:8px}.set-password-form{display:flex;flex-direction:column;gap:20px}.set-password-button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.set-password-button:hover:not(:disabled){opacity:.9}.set-password-button:disabled{opacity:.6;cursor:not-allowed}.redirect-hint{margin-top:20px!important;font-size:12px!important;color:#94a3b8!important}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.signup-header{text-align:center;margin-bottom:30px}.signup-header h1{font-size:28px;color:#1e293b;margin-bottom:8px}.company-subtitle{color:#64748b;font-size:14px}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#334155}.form-group input{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f1f5f9;cursor:not-allowed}.signup-button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.signup-button:hover:not(:disabled){opacity:.9}.signup-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background-color:#fee2e2;color:#dc2626;border-radius:8px;font-size:14px;text-align:center}.success-message{text-align:center;padding:20px}.success-message h2{color:#10b981;margin-bottom:12px;font-size:24px}.success-message p{color:#64748b;margin:8px 0;font-size:14px}.status-pending{color:#f59e0b;font-weight:600}.success-actions{margin-top:24px}.btn-back-to-login{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-back-to-login:hover{opacity:.9}.signup-footer{margin-top:24px;text-align:center;font-size:14px;color:#64748b}.signup-footer a{color:#667eea;text-decoration:none;font-weight:500}.signup-footer a:hover{text-decoration:underline}.company-settings-page{width:100%;max-width:100%;padding:0}.page-header h1{margin:0;font-size:24px;color:#1e293b}.tab-panel h2{margin:0 0 24px;font-size:20px;color:#1e293b}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#1e293b}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background-color:#d1fae5;color:#065f46}.status-suspended{background-color:#fef3c7;color:#92400e}.status-closed{background-color:#fee2e2;color:#991b1b}.coming-soon{padding:40px;text-align:center;color:#64748b}.coming-soon p{margin-bottom:16px}.coming-soon ul{text-align:left;display:inline-block;margin:0;padding-left:20px}.coming-soon li{margin-bottom:8px}.loading{text-align:center;padding:40px;color:#64748b}.error-message{padding:12px;background-color:#fee2e2;color:#dc2626;border-radius:6px;text-align:center;margin-bottom:16px}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.member-header h2{margin:0}.invite-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.invite-btn:hover{background-color:#2563eb}.invite-form-container{background:#f8fafc;border-radius:8px;padding:24px;margin-bottom:24px}.invite-form-container h3{margin:0 0 16px;font-size:16px;color:#1e293b}.invite-form{display:flex;flex-direction:column;gap:16px}.invite-form .form-group{display:flex;flex-direction:column;gap:8px}.invite-form label{font-size:14px;font-weight:500;color:#475569}.invite-form input,.invite-form select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.invite-form input:focus,.invite-form select:focus{outline:none;border-color:#3b82f6}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 20px;background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#e2e8f0}.submit-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#2563eb}.members-list h3{margin:0 0 16px;font-size:16px;color:#1e293b}.members-table{width:100%;border-collapse:collapse;background:#fff}.members-table thead{background-color:#f8fafc}.members-table th{padding:12px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.members-table td{padding:12px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.members-table tr:hover{background-color:#f8fafc}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.role-owner{background-color:#fef3c7;color:#92400e}.role-admin{background-color:#dbeafe;color:#1e40af}.role-staff{background-color:#e0e7ff;color:#3730a3}.status-disabled{background-color:#fee2e2;color:#991b1b}.status-toggle-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.status-toggle-btn.disable{background-color:#fee2e2;color:#991b1b}.status-toggle-btn.disable:hover{background-color:#fecaca}.status-toggle-btn.enable{background-color:#d1fae5;color:#065f46}.status-toggle-btn.enable:hover{background-color:#a7f3d0}.empty-state{padding:40px;text-align:center;color:#64748b}.event-config-info{padding:24px;background:#f8fafc;border-radius:8px}.event-config-info p{margin-bottom:16px;color:#475569;line-height:1.6}.event-config-info ul{margin:16px 0;padding-left:24px;color:#475569}.event-config-info li{margin-bottom:8px;line-height:1.6}.note-box{margin-top:24px;padding:16px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px}.note-box strong{display:block;margin-bottom:8px;color:#92400e;font-size:14px}.note-box p{margin:8px 0;color:#78350f;font-size:14px;line-height:1.5}.customer-form-page{padding:24px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.customer-form-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:20px}.header-actions{width:100%;justify-content:flex-end}.cancel-btn,.save-btn{padding:10px 16px;font-size:14px;flex:1}.basic-form-fields{grid-template-columns:1fr;gap:16px;min-height:auto}.dynamic-form{grid-template-columns:1fr;gap:16px}.collapsible-section{margin-bottom:1rem;border-radius:6px}.collapsible-header{padding:12px 16px}.collapsible-title{font-size:15px}.collapsible-icon{font-size:11px;margin-left:8px}.collapsible-content{padding:0 16px}.collapsible-content.expanded{padding:16px}.basic-data-extend-sections{margin-top:2rem;padding-top:1.5rem;padding-bottom:1.5rem}.extend-section .dynamic-form,.basic-data-extend-sections .extend-section .dynamic-form,.basic-data-extend-sections .collapsible-section .dynamic-form{padding:1rem;gap:16px;grid-template-columns:1fr!important}.extend-section.multiple-section .multiple-section-list{padding:1rem}.multiple-section-item{padding:16px}.multiple-section-item .dynamic-form,.extend-section.multiple-section .multiple-section-item .dynamic-form{grid-template-columns:1fr!important;gap:16px}.section-item-header{flex-direction:column;align-items:flex-start;gap:12px}.section-item-header h4{font-size:15px}.remove-item-btn{width:100%;justify-content:center;padding:8px 12px;font-size:13px}.add-item-btn{padding:12px 16px;font-size:14px}.section-description{font-size:13px;padding:10px 12px;margin-bottom:16px}.extend-section .section-description{padding:0 16px;font-size:13px}.form-field{gap:6px}.form-field label{font-size:13px}.form-field input,.form-field select,.form-field textarea{padding:10px;font-size:14px}.form-field textarea{min-height:70px}}@media (max-width: 480px){.customer-form-page{padding:12px}.page-header h1{font-size:18px}.collapsible-header{padding:10px 12px}.collapsible-title{font-size:14px}.collapsible-content.expanded{padding:12px}.basic-form-fields,.dynamic-form,.extend-section .dynamic-form,.basic-data-extend-sections .extend-section .dynamic-form,.basic-data-extend-sections .collapsible-section .dynamic-form{gap:12px;grid-template-columns:1fr!important}.extend-section .dynamic-form,.basic-data-extend-sections .extend-section .dynamic-form,.basic-data-extend-sections .collapsible-section .dynamic-form,.extend-section.multiple-section .multiple-section-list{padding:.75rem}.multiple-section-item{padding:12px}}.timeline-tab{padding:20px}.timeline-stats{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:8px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:12px;color:#666}.stat-value{font-size:16px;font-weight:700;color:#333}.timeline-filters{display:flex;gap:15px;margin-bottom:20px;padding:15px;background:#fafafa;border-radius:8px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-group label{font-size:12px;color:#666;font-weight:500}.filter-group input,.filter-group select{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.clear-filters-btn{padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.clear-filters-btn:hover{background:#e0e0e0}.timeline-list{display:flex;flex-direction:column;gap:15px}.event-card{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#fff;box-shadow:0 1px 3px #0000001a}.event-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.event-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%}.event-info{flex:1}.event-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.event-time{font-size:12px;color:#666}.event-source-badge{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase}.event-meta{display:flex;gap:8px;margin-top:8px;font-size:12px}.meta-label{color:#666;font-weight:500}.meta-value{color:#333}.event-properties{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.properties-header{font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.properties-content{background:#f5f5f5;padding:10px;border-radius:4px;font-size:12px;overflow-x:auto;max-height:200px;overflow-y:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:15px}.pagination button{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination button:hover:not(:disabled){background:#1976d2}.loading,.empty-state{text-align:center;padding:40px;color:#666}.error-message{display:flex;align-items:center;gap:10px;padding:15px;background:#ffebee;border:1px solid #ef5350;border-radius:4px;margin-bottom:20px}.error-icon{font-size:20px}.error-content{color:#c62828;font-size:14px}.customer-list-page{padding:24px;max-width:1400px;margin:0 auto}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:#f8fafc}.customers-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.customers-table td{padding:12px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.customers-table tbody tr:hover{background:#f8fafc}.customers-table .empty-state{text-align:center;padding:40px;color:#94a3b8}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.customer-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.customer-card:hover{box-shadow:0 4px 6px #0000001a}.event-history-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.page-description{font-size:14px;color:#666;margin:0}.filters-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:500;color:#333}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#667eea}.filter-actions{display:flex;align-items:flex-end}.clear-btn{padding:8px 16px;background:#f5f5f5;color:#666;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.events-list{display:flex;flex-direction:column;gap:16px}.event-group-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.event-group-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;transition:background-color .2s}.event-group-header:hover{background-color:#f9f9f9}.event-group-info{flex:1}.event-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.event-stats{display:flex;gap:24px;font-size:14px}.stat-item{display:flex;align-items:center;gap:4px}.stat-label{color:#666}.stat-value{color:#1a1a1a;font-weight:500}.expand-icon{font-size:12px;color:#666;-webkit-user-select:none;user-select:none}.event-group-content{border-top:1px solid #e0e0e0;padding:20px}.customers-table{overflow-x:auto}.customers-table table{width:100%;border-collapse:collapse}.customers-table thead{background-color:#f9f9f9}.customers-table th{padding:12px;text-align:left;font-size:14px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.customers-table td{padding:12px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f0f0f0}.customers-table tbody tr:hover{background-color:#f9f9f9}.event-count{text-align:center;font-weight:500;color:#667eea}.date-cell{font-size:13px;color:#666;white-space:nowrap}.view-customer-btn{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:opacity .2s}.view-customer-btn:hover{opacity:.9}.loading,.empty-state,.error-message{text-align:center;padding:48px;color:#666;font-size:16px}.error-message{color:#dc2626;background-color:#fee2e2;border-radius:8px;padding:16px}.product-bundle-form-page{padding:24px;max-width:1200px;margin:0 auto}.bundle-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-field input[type=text],.form-field input[type=number],.form-field select,.form-field textarea{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;font-family:inherit}.form-field input[type=text]:focus,.form-field input[type=number]:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.info-message{padding:16px;background:#e7f3ff;color:#004085;border-radius:4px;border-left:4px solid #007bff}@media (max-width: 768px){.product-bundle-form-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.bundle-form{padding:16px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.product-bundle-list-page{padding:24px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.bundle-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.bundle-card:hover{box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.product-bundle-list-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filters,.filter-group{flex-direction:column;align-items:stretch}.search-input,.filter-group select{width:100%}.card-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}}.product-form-page{padding:24px;max-width:1200px;margin:0 auto}.product-list-page{padding:24px;max-width:1400px;margin:0 auto}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#f8fafc}.products-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.products-table td{padding:12px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.products-table tbody tr:hover{background:#f8fafc}.products-table .empty-state{text-align:center;padding:40px;color:#94a3b8}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.product-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.product-card:hover{box-shadow:0 4px 6px #0000001a}.product-store-relation-form-page{padding:24px;max-width:1200px;margin:0 auto}.relation-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-section h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:2px solid #e9ecef}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-field label{font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.form-field input[type=text],.form-field input[type=number],.form-field select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-field input[type=text]:focus,.form-field input[type=number]:focus,.form-field select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-field input[type=checkbox]+label{margin-left:8px}.form-field select:disabled{background:#f8f9fa;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e9ecef}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}@media (max-width: 768px){.product-store-relation-form-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.relation-form{padding:16px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.product-store-relation-list-page{padding:24px}.page-header h1{margin:0;font-size:24px;font-weight:600}.filter-group label{font-weight:500;white-space:nowrap}.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:200px}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:150px}.view-mode-toggle{display:flex;gap:4px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.view-mode-toggle button{padding:8px 16px;border:none;background:#fff;cursor:pointer;transition:background .2s}.view-mode-toggle button.active{background:#007bff;color:#fff}.view-mode-toggle button:hover:not(.active){background:#f0f0f0}.table-container{overflow-x:auto;margin-bottom:24px}.data-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a}.data-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6}.data-table td{padding:12px;border-bottom:1px solid #dee2e6}.data-table tr:hover{background:#f8f9fa}.status-badge.listed{background:#d4edda;color:#155724}.status-badge.unlisted{background:#f8d7da;color:#721c24}.btn-small{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.btn-small:hover{background:#f0f0f0}.btn-small.btn-edit{color:#007bff;border-color:#007bff}.btn-small.btn-edit:hover{background:#007bff;color:#fff}.btn-small.btn-delete{color:#dc3545;border-color:#dc3545}.btn-small.btn-delete:hover{background:#dc3545;color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:24px}.relation-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.relation-card:hover{box-shadow:0 4px 6px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #dee2e6}.card-header h3{margin:0;font-size:18px;font-weight:600}.card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.card-field label{font-weight:500;min-width:80px}.card-field .price{font-weight:600;color:#007bff;font-size:16px}.card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #dee2e6}.pagination-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#666}.empty-state{text-align:center;padding:40px;color:#999}.error-message{padding:12px;background:#f8d7da;color:#721c24;border-radius:4px;margin-bottom:16px}.loading{text-align:center;padding:40px;color:#999}.btn-primary{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-primary:hover{background:#0056b3}@media (max-width: 768px){.product-store-relation-list-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filters,.filter-group{flex-direction:column;align-items:stretch}.search-input,.filter-group select{width:100%}.card-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}}.service-commitment-form-page{padding:20px;max-width:800px;margin:0 auto}.commitment-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-field input:disabled,.form-field select:disabled{background-color:#f5f5f5;cursor:not-allowed}.service-commitment-list-page{padding:20px}.commitment-table-container{overflow-x:auto;margin-bottom:20px}.commitment-table{width:100%;border-collapse:collapse;background:#fff}.commitment-table th,.commitment-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.commitment-table th{background-color:#f5f5f5;font-weight:600}.status-badge,.verification-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.completed{background-color:#d1ecf1;color:#0c5460}.status-badge.paused{background-color:#fff3cd;color:#856404}.status-badge.dropped,.status-badge.expired{background-color:#f8d7da;color:#721c24}.verification-badge.verified{background-color:#d4edda;color:#155724}.verification-badge.pending{background-color:#fff3cd;color:#856404}.verification-badge.rejected{background-color:#f8d7da;color:#721c24}.verification-badge.unverified{background-color:#e2e3e5;color:#383d41}.edit-btn,.drop-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.drop-btn{background-color:#dc3545;color:#fff}.drop-btn:hover{background-color:#c82333}.service-completion-list-page{padding:20px}.completion-table-container{overflow-x:auto;margin-bottom:20px}.completion-table{width:100%;border-collapse:collapse;background:#fff}.completion-table th,.completion-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.completion-table th{background-color:#f5f5f5;font-weight:600}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.type-badge.completed{background-color:#d4edda;color:#155724}.type-badge.expired{background-color:#fff3cd;color:#856404}.type-badge.dropped{background-color:#f8d7da;color:#721c24}.service-session-form-page{padding:20px;max-width:800px;margin:0 auto}.session-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-field input[type=text],.form-field input[type=number],.form-field input[type=datetime-local],.form-field select,.form-field textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.service-session-list-page{padding:20px}.session-table-container{overflow-x:auto;margin-bottom:20px}.session-table{width:100%;border-collapse:collapse;background:#fff}.session-table th,.session-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.session-table th{background-color:#f5f5f5;font-weight:600}.status-badge.scheduled{background-color:#d1ecf1;color:#0c5460}.status-badge.canceled,.status-badge.missed{background-color:#f8d7da;color:#721c24}.status-badge.rescheduled{background-color:#fff3cd;color:#856404}.link-btn{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.link-btn:hover{color:#0056b3}.view-btn{padding:6px 12px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.view-btn:hover{background-color:#138496}.service-template-form-page{padding:20px;max-width:800px;margin:0 auto}.template-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.checkbox-field{display:flex;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-field input[type=checkbox]{width:auto;cursor:pointer}.service-template-list-page{padding:20px}.template-table-container{overflow-x:auto;margin-bottom:20px}.template-table{width:100%;border-collapse:collapse;background:#fff}.template-table th,.template-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.template-table th{background-color:#f5f5f5;font-weight:600}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.store-form-page{padding:24px;max-width:1200px;margin:0 auto}.cancel-btn,.save-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn:hover{background:#e2e8f0}.save-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;gap:12px;padding:16px;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:24px;border-left:4px solid #dc2626;box-shadow:0 2px 4px #dc26261a}.error-icon{font-size:24px;flex-shrink:0}.error-content{flex:1}.error-content strong{display:block;margin-bottom:8px;font-size:16px}.error-content pre{margin:0;font-family:inherit;font-size:14px;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.basic-form{display:flex!important;flex-direction:column!important;gap:0;width:100%;align-items:stretch}.collapsible-section{width:100%;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}.collapsible-section:last-child{margin-bottom:0}.collapsible-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border:none;cursor:pointer;transition:all .2s;text-align:left}.collapsible-header:hover{background:#f1f5f9}.collapsible-title{font-size:16px;font-weight:600;color:#1e293b;flex:1}.collapsible-icon{font-size:12px;color:#64748b;transition:transform .3s ease;transform:rotate(-90deg);flex-shrink:0;margin-left:12px}.collapsible-icon.expanded{transform:rotate(0)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.collapsible-content.expanded{max-height:10000px;padding:20px}.basic-form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;min-height:200px;width:100%;margin-bottom:0;flex-shrink:0;order:1}.basic-form-fields .form-field.full-width{grid-column:1 / -1}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:500;color:#475569}.form-field .required{color:#dc2626;margin-left:4px}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.section-form{padding:20px 0}.section-description{margin-bottom:20px;padding:12px 16px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:4px;color:#64748b;font-size:14px}.dynamic-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#1e293b}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.multiple-section{padding:20px 0}.multiple-section-list{display:flex;flex-direction:column;gap:24px}.multiple-section-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;position:relative}.section-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.section-item-header h4{margin:0;font-size:16px;font-weight:600;color:#1e293b}.remove-item-btn{padding:6px 12px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:4px}.remove-item-btn:hover{background:#fecaca}.add-item-btn{padding:12px 20px;background:#e0f2fe;color:#0369a1;border:2px dashed #bae6fd;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;width:100%;text-align:center}.add-item-btn:hover{background:#bae6fd;border-color:#7dd3fc}@media (max-width: 768px){.product-form-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:20px}.header-actions{width:100%;justify-content:flex-end}.cancel-btn,.save-btn{padding:10px 16px;font-size:14px;flex:1}.basic-form-fields{grid-template-columns:1fr;gap:16px;min-height:auto}.dynamic-form{grid-template-columns:1fr;gap:16px}.collapsible-section{margin-bottom:1rem;border-radius:6px}.collapsible-header{padding:12px 16px}.collapsible-title{font-size:15px}.collapsible-icon{font-size:11px;margin-left:8px}.collapsible-content{padding:0 16px}.collapsible-content.expanded{padding:16px}.basic-data-extend-sections{margin-top:2rem;padding-top:1.5rem;padding-bottom:1.5rem}.extend-section .dynamic-form,.basic-data-extend-sections .extend-section .dynamic-form,.basic-data-extend-sections .collapsible-section .dynamic-form{padding:1rem;gap:16px;grid-template-columns:1fr!important}.extend-section.multiple-section .multiple-section-list{padding:1rem}.multiple-section-item{padding:16px}.multiple-section-item .dynamic-form,.extend-section.multiple-section .multiple-section-item .dynamic-form{grid-template-columns:1fr!important;gap:16px}.section-item-header{flex-direction:column;align-items:flex-start;gap:12px}.section-item-header h4{font-size:15px}.remove-item-btn{width:100%;justify-content:center;padding:8px 12px;font-size:13px}.add-item-btn{padding:12px 16px;font-size:14px}.section-description{font-size:13px;padding:10px 12px;margin-bottom:16px}.extend-section .section-description{padding:0 16px;font-size:13px}.form-field{gap:6px}.form-field label{font-size:13px}.form-field input,.form-field select,.form-field textarea{padding:10px;font-size:14px}.form-field textarea{min-height:70px}}@media (max-width: 480px){.product-form-page{padding:12px}.page-header h1{font-size:18px}.collapsible-header{padding:10px 12px}.collapsible-title{font-size:14px}.collapsible-content.expanded{padding:12px}.basic-form-fields,.dynamic-form,.extend-section .dynamic-form,.basic-data-extend-sections .extend-section .dynamic-form,.basic-data-extend-sections .collapsible-section .dynamic-form{gap:12px;grid-template-columns:1fr!important}.extend-section .dynamic-form,.basic-data-extend-sections .extend-section .dynamic-form,.basic-data-extend-sections .collapsible-section .dynamic-form,.extend-section.multiple-section .multiple-section-list{padding:.75rem}.multiple-section-item{padding:12px}}.basic-data-extend-sections{margin-top:3rem;padding-top:2.5rem;padding-bottom:2rem;border-top:2px solid #e2e8f0;background:#fafbfc;position:relative;width:100%;display:flex;flex-direction:column;gap:0;flex-shrink:0;order:2;align-self:stretch}.extend-section{margin-bottom:1.5rem;padding:0;background:transparent;border:none;border-radius:0;width:100%}.extend-section:last-child{margin-bottom:0}.extend-section.collapsible-section{margin-bottom:1.5rem}.extend-section .section-description{margin:.5rem 0 0;font-size:.875rem;color:#64748b;line-height:1.5;font-style:italic}.extend-section .dynamic-form{background:#fff;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.extend-section .dynamic-form:hover{box-shadow:0 2px 4px #00000014}.extend-section.multiple-section .multiple-section-list{background:#fff;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s;width:100%}.extend-section.multiple-section .multiple-section-list:hover{box-shadow:0 2px 4px #00000014}.extend-section.multiple-section .multiple-section-item{background:#f8fafc;border:1px solid #e2e8f0}.store-list-page{padding:24px;max-width:1400px;margin:0 auto}.filters{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-box{flex:1}.search-input{width:100%;padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.status-filter{display:flex;align-items:center;gap:8px}.status-filter label{font-size:14px;color:#64748b}.filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.stores-table{width:100%;border-collapse:collapse}.stores-table thead{background:#f8fafc}.stores-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.stores-table td{padding:12px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.stores-table tbody tr:hover{background:#f8fafc}.stores-table .empty-state{text-align:center;padding:40px;color:#94a3b8}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.card-container{margin-bottom:24px}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.store-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.store-card:hover{box-shadow:0 4px 6px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-actions{display:flex;gap:8px}.edit-btn-small,.delete-btn-small{padding:4px 8px;border:none;background:transparent;cursor:pointer;font-size:16px;transition:all .2s;border-radius:4px}.edit-btn-small:hover{background:#f1f5f9}.card-body{display:flex;flex-direction:column;gap:12px}.card-field{display:flex;gap:8px}.field-label{font-size:14px;color:#64748b;min-width:100px;font-weight:500}.field-value{font-size:14px;color:#1e293b;flex:1}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:16px;background:#fff;border-radius:8px}.loading{text-align:center;padding:60px 20px;color:#64748b;font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.page-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.cms-page-list{padding:24px;max-width:1400px;margin:0 auto}.header-actions{display:flex;gap:12px;align-items:center}.view-mode-toggle{display:flex;gap:4px;background:#f1f5f9;border-radius:6px;padding:4px}.view-btn{padding:8px 12px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:18px;transition:all .2s}.view-btn:hover{background:#e2e8f0}.view-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a}.create-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.site-settings-btn{padding:10px 16px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.site-settings-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.filters{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filter-group label{font-size:14px;color:#64748b}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;min-width:120px}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.pages-table{width:100%;border-collapse:collapse}.pages-table th,.pages-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.pages-table th{background:#f8fafc;font-weight:600;font-size:13px;color:#64748b;text-transform:uppercase}.pages-table td{font-size:14px;color:#1e293b}.pages-table tbody tr:hover{background:#f8fafc}.page-title-cell{display:flex;flex-direction:column;gap:4px}.page-title{font-weight:500}.page-key{font-size:12px;color:#64748b}.route-pattern{font-size:13px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#475569}.edit-btn,.publish-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.card-container{padding:0}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.page-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #e2e8f0}.card-title-section{display:flex;flex-direction:column;gap:8px}.card-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.card-actions{display:flex;gap:4px}.edit-btn-small,.delete-btn-small{padding:6px;border:none;background:transparent;cursor:pointer;font-size:16px;border-radius:4px;transition:background .2s}.edit-btn-small:hover{background:#e0f2fe}.delete-btn-small:hover{background:#fee2e2}.card-body{padding:16px}.card-field{display:flex;gap:8px;margin-bottom:8px;font-size:14px}.card-field:last-child{margin-bottom:0}.field-label{color:#64748b;flex-shrink:0}.field-value{color:#1e293b}.card-footer{padding:12px 16px;border-top:1px solid #e2e8f0;background:#f8fafc}.publish-btn-full{width:100%;padding:10px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.publish-btn-full:hover{background:#059669}.page-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.ai-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ai-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto}.ai-dialog-header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.ai-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.ai-dialog-close{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8;padding:4px;line-height:1;border-radius:6px}.ai-dialog-close:hover{background:#f1f5f9;color:#475569}.ai-dialog-body{padding:20px 24px}.ai-dialog-field{margin-bottom:16px}.ai-dialog-field label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.ai-dialog-field textarea{width:100%;min-height:100px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;font-family:inherit;color:#1e293b;box-sizing:border-box}.ai-dialog-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ai-dialog-field textarea::placeholder{color:#94a3b8}.ai-dialog-field select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;box-sizing:border-box}.ai-dialog-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ai-dialog-row{display:flex;gap:12px}.ai-dialog-row .ai-dialog-field{flex:1}.ai-dialog-field .color-input-wrapper{display:flex;align-items:center;gap:8px}.ai-dialog-field .color-input-wrapper input[type=color]{width:36px;height:36px;padding:2px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer}.ai-dialog-field .color-input-wrapper input[type=text]{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;box-sizing:border-box}.ai-dialog-field .color-input-wrapper input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ai-dialog-footer{padding:0 24px 20px;display:flex;gap:8px;justify-content:flex-end}.ai-dialog-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.ai-dialog-btn-cancel{background:#f1f5f9;color:#475569}.ai-dialog-btn-cancel:hover{background:#e2e8f0}.ai-dialog-btn-generate{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:flex;align-items:center;gap:6px}.ai-dialog-btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)}.ai-dialog-btn-generate:disabled{opacity:.6;cursor:not-allowed}.ai-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.ai-loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:ai-spin .8s linear infinite;margin-bottom:16px}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-loading-text{font-size:15px;color:#475569;font-weight:500}.ai-loading-subtext{font-size:13px;color:#94a3b8;margin-top:4px}.ai-loading-elapsed{font-size:12px;color:#b0b8c4;margin-top:12px;font-variant-numeric:tabular-nums}.ai-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;color:#dc2626;font-size:13px}.lp-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-wizard{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:680px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.lp-wizard-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.lp-wizard-title{font-size:16px;font-weight:700;color:#1e293b;white-space:nowrap}.lp-wizard-steps{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.lp-wizard-step-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.lp-wizard-step-num{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.lp-wizard-step-active .lp-wizard-step-num{background:#8b5cf6;color:#fff}.lp-wizard-step-active .lp-wizard-step-label{color:#8b5cf6;font-weight:600}.lp-wizard-step-done .lp-wizard-step-num{background:#10b981;color:#fff}.lp-wizard-step-done .lp-wizard-step-label{color:#475569}.lp-wizard-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:4px;line-height:1;flex-shrink:0}.lp-wizard-close:hover{color:#475569}.lp-wizard-body{padding:24px;overflow-y:auto;flex:1}.lp-brief-input{display:flex;flex-direction:column;gap:16px}.lp-field{display:flex;flex-direction:column;gap:6px}.lp-field-sm{flex:1;min-width:140px}.lp-field-label{font-size:13px;font-weight:600;color:#475569}.lp-textarea{width:100%;min-height:160px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;color:#1e293b}.lp-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.lp-char-count{font-size:12px;color:#94a3b8;text-align:right}.lp-config-row{display:flex;gap:12px;flex-wrap:wrap}.lp-select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer}.lp-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.lp-brief-review{display:flex;flex-direction:column;gap:16px}.lp-review-card{border:1px solid #e2e8f0;border-radius:10px;padding:16px;background:#fff}.lp-review-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lp-review-card-header h4{margin:0;font-size:14px;font-weight:700;color:#1e293b}.lp-review-field-group{display:flex;flex-direction:column;gap:10px}.lp-review-field{display:flex;flex-direction:column;gap:4px}.lp-review-field label{font-size:12px;font-weight:500;color:#64748b}.lp-review-field input{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b}.lp-review-field input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.lp-review-field.lp-missing input{border-color:#f59e0b;background:#fffbeb}.lp-hint{font-size:12px;color:#8b5cf6;font-style:italic}.lp-confidence{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.lp-confidence-green{background:#dcfce7;color:#16a34a}.lp-confidence-yellow{background:#fef9c3;color:#ca8a04}.lp-confidence-red{background:#fee2e2;color:#dc2626}.lp-offer-item{border:1px solid #f1f5f9;border-radius:8px;padding:12px;margin-bottom:8px;background:#fafafa}.lp-offer-header{font-size:12px;font-weight:600;color:#8b5cf6;margin-bottom:8px}.lp-btn-text{background:none;border:none;color:#8b5cf6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 0}.lp-btn-text:hover{text-decoration:underline}.lp-assets-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-asset-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;cursor:pointer}.lp-asset-toggle input{accent-color:#8b5cf6}.lp-clarifying-box{border:1px solid #e9d5ff;border-radius:10px;padding:16px;background:#faf5ff}.lp-clarifying-box h4{margin:0 0 10px;font-size:13px;color:#7c3aed}.lp-clarifying-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569;margin-bottom:6px}.lp-importance{font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap}.lp-importance-high{background:#fee2e2;color:#dc2626}.lp-importance-medium,.lp-importance-low{background:#fef9c3;color:#ca8a04}.lp-preview{display:flex;flex-direction:column;gap:16px}.lp-section-list{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.lp-section-list-header{background:#f8fafc;padding:10px 16px;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.lp-section-preview-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:13px}.lp-section-preview-item:last-child{border-bottom:none}.lp-section-index{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.lp-section-type{font-family:monospace;font-size:12px;padding:2px 8px;background:#f1f5f9;border-radius:4px;color:#475569}.lp-section-heading{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lp-variant-selector{display:flex;align-items:center;gap:12px}.lp-variant-label{font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.lp-variant-tabs{display:flex;gap:4px}.lp-variant-tab{padding:6px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .15s}.lp-variant-tab:hover{border-color:#8b5cf6;color:#8b5cf6}.lp-variant-tab-active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.lp-seo-preview{border:1px solid #e2e8f0;border-radius:10px;padding:16px}.lp-seo-header{font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.lp-seo-title{font-size:16px;font-weight:600;color:#1a0dab;margin-bottom:4px}.lp-seo-description{font-size:13px;color:#545454;line-height:1.4;margin-bottom:8px}.lp-seo-keywords{display:flex;gap:6px;flex-wrap:wrap}.lp-seo-keyword-tag{font-size:11px;padding:2px 8px;background:#f1f5f9;border-radius:4px;color:#64748b}.lp-compliance{border:1px solid #fde68a;border-radius:10px;overflow:hidden}.lp-compliance-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#fffbeb;border:none;cursor:pointer;font-size:13px}.lp-compliance-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#92400e}.lp-compliance-badge{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:600}.lp-compliance-badge-high{background:#fee2e2;color:#dc2626}.lp-compliance-badge-medium{background:#fef9c3;color:#ca8a04}.lp-compliance-toggle{font-size:12px;color:#92400e}.lp-compliance-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.lp-compliance-item{padding:10px;border-radius:6px}.lp-compliance-item-high{background:#fef2f2;border-left:3px solid #dc2626}.lp-compliance-item-medium{background:#fffbeb;border-left:3px solid #f59e0b}.lp-compliance-item-low{background:#f0fdf4;border-left:3px solid #22c55e}.lp-compliance-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.lp-risk-tag{font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px}.lp-risk-tag-high{background:#dc2626;color:#fff}.lp-risk-tag-medium{background:#f59e0b;color:#fff}.lp-risk-tag-low{background:#22c55e;color:#fff}.lp-compliance-text{font-size:13px;color:#1e293b}.lp-compliance-suggestion{font-size:12px;color:#64748b;padding-left:54px}.lp-timing{font-size:12px;color:#94a3b8;text-align:right}.lp-step-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.lp-loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:lp-spin .8s linear infinite}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-loading-text{font-size:16px;font-weight:600;color:#1e293b}.lp-loading-subtext{font-size:13px;color:#94a3b8}.lp-loading-elapsed{font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}.lp-error-message{padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.lp-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #f1f5f9}.lp-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.lp-btn:disabled{opacity:.5;cursor:not-allowed}.lp-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.lp-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lp-btn-secondary{background:#f1f5f9;color:#475569}.lp-btn-secondary:hover{background:#e2e8f0}.lp-btn-cancel{background:transparent;color:#94a3b8}.lp-btn-cancel:hover{color:#475569}.page-builder{width:100%;height:100vh;display:flex;flex-direction:column;background:#f1f5f9;overflow:hidden}.builder-layout{display:flex;flex:1;overflow:hidden}.builder-sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.builder-sidebar.right{border-right:none;border-left:1px solid #e2e8f0}.builder-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0}.control-group{display:flex;gap:4px}.control-btn{padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.control-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.control-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.control-btn:disabled{opacity:.4;cursor:not-allowed}.viewport-size-controls{display:flex;gap:4px}.size-btn{padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.size-btn:hover{background:#f1f5f9}.size-btn.active{background:#e0f2fe;border-color:#0ea5e9}.save-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.save-btn:hover{background:#2563eb}.canvas-wrapper{flex:1;padding:24px;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:#e2e8f0;transition:all .3s ease}.canvas-area{width:100%;background:#fff;box-shadow:0 4px 20px #00000026;min-height:calc(100vh - 200px);position:relative;transition:width .3s ease,max-width .3s ease}.canvas-area.editing{outline:2px dashed #cbd5e1}.canvas-content{min-height:calc(100vh - 200px)}.root-container{min-height:calc(100vh - 200px);box-sizing:border-box}.sidebar-tabs{display:flex;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sidebar-tab{flex:1;padding:10px 12px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.sidebar-tab:hover{color:#1e293b;background:#f8fafc}.sidebar-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.sidebar-tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.toolbox{display:flex;flex-direction:column;flex:1;overflow-y:auto}.toolbox-hint{margin:0;padding:8px 16px;font-size:12px;color:#94a3b8}.toolbox-section{padding:16px;border-bottom:1px solid #f1f5f9}.toolbox-section-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f8fafc;border:2px solid transparent;border-radius:8px;cursor:grab;transition:all .2s}.tool-item:hover{border-color:#3b82f6;background:#eff6ff}.tool-item:active{cursor:grabbing}.tool-icon{font-size:24px}.tool-label{font-size:12px;font-weight:500;color:#475569;text-align:center}.layer-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.layer-panel-tree{flex:1;overflow-y:auto;padding:8px 0}.layer-panel-empty{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}.layer-item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;font-size:13px;color:#475569;transition:background .1s;position:relative;-webkit-user-select:none;user-select:none}.layer-item:hover{background:#f1f5f9}.layer-item.selected{background:#eff6ff;color:#2563eb;font-weight:500}.layer-item.dragging{opacity:.4}.layer-item.drop-before:before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:#3b82f6;border-radius:1px;pointer-events:none}.layer-item.drop-after:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#3b82f6;border-radius:1px;pointer-events:none}.layer-item.drop-inside{background:#dbeafe;outline:1px solid #3b82f6;outline-offset:-1px}.layer-item-icon{font-size:14px;flex-shrink:0}.layer-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item-root{font-weight:600;color:#1e293b;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:4px}.layer-item-root.selected{background:#eff6ff;color:#2563eb}.settings-panel-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.settings-header{padding:16px;border-bottom:1px solid #e2e8f0}.settings-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.settings-content{flex:1;overflow-y:auto;padding:16px}.selected-component-name{display:flex;align-items:center;gap:8px;padding:12px;background:#f0fdf4;border-radius:6px;margin-bottom:16px}.selected-component-name .label{font-size:12px;color:#64748b}.selected-component-name .name{font-size:14px;font-weight:600;color:#16a34a}.no-selection{padding:24px;text-align:center;color:#64748b}.no-selection p{margin:0;font-size:14px}.settings-panel{display:flex;flex-direction:column;gap:16px}.settings-section-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;margin-top:8px;border-bottom:1px solid #e2e8f0}.settings-section-title:first-child{margin-top:0}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-group label{font-size:13px;font-weight:500;color:#374151}.setting-group input[type=text],.setting-group input[type=url],.setting-group input[type=number],.setting-group select,.setting-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.setting-group input:focus,.setting-group select:focus,.setting-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setting-group input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.setting-group input[type=range]{width:100%;cursor:pointer}.setting-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.settings-actions{margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}.delete-component-btn{width:100%;padding:10px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.delete-component-btn:hover{background:#fecaca}.component-selected{outline:2px solid #3b82f6!important;outline-offset:2px}[data-selected=true]{outline:2px solid #3b82f6;outline-offset:1px}[data-hovered=true]:not([data-selected=true]){outline:1px dashed #93c5fd}.root-container:empty:after{content:"拖放元件到此處開始設計";display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 300px);color:#94a3b8;font-size:18px;border:2px dashed #cbd5e1;border-radius:8px;margin:24px;background:#f8fafc}@media (max-width: 1200px){.builder-sidebar{width:220px}}@media (max-width: 900px){.builder-sidebar.left{display:none}.builder-sidebar.right{position:fixed;right:0;top:0;height:100%;z-index:100;transform:translate(100%);transition:transform .3s}.builder-sidebar.right.open{transform:translate(0)}}.html-block-empty{border:2px dashed #cbd5e1;border-radius:8px;background:#f8fafc;transition:all .2s;outline:none}.html-block-empty:hover,.html-block-empty:focus{border-color:#3b82f6;background:#f0f9ff}.html-block-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;min-height:120px}.html-block-placeholder .placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.7}.html-block-placeholder .placeholder-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 4px}.html-block-placeholder .placeholder-hint{font-size:12px;color:#64748b;margin:0;line-height:1.5}.html-block-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-height:120px}.html-block-processing .processing-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:htmlblock-spin 1s linear infinite;margin-bottom:8px}@keyframes htmlblock-spin{to{transform:rotate(360deg)}}.html-block-processing p{font-size:12px;color:#3b82f6;margin:0}.craft-container{position:relative;outline:1px dashed rgba(148,163,184,.5);outline-offset:-1px;min-height:32px;transition:outline-color .15s}.craft-container[data-hovered=true]:not([data-selected=true]){outline:1px dashed #93c5fd;outline-offset:-1px}.craft-container[data-selected=true]{outline:2px solid #3b82f6;outline-offset:-1px}.craft-container__label{position:absolute;top:-1px;left:4px;transform:translateY(-100%);background:#3b82f6;color:#fff;font-size:10px;line-height:1;padding:2px 6px;border-radius:3px 3px 0 0;white-space:nowrap;pointer-events:none;z-index:10;font-weight:500;letter-spacing:.3px}.craft-container[data-hovered=true]:not([data-selected=true]) .craft-container__label{background:#93c5fd}.html-block-content{width:100%}.html-block-content img{max-width:100%;height:auto}.html-block-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.html-block-overlay .processing-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:htmlblock-spin 1s linear infinite;margin-bottom:8px}.html-block-overlay p{font-size:12px;color:#3b82f6;margin:0}.cms-page-form{padding:24px;max-width:min(95%,1600px);margin:0 auto}.header-left{display:flex;align-items:center;gap:16px}.back-btn{padding:8px 12px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.status-draft{background:#fef3c7;color:#92400e}.status-published{background:#d1fae5;color:#065f46}.header-actions{display:flex;gap:12px}.save-btn,.publish-btn,.delete-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.save-btn{background:#3b82f6;color:#fff}.save-btn:hover:not(:disabled){background:#2563eb}.save-btn:disabled{opacity:.6;cursor:not-allowed}.publish-btn{background:#10b981;color:#fff}.publish-btn:hover:not(:disabled){background:#059669}.form-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-section{max-width:100%}.form-section:not(.blocks-section){max-width:900px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-field{margin-bottom:20px}.form-field input[type=text],.form-field input[type=url],.form-field input[type=number],.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-field small{display:block;margin-top:4px;font-size:12px;color:#6b7280}.form-field .required{color:#dc2626}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}hr{border:none;border-top:1px solid #e5e7eb;margin:24px 0}.template-info-box{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:20px}.template-info-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.template-label{font-size:13px;color:#64748b}.template-name{font-size:15px;font-weight:600;color:#1e40af}.template-type{font-size:12px;color:#64748b;background:#e0e7ff;padding:2px 8px;border-radius:4px}.template-description{margin:0 0 12px;font-size:13px;color:#475569;line-height:1.5}.template-details{display:flex;flex-direction:column;gap:8px}.template-detail-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.template-detail-item .detail-label{color:#64748b;flex-shrink:0}.template-detail-item .detail-value{color:#334155;font-weight:500}.add-default-blocks-btn{padding:4px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s;margin-left:auto}.add-default-blocks-btn:hover{background:#2563eb}.no-template-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-bottom:20px}.no-template-notice p{margin:0;font-size:13px;color:#92400e}.template-restriction-notice{background:#dbeafe;color:#1e40af;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.no-blocks-notice{background:#fee2e2;color:#dc2626;padding:16px;border-radius:6px;text-align:center;font-size:14px}.editor-mode-toggle{display:flex;gap:8px;margin-bottom:20px;padding:12px;background:#f8fafc;border-radius:8px}.mode-btn{flex:1;padding:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s}.mode-btn:hover{border-color:#cbd5e1;color:#475569}.mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.visual-builder-container{height:calc(100vh - 200px);min-height:700px;background:#f1f5f9}.blocks-section{max-width:none!important;margin:-24px;padding:0}.blocks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.blocks-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.add-block-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.add-block-btn:hover{background:#2563eb}.empty-blocks{text-align:center;padding:48px;background:#f8fafc;border-radius:8px;border:2px dashed #e2e8f0}.empty-blocks p{margin:0 0 16px;color:#64748b}.blocks-list{display:flex;flex-direction:column;gap:8px}.block-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.block-item:hover{border-color:#cbd5e1}.block-item.block-hidden{opacity:.6;background:#fef3c7}.block-order{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}.block-order span{font-size:12px;color:#64748b;font-weight:500}.move-btn{padding:2px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.move-btn:hover:not(:disabled){background:#f1f5f9}.move-btn:disabled{opacity:.3;cursor:not-allowed}.block-info{flex:1;display:flex;align-items:center;gap:12px}.block-name{font-weight:500;color:#1e293b}.block-type{font-size:12px;color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:4px}.block-badge{font-size:11px;color:#92400e;background:#fef3c7;padding:2px 6px;border-radius:4px}.block-actions{display:flex;gap:8px}.block-actions .edit-btn,.block-actions .delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.block-actions .edit-btn{background:#e0f2fe;color:#0369a1}.block-actions .edit-btn:hover{background:#bae6fd}.block-actions .delete-btn{background:#fee2e2;color:#dc2626}.block-actions .delete-btn:hover{background:#fecaca}.seo-preview{margin-top:24px;padding:16px;background:#f8fafc;border-radius:8px}.seo-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#64748b}.preview-box{font-family:Arial,sans-serif}.preview-title{color:#1a0dab;font-size:18px;margin-bottom:4px}.preview-url{color:#006621;font-size:14px;margin-bottom:4px}.preview-desc{color:#545454;font-size:14px;line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-panel{width:100%;max-width:500px;max-height:calc(100vh - 48px);background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.modal-close{padding:8px;background:none;border:none;cursor:pointer;font-size:18px;color:#64748b;border-radius:4px;transition:background .2s}.modal-close:hover{background:#f1f5f9}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-body h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.block-category-title{margin:0 0 12px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase}.block-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.block-picker-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f8fafc;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.block-picker-item:hover{border-color:#3b82f6;background:#eff6ff}.block-icon{font-size:28px}.block-name{font-size:13px;font-weight:500;text-align:center;color:#374151}.richtext-editor-container{display:flex;flex-direction:column;gap:16px}.richtext-toolbar{display:flex;justify-content:flex-end;gap:12px}.save-richtext-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-richtext-btn:hover{background:#2563eb}.save-richtext-btn:disabled{background:#94a3b8;cursor:not-allowed}.richtext-editor{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.richtext-editor .ck.ck-editor{width:100%}.richtext-editor .ck.ck-editor__main>.ck-editor__editable{min-height:500px;max-height:calc(100vh - 400px);overflow-y:auto}.richtext-editor .ck.ck-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.richtext-editor .ck.ck-toolbar .ck-toolbar__items{flex-wrap:wrap}.richtext-editor .ck.ck-content{padding:20px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.7;color:#1e293b}.richtext-editor .ck.ck-content h1{font-size:2em;font-weight:700;margin:1em 0 .5em;color:#0f172a}.richtext-editor .ck.ck-content h2{font-size:1.5em;font-weight:600;margin:1em 0 .5em;color:#1e293b}.richtext-editor .ck.ck-content h3{font-size:1.25em;font-weight:600;margin:1em 0 .5em;color:#334155}.richtext-editor .ck.ck-content h4{font-size:1.1em;font-weight:600;margin:1em 0 .5em;color:#475569}.richtext-editor .ck.ck-content p{margin:0 0 1em}.richtext-editor .ck.ck-content a{color:#3b82f6;text-decoration:underline}.richtext-editor .ck.ck-content a:hover{color:#2563eb}.richtext-editor .ck.ck-content ul,.richtext-editor .ck.ck-content ol{padding-left:2em;margin:0 0 1em}.richtext-editor .ck.ck-content li{margin:.25em 0}.richtext-editor .ck.ck-content blockquote{border-left:4px solid #e2e8f0;padding-left:1em;margin:1em 0;color:#64748b;font-style:italic}.richtext-editor .ck.ck-content pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:6px;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}.richtext-editor .ck.ck-content code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;color:#dc2626}.richtext-editor .ck.ck-content pre code{background:transparent;padding:0;color:inherit}.richtext-editor .ck.ck-content table{border-collapse:collapse;width:100%;margin:1em 0}.richtext-editor .ck.ck-content table td,.richtext-editor .ck.ck-content table th{border:1px solid #e2e8f0;padding:8px 12px;text-align:left}.richtext-editor .ck.ck-content table th{background:#f8fafc;font-weight:600}.richtext-editor .ck.ck-content img{max-width:100%;height:auto;border-radius:6px}.richtext-editor .ck.ck-content hr{border:none;border-top:1px solid #e2e8f0;margin:2em 0}.richtext-editor .ck.ck-content .image{margin:1em 0}.richtext-editor .ck.ck-content .image.image_resized{max-width:100%}.richtext-editor .ck.ck-content .image>figcaption{background:#f8fafc;padding:8px 12px;font-size:14px;color:#64748b;text-align:center}.richtext-editor .ck-source-editing-area textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5;min-height:500px}.richtext-editor .ck.ck-editor__editable:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.site-settings-page{padding:24px;max-width:min(95%,1800px);margin:0 auto}.site-settings-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.site-settings-page .header-left{display:flex;align-items:center;gap:16px}.site-settings-page .back-btn{padding:8px 12px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s}.site-settings-page .back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.site-settings-page h1{margin:0;font-size:24px;font-weight:600;color:#1e293b}.page-subtitle{font-size:14px;color:#64748b}.settings-content{display:flex;flex-direction:column;gap:32px}.section-editor{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.section-title{display:flex;align-items:center;gap:10px}.section-icon{font-size:20px}.section-title h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.section-hint{margin:0;font-size:12px;color:#94a3b8}.section-actions{display:flex;gap:8px}.save-section-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.save-section-btn:hover{background:#2563eb}.section-editor-body{min-height:250px}.section-editor-layout{display:flex;min-height:250px}.section-editor-main{flex:1;display:flex;flex-direction:column;border-right:1px solid #e2e8f0}.section-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.mini-toolbox{display:flex;gap:8px}.mini-tool-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:2px solid transparent;border-radius:8px;cursor:grab;font-size:18px;transition:all .2s}.mini-tool-item:hover{border-color:#3b82f6;background:#eff6ff}.mini-tool-item:active{cursor:grabbing}.section-canvas{flex:1;padding:16px;background:#f8fafc;min-height:180px}.section-root-container{border:1px dashed #e2e8f0;border-radius:8px;box-sizing:border-box}.section-root-container[data-selected=true]{border-color:#3b82f6;border-style:solid}.section-settings-panel{width:280px;min-width:280px;background:#fff;overflow-y:auto;max-height:400px}.section-settings-panel .settings-panel-container{height:100%}.section-settings-panel .settings-header{padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#fafafa}.section-settings-panel .settings-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.section-settings-panel .settings-content{padding:12px}.section-settings-panel .no-selection{padding:16px;text-align:center}.section-settings-panel .no-selection p{margin:0;font-size:13px;color:#94a3b8}.section-settings-panel .setting-group{margin-bottom:12px}.section-settings-panel .setting-group label{font-size:12px}.section-settings-panel .setting-group input,.section-settings-panel .setting-group select{padding:6px 10px;font-size:13px}.layout-config-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.layout-config-body{padding:24px}.layout-mode-explainer{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.layout-mode-option{display:flex;flex-direction:column;align-items:center;gap:16px}.layout-mode-diagram{width:180px;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;font-size:11px;position:relative}.layout-mode-diagram .diagram-header,.layout-mode-diagram .diagram-footer{background:#3b82f6;color:#fff;text-align:center;padding:8px;font-weight:500}.layout-mode-diagram .diagram-header.fixed,.layout-mode-diagram .diagram-footer.fixed{background:#8b5cf6}.layout-mode-diagram .diagram-content{background:#f1f5f9;text-align:center;padding:24px 8px;color:#64748b;min-height:60px;display:flex;align-items:center;justify-content:center}.layout-mode-diagram .diagram-scroll-hint{position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8;white-space:nowrap}.layout-mode-diagram.framed .diagram-content{border-top:2px dashed #cbd5e1;border-bottom:2px dashed #cbd5e1}.layout-mode-label{text-align:center}.layout-mode-label strong{display:block;font-size:14px;color:#1e293b;margin-bottom:4px}.layout-mode-label span{font-size:12px;color:#64748b}.layout-config-form{max-width:500px;margin:0 auto;padding:24px;background:#f8fafc;border-radius:8px}.config-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.config-row label{font-size:14px;color:#374151;font-weight:500}.config-row select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px;background:#fff}.config-row select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.config-actions{margin-top:24px;text-align:center}.save-layout-btn{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.save-layout-btn:hover{background:#2563eb}.save-layout-btn:disabled{opacity:.6;cursor:not-allowed}.config-hint{margin:16px 0 0;font-size:12px;color:#94a3b8;text-align:center}.site-settings-page .loading{padding:48px;text-align:center;color:#64748b}.section-canvas .craft-container{outline:1px dashed rgba(148,163,184,.5);outline-offset:-1px;min-height:32px}@media (max-width: 1024px){.section-editor-layout{flex-direction:column}.section-editor-main{border-right:none;border-bottom:1px solid #e2e8f0}.section-settings-panel{width:100%;max-height:300px}}.component-library-page{padding:1.5rem;max-width:1400px;margin:0 auto}.component-library-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.component-library-page .header-content h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#1e293b}.component-library-page .subtitle{margin:0;font-size:.875rem;color:#64748b}.component-library-page .tab-bar{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.component-library-page .tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.component-library-page .tab-btn:hover{color:#1e293b;background:#f8fafc}.component-library-page .tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.component-library-page .blocks-section{margin-bottom:2rem}.component-library-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.component-library-page .section-description{margin:0;font-size:.875rem;color:#64748b}.component-library-page .blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.component-library-page .block-card{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:box-shadow .2s}.component-library-page .block-card:hover{box-shadow:0 2px 8px #00000014}.component-library-page .block-card .block-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;flex-shrink:0}.component-library-page .block-card .block-info{flex:1;min-width:0}.component-library-page .block-card .block-info h3{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#1e293b}.component-library-page .block-card .block-key{display:inline-block;padding:.125rem .375rem;background:#f1f5f9;color:#64748b;font-size:.6875rem;border-radius:3px}.component-library-page .block-card .block-description{margin:.5rem 0;font-size:.75rem;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.component-library-page .block-card .block-meta{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.component-library-page .block-card .category-badge{padding:.125rem .375rem;font-size:.625rem;border-radius:3px}.component-library-page .block-card .category-badge.category-content{background:#dbeafe;color:#1d4ed8}.component-library-page .block-card .category-badge.category-data{background:#dcfce7;color:#16a34a}.component-library-page .block-card .renderer-tag{padding:.125rem .375rem;background:#fef3c7;color:#92400e;font-size:.625rem;border-radius:3px;font-family:monospace}.component-library-page .filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.component-library-page .search-box{display:flex;flex:1;min-width:200px;max-width:400px}.component-library-page .search-box input{flex:1;padding:.5rem .75rem;border:1px solid #e2e8f0;border-right:none;border-radius:6px 0 0 6px;font-size:.875rem}.component-library-page .search-box input:focus{outline:none;border-color:#3b82f6}.component-library-page .search-box button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:0 6px 6px 0;cursor:pointer;font-size:.875rem}.component-library-page .search-box button:hover{background:#2563eb}.component-library-page .category-filter select{padding:.5rem 2rem .5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.component-library-page .components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.component-library-page .component-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:box-shadow .2s,transform .2s}.component-library-page .component-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.component-library-page .component-preview{position:relative;height:160px;background:#f8fafc;cursor:pointer;overflow:hidden}.component-library-page .component-preview img{width:100%;height:100%;object-fit:cover}.component-library-page .preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:.875rem}.component-library-page .public-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#22c55e;color:#fff;font-size:.75rem;border-radius:4px}.component-library-page .global-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:#8b5cf6;color:#fff;font-size:.75rem;border-radius:4px}.component-library-page .company-info{margin-top:.25rem}.component-library-page .company-tag{padding:.125rem .375rem;background:#fef3c7;color:#92400e;font-size:.625rem;border-radius:3px}.component-library-page .company-filter select,.component-library-page .public-filter select{padding:.5rem 2rem .5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.component-library-page .btn-success{background:#fff;border:1px solid #bbf7d0;color:#16a34a}.component-library-page .btn-success:hover{background:#f0fdf4}.component-library-page .btn-warning{background:#fff;border:1px solid #fde68a;color:#ca8a04}.component-library-page .btn-warning:hover{background:#fefce8}.component-library-page .component-content{padding:1rem}.component-library-page .component-name{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-library-page .component-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.component-library-page .category-tag{padding:.125rem .5rem;background:#e0f2fe;color:#0369a1;font-size:.75rem;border-radius:4px}.component-library-page .source-tag{padding:.125rem .5rem;background:#f1f5f9;color:#64748b;font-size:.75rem;border-radius:4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-library-page .component-tags{display:flex;flex-wrap:wrap;gap:.25rem}.component-library-page .tag{padding:.125rem .375rem;background:#f1f5f9;color:#475569;font-size:.625rem;border-radius:3px}.component-library-page .tag-more{padding:.125rem .375rem;color:#94a3b8;font-size:.625rem}.component-library-page .component-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #f1f5f9}.component-library-page .btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s}.component-library-page .btn-outline{background:#fff;border:1px solid #e2e8f0;color:#475569}.component-library-page .btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.component-library-page .btn-danger{background:#fff;border:1px solid #fecaca;color:#dc2626}.component-library-page .btn-danger:hover{background:#fef2f2}.component-library-page .btn-primary{padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.component-library-page .btn-primary:hover{background:#2563eb}.component-library-page .loading{text-align:center;padding:3rem;color:#64748b}.component-library-page .error-message{padding:1rem;background:#fef2f2;color:#dc2626;border-radius:6px;margin-bottom:1rem}.component-library-page .empty-state{text-align:center;padding:4rem 2rem;background:#f8fafc;border-radius:12px}.component-library-page .empty-icon{font-size:3rem;margin-bottom:1rem}.component-library-page .empty-state h3{margin:0 0 .5rem;font-size:1.125rem;color:#1e293b}.component-library-page .empty-state p{margin:0 0 1.5rem;color:#64748b}.component-library-page .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.component-library-page .pagination button{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.component-library-page .pagination button:hover:not(:disabled){background:#f8fafc}.component-library-page .pagination button:disabled{opacity:.5;cursor:not-allowed}.component-library-page .pagination span{color:#64748b;font-size:.875rem}@media (max-width: 640px){.component-library-page .page-header{flex-direction:column;gap:1rem}.component-library-page .filters-bar{flex-direction:column}.component-library-page .search-box{max-width:none}.component-library-page .components-grid{grid-template-columns:1fr}}.component-form-page{padding:1.5rem;max-width:1600px;margin:0 auto}.component-form-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.component-form-page .page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}.component-form-page .loading{text-align:center;padding:3rem;color:#64748b}.component-form-page .error-message{padding:1rem;background:#fef2f2;color:#dc2626;border-radius:6px;margin-bottom:1rem}.component-form-page .form-layout{display:grid;grid-template-columns:400px 1fr;gap:2rem}@media (max-width: 1024px){.component-form-page .form-layout{grid-template-columns:1fr}}.component-form-page .form-section{display:flex;flex-direction:column;gap:1rem}.component-form-page .form-group{display:flex;flex-direction:column;gap:.375rem}.component-form-page .form-group label{font-size:.875rem;font-weight:500;color:#374151}.component-form-page .form-group input[type=text],.component-form-page .form-group input[type=url],.component-form-page .form-group select,.component-form-page .form-group textarea{padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:border-color .2s}.component-form-page .form-group input:focus,.component-form-page .form-group select:focus,.component-form-page .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.component-form-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.component-form-page .tags-input{display:flex;flex-direction:column;gap:.5rem}.component-form-page .tags-list{display:flex;flex-wrap:wrap;gap:.375rem;min-height:24px}.component-form-page .tags-list .tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#e0f2fe;color:#0369a1;font-size:.75rem;border-radius:4px}.component-form-page .tags-list .tag button{background:none;border:none;color:#0369a1;cursor:pointer;padding:0;font-size:1rem;line-height:1}.component-form-page .tags-list .tag button:hover{color:#dc2626}.component-form-page .tag-add{display:flex;gap:.5rem}.component-form-page .tag-add input{flex:1;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem}.component-form-page .tag-add button{padding:.375rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;cursor:pointer}.component-form-page .tag-add button:hover{background:#e2e8f0}.component-form-page .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.component-form-page .checkbox-group input[type=checkbox]{width:16px;height:16px}.component-form-page .code-section{display:flex;flex-direction:column;gap:1rem}.component-form-page .code-editor{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.component-form-page .editor-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.component-form-page .editor-tabs .tab{padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#64748b}.component-form-page .editor-tabs .tab.active{background:#fff;color:#1e293b;border-bottom:2px solid #3b82f6;margin-bottom:-1px}.component-form-page .code-editor textarea{width:100%;min-height:150px;padding:1rem;border:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.5;resize:vertical;background:#1e293b;color:#e2e8f0}.component-form-page .code-editor textarea::placeholder{color:#64748b}.component-form-page .code-editor textarea:focus{outline:none}.component-form-page .preview-section{display:flex;flex-direction:column;gap:.5rem}.component-form-page .preview-section h3{font-size:.875rem;font-weight:500;color:#374151;margin:0}.component-form-page .preview-frame{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.component-form-page .preview-frame iframe{width:100%;height:300px;border:none}.component-form-page .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.component-form-page .btn-primary{padding:.625rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.component-form-page .btn-primary:hover:not(:disabled){background:#2563eb}.component-form-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.component-form-page .btn-outline{padding:.625rem 1.25rem;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.component-form-page .btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.component-form-page .input-mode-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid #e2e8f0}.component-form-page .mode-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.component-form-page .mode-tab:hover{color:#1e293b;background:#f8fafc}.component-form-page .mode-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.component-form-page .paste-mode{display:flex;flex-direction:column;gap:1rem}.component-form-page .paste-zone{border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;min-height:250px;cursor:pointer;transition:all .2s;outline:none}.component-form-page .paste-zone:hover,.component-form-page .paste-zone:focus{border-color:#3b82f6;background:#f0f9ff}.component-form-page .paste-zone.has-content{border-style:solid;border-color:#e2e8f0;background:#fff;cursor:default}.component-form-page .paste-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;padding:2rem;text-align:center}.component-form-page .paste-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.component-form-page .paste-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.component-form-page .paste-hint{font-size:.875rem;color:#64748b;margin:0;line-height:1.6}.component-form-page .paste-preview-container{display:flex;flex-direction:column;height:100%}.component-form-page .paste-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.875rem;font-weight:500;color:#374151}.component-form-page .paste-actions{display:flex;gap:.5rem}.component-form-page .paste-actions .btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;background:#fff;border:1px solid #e2e8f0;color:#475569}.component-form-page .paste-actions .btn-sm:hover{background:#f1f5f9}.component-form-page .paste-actions .btn-danger{color:#dc2626;border-color:#fecaca}.component-form-page .paste-actions .btn-danger:hover{background:#fef2f2}.component-form-page .paste-preview-frame{width:100%;min-height:200px;border:none;flex:1}.component-form-page .html-code-preview{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.component-form-page .code-preview-header{padding:.5rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:500;color:#64748b}.component-form-page .code-preview-content{padding:1rem;margin:0;background:#1e293b;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-all}.component-form-page .paste-zone.processing{pointer-events:none;border-color:#3b82f6;background:#f0f9ff}.component-form-page .paste-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;padding:2rem;text-align:center}.component-form-page .processing-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.component-form-page .processing-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.component-form-page .processing-progress{font-size:1.5rem;font-weight:700;color:#3b82f6;margin:0 0 .5rem}.component-form-page .processing-hint{font-size:.875rem;color:#64748b;margin:0}.component-form-page .wysiwyg-editor{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.component-form-page .editor-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center}.component-form-page .toolbar-group{display:flex;gap:2px}.component-form-page .toolbar-group button{width:32px;height:32px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.component-form-page .toolbar-group button:hover{background:#f1f5f9;border-color:#cbd5e1}.component-form-page .toolbar-group button:active{background:#e2e8f0}.component-form-page .toolbar-group select{height:32px;padding:0 .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;background:#fff;cursor:pointer}.component-form-page .toolbar-group select:hover{border-color:#cbd5e1}.component-form-page .toolbar-divider{width:1px;height:24px;background:#e2e8f0;margin:0 .375rem}.component-form-page .toolbar-colors{gap:4px}.component-form-page .toolbar-colors label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.875rem;position:relative}.component-form-page .toolbar-colors label:hover{background:#f1f5f9}.component-form-page .toolbar-colors input[type=color]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.component-form-page .editor-content{min-height:300px;max-height:500px;overflow-y:auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;outline:none}.component-form-page .editor-content:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.component-form-page .editor-content:focus{box-shadow:inset 0 0 0 2px #3b82f61a}.component-form-page .editor-content h1{font-size:2rem;font-weight:700;margin:0 0 1rem;color:#1e293b}.component-form-page .editor-content h2{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;color:#1e293b}.component-form-page .editor-content h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1e293b}.component-form-page .editor-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#374151}.component-form-page .editor-content p{margin:0 0 1rem}.component-form-page .editor-content blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin:1rem 0;color:#64748b;font-style:italic}.component-form-page .editor-content pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:6px;overflow-x:auto;font-family:Monaco,Menlo,monospace;font-size:.875rem;margin:1rem 0}.component-form-page .editor-content ul,.component-form-page .editor-content ol{margin:0 0 1rem;padding-left:1.5rem}.component-form-page .editor-content li{margin-bottom:.25rem}.component-form-page .editor-content a{color:#3b82f6;text-decoration:underline}.component-form-page .editor-content img{max-width:100%;height:auto;border-radius:4px;margin:.5rem 0}.component-form-page .editor-content table{width:100%;border-collapse:collapse;margin:1rem 0}.component-form-page .editor-content table td,.component-form-page .editor-content table th{border:1px solid #e2e8f0;padding:.5rem}.component-form-page .editor-content table th{background:#f8fafc;font-weight:600}@media (max-width: 768px){.component-form-page .editor-toolbar{padding:.375rem}.component-form-page .toolbar-group button{width:28px;height:28px;font-size:.75rem}.component-form-page .toolbar-divider{display:none}}.component-preview-page{display:flex;flex-direction:column;height:100%;background:#f8fafc}.component-preview-page .loading{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b}.component-preview-page .error-message{padding:1rem;margin:1rem;background:#fef2f2;color:#dc2626;border-radius:6px}.component-preview-page .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.component-preview-page .header-left{display:flex;align-items:center;gap:1rem}.component-preview-page .btn-back{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;color:#475569}.component-preview-page .btn-back:hover{background:#f8fafc}.component-preview-page .component-info h1{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#1e293b}.component-preview-page .component-meta{display:flex;gap:.5rem}.component-preview-page .category-tag{padding:.125rem .5rem;background:#e0f2fe;color:#0369a1;font-size:.75rem;border-radius:4px}.component-preview-page .source-tag{padding:.125rem .5rem;background:#f1f5f9;color:#64748b;font-size:.75rem;border-radius:4px}.component-preview-page .public-tag{padding:.125rem .5rem;background:#dcfce7;color:#16a34a;font-size:.75rem;border-radius:4px}.component-preview-page .global-tag{padding:.125rem .5rem;background:#ede9fe;color:#7c3aed;font-size:.75rem;border-radius:4px}.component-preview-page .header-right{display:flex;align-items:center;gap:1rem}.component-preview-page .viewport-switcher{display:flex;background:#f1f5f9;border-radius:6px;padding:.25rem}.component-preview-page .viewport-switcher button{padding:.375rem .75rem;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.component-preview-page .viewport-switcher button:hover{background:#e2e8f0}.component-preview-page .viewport-switcher button.active{background:#fff;box-shadow:0 1px 2px #0000000d}.component-preview-page .btn-primary{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.component-preview-page .btn-primary:hover{background:#2563eb}.component-preview-page .btn-outline{padding:.5rem 1rem;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;cursor:pointer}.component-preview-page .preview-container{flex:1;display:flex;justify-content:center;padding:1.5rem;overflow:auto}.component-preview-page .preview-frame-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:width .3s ease}.component-preview-page .preview-frame-wrapper.viewport-desktop{width:100%;max-width:1400px}.component-preview-page .preview-frame-wrapper.viewport-tablet{width:768px}.component-preview-page .preview-frame-wrapper.viewport-mobile{width:375px}.component-preview-page .preview-frame-wrapper iframe{width:100%;height:600px;border:none}.component-preview-page .component-description{padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0}.component-preview-page .component-description h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.component-preview-page .component-description p{margin:0;font-size:.875rem;color:#64748b}.component-preview-page .component-tags{padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0}.component-preview-page .component-tags h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.component-preview-page .tags-list{display:flex;flex-wrap:wrap;gap:.375rem}.component-preview-page .tags-list .tag{padding:.25rem .5rem;background:#f1f5f9;color:#475569;font-size:.75rem;border-radius:4px}@media (max-width: 768px){.component-preview-page .preview-header{flex-direction:column;gap:1rem;align-items:flex-start}.component-preview-page .header-right{width:100%;justify-content:space-between}.component-preview-page .preview-frame-wrapper.viewport-tablet,.component-preview-page .preview-frame-wrapper.viewport-desktop{width:100%}}.channel-list-page{padding:24px;max-width:1400px;margin:0 auto}.channel-list-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.channel-list-page .page-header h1{margin:0;font-size:24px;font-weight:600;color:#1e293b}.channel-list-page .header-actions{display:flex;gap:12px;align-items:center}.channel-list-page .create-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.channel-list-page .create-btn:hover{background:#2563eb}.channel-list-page .filters{display:flex;gap:16px;margin-bottom:24px;align-items:center}.channel-list-page .status-filter{display:flex;align-items:center;gap:8px}.channel-list-page .status-filter label{font-size:14px;color:#64748b}.channel-list-page .filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.channel-list-page .filter-select:focus{outline:none;border-color:#3b82f6}.channel-list-page .error-message{padding:12px 16px;background:#fee2e2;color:#dc2626;border-radius:6px;margin-bottom:24px}.channel-list-page .loading{text-align:center;padding:60px 20px;color:#64748b;font-size:16px}.channel-list-page .table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.channels-table{width:100%;border-collapse:collapse}.channels-table thead{background:#f8fafc}.channels-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.channels-table td{padding:12px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.channels-table tbody tr:hover{background:#f8fafc}.channels-table .empty-state{text-align:center;padding:40px;color:#94a3b8}.platform-badge{display:inline-flex;align-items:center;gap:6px;font-weight:500}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background:#dcfce7;color:#16a34a}.status-pending{background:#fef3c7;color:#d97706}.status-error{background:#fee2e2;color:#dc2626}.status-disconnected{background:#f1f5f9;color:#64748b}.webhook-cell{max-width:200px}.webhook-url{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b;font-family:monospace}.channel-list-page .action-buttons{display:flex;gap:8px}.channel-list-page .edit-btn,.channel-list-page .delete-btn,.channel-list-page .test-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.channel-list-page .edit-btn{background:#e0f2fe;color:#0369a1}.channel-list-page .edit-btn:hover{background:#bae6fd}.channel-list-page .test-btn{background:#f0fdf4;color:#16a34a}.channel-list-page .test-btn:hover{background:#dcfce7}.channel-list-page .test-btn:disabled{opacity:.6;cursor:not-allowed}.channel-list-page .delete-btn{background:#fee2e2;color:#dc2626}.channel-list-page .delete-btn:hover{background:#fecaca}.channel-form-page{padding:24px;max-width:900px;margin:0 auto}.channel-form-page .page-header{margin-bottom:24px}.channel-form-page .page-header h1{margin:0;font-size:24px;font-weight:600;color:#1e293b}.channel-form-page .loading{text-align:center;padding:60px 20px;color:#64748b;font-size:16px}.channel-form-page .error-message{padding:12px 16px;background:#fee2e2;color:#dc2626;border-radius:6px;margin-bottom:24px}.channel-form-page .form-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.channel-form-page .tab-content{padding:24px}.channel-form-page .form-section{min-height:200px}.channel-form-page .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.channel-form-page .form-field{display:flex;flex-direction:column;gap:6px}.channel-form-page .form-field.full-width{grid-column:1 / -1}.channel-form-page .form-field label{font-size:14px;font-weight:500;color:#374151}.channel-form-page .required{color:#dc2626}.channel-form-page .form-input,.channel-form-page .form-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s}.channel-form-page .form-input:focus,.channel-form-page .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.channel-form-page .form-select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.channel-form-page .form-textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s}.channel-form-page .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.channel-form-page .toggle-wrapper{padding:4px 0}.channel-form-page .toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.channel-form-page .toggle-text{font-size:14px;color:#475569}.channel-form-page .form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.channel-form-page .cancel-btn{padding:10px 20px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.channel-form-page .cancel-btn:hover{background:#f8fafc}.channel-form-page .save-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.channel-form-page .save-btn:hover{background:#2563eb}.channel-form-page .save-btn:disabled,.channel-form-page .cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.channel-form-page .form-grid{grid-template-columns:1fr}}.messaging-page{display:flex;height:calc(100vh - 32px);background:#f1f5f9;gap:1px}.conv-list-panel{width:300px;min-width:260px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #e2e8f0}.conv-list-header{padding:16px;border-bottom:1px solid #e2e8f0}.conv-list-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.conv-filters{padding:12px;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.conv-search{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;box-sizing:border-box}.conv-search:focus{outline:none;border-color:#3b82f6}.conv-filter-row{display:flex;gap:8px}.conv-filter-select{flex:1;padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer}.conv-list{flex:1;overflow-y:auto}.conv-list-empty{padding:40px 16px;text-align:center;color:#94a3b8;font-size:14px}.conv-card{padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.conv-card:hover{background:#f8fafc}.conv-card.selected{background:#eff6ff;border-left:3px solid #3b82f6}.conv-card-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.conv-platform{font-size:14px;flex-shrink:0}.conv-name{flex:1;font-size:14px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{font-size:11px;color:#94a3b8;flex-shrink:0}.conv-card-bottom{display:flex;align-items:center;gap:8px}.conv-preview{flex:1;font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-unread{background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;flex-shrink:0}.conv-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;border-top:1px solid #e2e8f0}.conv-page-btn{padding:4px 10px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.conv-page-btn:disabled{opacity:.4;cursor:not-allowed}.conv-page-info{font-size:12px;color:#64748b}.message-panel{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.message-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e2e8f0;background:#fafbfc}.message-header-info{display:flex;align-items:center;gap:12px}.message-header-name{font-size:16px;font-weight:600;color:#1e293b}.message-header-platform{font-size:13px;color:#64748b}.message-header-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.message-header-status.status-active{background:#dcfce7;color:#16a34a}.message-header-status.status-resolved{background:#e0f2fe;color:#0369a1}.message-header-status.status-archived{background:#f1f5f9;color:#64748b}.message-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.load-more{text-align:center;padding:8px}.load-more-btn{padding:6px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;color:#64748b}.load-more-btn:hover{background:#f8fafc}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.message-bubble{max-width:70%;padding:10px 14px;border-radius:12px;word-break:break-word}.message-bubble.inbound{align-self:flex-start;background:#f1f5f9;border-bottom-left-radius:4px}.message-bubble.outbound{align-self:flex-end;background:#3b82f6;color:#fff}.message-sender{font-size:11px;font-weight:500;margin-bottom:2px;opacity:.7}.message-content{font-size:14px;line-height:1.5;white-space:pre-wrap}.message-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;opacity:.6}.message-time,.message-status{font-size:11px}.message-error{cursor:help}.message-input-area{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #e2e8f0;background:#fafbfc;align-items:flex-end}.message-input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:none;line-height:1.4}.message-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap}.send-btn:hover{background:#2563eb}.send-btn:disabled{background:#94a3b8;cursor:not-allowed}.message-empty{flex:1;display:flex;align-items:center;justify-content:center}.message-empty-text{color:#94a3b8;font-size:16px}.detail-panel{width:280px;min-width:240px;background:#fff;border-left:1px solid #e2e8f0;overflow-y:auto;padding:16px}.detail-empty{padding:40px 16px;text-align:center;color:#94a3b8;font-size:14px}.detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.detail-section:last-child{border-bottom:none}.detail-section h3{margin:0 0 12px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-fields{display:flex;flex-direction:column;gap:8px}.detail-field{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:13px;color:#64748b}.detail-value{font-size:13px;color:#1e293b;font-weight:500}.detail-no-customer{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#94a3b8}.link-customer-form{display:flex;flex-direction:column;gap:8px}.link-customer-actions{display:flex;gap:6px}.detail-input{width:100%;padding:6px 10px;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;box-sizing:border-box}.detail-input:focus{outline:none;border-color:#3b82f6}.assign-form{display:flex;gap:8px;margin-bottom:8px}.assign-form .detail-input{flex:1}.assigned-info{font-size:12px;color:#64748b;padding:4px 0}.ai-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#475569}.detail-actions{display:flex;flex-direction:column;gap:6px}.detail-action-btn{padding:6px 12px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.detail-action-btn:hover{background:#e0f2fe}.detail-cancel-btn{padding:6px 12px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px}.detail-danger-btn{padding:6px 12px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.detail-danger-btn:hover{background:#fee2e2}@media (max-width: 1024px){.detail-panel{display:none}}@media (max-width: 768px){.conv-list-panel{width:100%;min-width:unset}.message-panel,.messaging-page.has-selected .conv-list-panel{display:none}.messaging-page.has-selected .message-panel{display:flex}}.agent-list-page{padding:20px}.agents-table{width:100%;border-collapse:collapse;background:#fff}.agents-table th,.agents-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.agents-table th{background-color:#f5f5f5;font-weight:600}.edit-btn,.delete-btn,.publish-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.publish-btn{background-color:#17a2b8;color:#fff}.publish-btn:hover{background-color:#138496}.agent-form-page{padding:20px;max-width:800px;margin:0 auto}.back-btn{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.back-btn:hover{background-color:#5a6268}.agent-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-section h2{margin:0 0 16px;font-size:18px;color:#333;border-bottom:2px solid #e9ecef;padding-bottom:8px}.form-field label{display:block;margin-bottom:6px;font-weight:500;color:#333}.required{color:#dc3545}.form-field textarea{resize:vertical;min-height:120px;font-family:monospace;line-height:1.5}.form-field .field-hint{margin-top:4px;font-size:12px;color:#888}.form-row{display:flex;gap:16px}.form-row .form-field{flex:1}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.checkbox-group label{display:flex;align-items:center;gap:6px;font-weight:400;cursor:pointer;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.checkbox-group label:hover{background-color:#f5f5f5}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.cancel-btn,.submit-btn{padding:10px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.submit-btn{background-color:#007bff;color:#fff}.submit-btn:hover:not(:disabled){background-color:#0056b3}.config-field-row{margin-bottom:12px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.config-field-inputs{display:flex;gap:8px;align-items:center;margin-bottom:8px}.config-input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;box-sizing:border-box}.config-input-key,.config-input-label{width:140px}.config-input-type{width:100px}.config-input-desc{width:100%}.config-required-label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:400;white-space:nowrap;cursor:pointer}.config-required-label input[type=checkbox]{width:auto}.config-remove-btn{background:none;border:1px solid #dc3545;color:#dc3545;border-radius:4px;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;flex-shrink:0}.config-remove-btn:hover{background-color:#dc3545;color:#fff}.config-add-btn{padding:8px 16px;background-color:#e9ecef;border:1px dashed #adb5bd;border-radius:4px;cursor:pointer;font-size:13px;color:#495057;width:100%}.config-add-btn:hover{background-color:#dee2e6}.skill-list-page{padding:24px;max-width:1400px;margin:0 auto}.create-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.create-btn:hover{background:#2563eb}.filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-group label{font-size:14px;font-weight:500;color:#374151}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;margin-bottom:20px}.skills-table{width:100%;border-collapse:collapse}.skills-table th,.skills-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.skills-table th{background:#f8fafc;font-weight:600;font-size:13px;color:#64748b;text-transform:uppercase}.skills-table td{font-size:14px;color:#1e293b}.skills-table tbody tr:hover{background:#f8fafc}.skills-table code{font-size:13px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#475569}.status-select.status-draft{background-color:#f1f5f9;color:#475569;border-color:#cbd5e1}.status-select.status-published{background-color:#d1fae5;color:#065f46;border-color:#a7f3d0}.status-select.status-archived{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.edit-btn,.delete-btn,.publish-btn,.test-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.edit-btn{background:#e0f2fe;color:#0369a1}.edit-btn:hover{background:#bae6fd}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}.publish-btn{background:#d1fae5;color:#065f46}.publish-btn:hover{background:#a7f3d0}.test-btn{background:#ede9fe;color:#6d28d9}.test-btn:hover{background:#ddd6fe}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.page-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6}.page-info{font-size:14px;color:#64748b}.empty-state,.loading{text-align:center;padding:48px;color:#64748b}.modal-header{padding:20px 24px 12px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0 0 4px;font-size:18px;color:#1e293b}.modal-subtitle{font-size:14px;color:#64748b}.modal-label{display:block;font-weight:500;margin-bottom:8px;font-size:14px;color:#374151}.json-textarea{width:100%;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;padding:12px;border:1px solid #d1d5db;border-radius:6px;resize:vertical;box-sizing:border-box;line-height:1.5}.json-textarea:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91a}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}.cancel-modal-btn{padding:8px 18px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#374151}.cancel-modal-btn:hover{background:#f8fafc}.submit-btn{padding:8px 18px;background:#6d28d9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.submit-btn:hover{background:#5b21b6}.skill-form-page{padding:24px;max-width:900px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{margin:0;font-size:24px;font-weight:600;color:#1e293b}.back-btn{padding:8px 16px;background:#64748b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.back-btn:hover{background:#475569}.error-message{padding:12px 16px;background:#fee2e2;color:#dc2626;border-radius:6px;margin-bottom:24px}.skill-form{background:#fff;padding:28px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0;padding-bottom:8px;margin-bottom:20px}.section-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b;border-bottom:none;padding-bottom:0}.form-section h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.toggle-view-btn{padding:4px 12px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.toggle-view-btn:hover{background:#e2e8f0;color:#1e293b}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.required{color:#dc2626}.form-field input[type=text],.form-field input[type=number],.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-field input[type=text]:focus,.form-field input[type=number]:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field textarea{resize:vertical;min-height:80px}.form-field textarea.code-textarea{font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.form-field textarea.prompt-textarea{min-height:160px;line-height:1.6}.field-hint{display:block;margin-top:4px;font-size:12px;color:#6b7280}.field-hint--error{color:#dc2626}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}.code-textarea--error{border-color:#dc2626!important}.tool-config-form{display:flex;flex-direction:column;gap:4px}.tool-info-banner{margin-top:12px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.tool-info-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.tool-info-name{font-weight:600;font-size:13px;color:#0369a1;font-family:Menlo,Monaco,Courier New,monospace}.tool-info-desc{font-size:12px;color:#475569}.tool-info-input{margin-top:8px;padding-top:8px;border-top:1px solid #bae6fd}.tool-info-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tool-info-label{font-size:12px;font-weight:500;color:#475569}.tool-info-sample{margin:8px 0 0;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;color:#334155;overflow-x:auto;white-space:pre}.tool-info-fields{display:flex;flex-wrap:wrap;gap:6px}.tool-info-field{display:inline-block;padding:2px 8px;background:#e0f2fe;border-radius:4px;font-size:12px;font-family:Menlo,Monaco,Courier New,monospace;color:#0c4a6e}.tool-info-field--required{background:#dbeafe;border:1px solid #93c5fd;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.cancel-btn,.submit-btn{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn{background:#e5e7eb;color:#374151}.cancel-btn:hover{background:#d1d5db}.submit-btn{background:#3b82f6;color:#fff}.submit-btn:hover:not(:disabled){background:#2563eb}.loading{text-align:center;padding:48px;color:#64748b}.workflow-list-page{padding:20px}.workflow-list-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.workflow-list-page .page-header h1{margin:0;font-size:24px}.workflow-list-page .create-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.workflow-list-page .create-btn:hover{background-color:#0056b3}.workflow-list-page .filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.workflow-list-page .filter-group{display:flex;align-items:center;gap:8px}.workflow-list-page .filter-group label{font-weight:500}.workflow-list-page .filter-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.workflow-list-page .search-box{flex:1;min-width:200px}.workflow-list-page .search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.workflow-list-page .error-message{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px}.workflow-list-page .empty-state{text-align:center;padding:40px;color:#666}.workflow-list-page .workflow-table-container{overflow-x:auto;margin-bottom:20px}.workflow-list-page .workflow-table{width:100%;border-collapse:collapse;background:#fff}.workflow-list-page .workflow-table th,.workflow-list-page .workflow-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.workflow-list-page .workflow-table th{background-color:#f5f5f5;font-weight:600}.workflow-list-page .status-select{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid transparent;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.workflow-list-page .status-select.status-draft{background-color:#fff3cd;color:#856404;border-color:#ffeeba}.workflow-list-page .status-select.status-published{background-color:#d4edda;color:#155724;border-color:#b1dfbb}.workflow-list-page .status-select.status-archived{background-color:#e2e3e5;color:#383d41;border-color:#c6c8ca}.workflow-list-page .action-buttons{display:flex;gap:8px}.workflow-list-page .edit-btn,.workflow-list-page .delete-btn,.workflow-list-page .publish-btn,.workflow-list-page .test-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.workflow-list-page .edit-btn{background-color:#28a745;color:#fff}.workflow-list-page .edit-btn:hover{background-color:#218838}.workflow-list-page .delete-btn{background-color:#dc3545;color:#fff}.workflow-list-page .delete-btn:hover{background-color:#c82333}.workflow-list-page .publish-btn{background-color:#17a2b8;color:#fff}.workflow-list-page .publish-btn:hover{background-color:#138496}.workflow-list-page .test-btn{background-color:#6f42c1;color:#fff}.workflow-list-page .test-btn:hover{background-color:#5a32a3}.workflow-list-page .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.workflow-list-page .page-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.workflow-list-page .page-btn:disabled{opacity:.5;cursor:not-allowed}.workflow-list-page .page-info{font-size:14px;color:#666}.workflow-list-page .loading{text-align:center;padding:40px;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:#fff;border-radius:8px;width:520px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{padding:20px 24px 12px;border-bottom:1px solid #eee}.modal-workflow-name{font-size:14px;color:#666}.modal-body{padding:16px 24px}.json-textarea{width:100%;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;padding:12px;border:1px solid #ddd;border-radius:4px;resize:vertical;box-sizing:border-box;line-height:1.5}.json-textarea:focus{outline:none;border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c126}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.cancel-modal-btn{padding:8px 18px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.cancel-modal-btn:hover{background-color:#f5f5f5}.submit-btn{padding:8px 18px;background-color:#6f42c1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.submit-btn:hover{background-color:#5a32a3}.workflow-form-page{padding:20px;max-width:900px;margin:0 auto}.workflow-form-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.workflow-form-page .page-header h1{margin:0;font-size:24px}.workflow-form-page .back-btn{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.workflow-form-page .back-btn:hover{background-color:#5a6268}.workflow-form-page .error-message{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px}.workflow-form-page .workflow-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.workflow-form-page .form-section{margin-bottom:32px}.workflow-form-page .form-section h2{margin:0 0 16px;font-size:18px;color:#333;border-bottom:2px solid #e9ecef;padding-bottom:8px}.workflow-form-page .form-field{margin-bottom:16px}.workflow-form-page .form-field label{display:block;margin-bottom:6px;font-weight:500;color:#333}.workflow-form-page .required{color:#dc3545}.workflow-form-page .form-field input[type=text],.workflow-form-page .form-field select,.workflow-form-page .form-field textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.workflow-form-page .form-field textarea{resize:vertical;min-height:80px;font-family:monospace}.workflow-form-page .node-builder{margin-top:8px}.workflow-form-page .node-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.workflow-form-page .node-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex-wrap:wrap}.workflow-form-page .node-order{font-size:13px;color:#999;min-width:24px;text-align:center}.workflow-form-page .node-info{flex:1;display:flex;align-items:center;gap:10px}.workflow-form-page .node-id{font-weight:600;font-size:14px;color:#333}.workflow-form-page .node-type-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.workflow-form-page .node-type-badge.skill{background-color:#d4edda;color:#155724}.workflow-form-page .node-type-badge.gate{background-color:#fff3cd;color:#856404}.workflow-form-page .node-type-badge.terminal{background-color:#e2e3e5;color:#383d41}.workflow-form-page .node-skill-name{font-size:13px;color:#666}.workflow-form-page .node-config-badge{display:inline-block;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;background-color:#e8daef;color:#6c3483;text-transform:uppercase}.workflow-form-page .node-actions{display:flex;gap:4px}.workflow-form-page .node-actions button{padding:4px 8px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;line-height:1}.workflow-form-page .node-actions button:hover{background-color:#e9ecef}.workflow-form-page .node-actions button.remove-node-btn{color:#dc3545;border-color:#dc3545}.workflow-form-page .node-actions button.remove-node-btn:hover{background-color:#f8d7da}.workflow-form-page .node-config-editor{width:100%;margin-top:8px;padding:10px;background-color:#fff;border:1px solid #d4d8dd;border-radius:4px}.workflow-form-page .node-config-editor label{display:block;margin-bottom:4px;font-size:12px;font-weight:500;color:#555}.workflow-form-page .node-config-editor textarea{width:100%;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:monospace;resize:vertical;min-height:60px;box-sizing:border-box}.workflow-form-page .node-config-editor-actions{display:flex;gap:6px;margin-top:8px}.workflow-form-page .node-config-editor-actions button{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.workflow-form-page .node-config-editor-actions button:first-child{background-color:#28a745;color:#fff}.workflow-form-page .node-config-editor-actions button:first-child:hover{background-color:#218838}.workflow-form-page .node-config-editor-actions button:last-child{background-color:#6c757d;color:#fff}.workflow-form-page .node-config-editor-actions button:last-child:hover{background-color:#5a6268}.workflow-form-page .empty-nodes{text-align:center;padding:24px;color:#999;background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;margin-bottom:16px}.workflow-form-page .add-node-form{padding:16px;background-color:#eef6ff;border:1px solid #b8daff;border-radius:6px;margin-bottom:16px}.workflow-form-page .add-node-form h3{margin:0 0 12px;font-size:15px;color:#004085}.workflow-form-page .add-node-fields{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.workflow-form-page .add-node-field{display:flex;flex-direction:column;gap:4px}.workflow-form-page .add-node-field label{font-size:13px;font-weight:500;color:#333}.workflow-form-page .add-node-field input,.workflow-form-page .add-node-field select,.workflow-form-page .add-node-field textarea{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.workflow-form-page .add-node-field textarea{resize:vertical;min-height:50px;font-family:monospace;width:100%;box-sizing:border-box}.workflow-form-page .add-node-actions{display:flex;gap:8px;margin-top:12px}.workflow-form-page .add-node-confirm-btn{padding:6px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.workflow-form-page .add-node-confirm-btn:hover{background-color:#218838}.workflow-form-page .add-node-cancel-btn{padding:6px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.workflow-form-page .add-node-cancel-btn:hover{background-color:#5a6268}.workflow-form-page .add-node-btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.workflow-form-page .add-node-btn:hover{background-color:#0056b3}.workflow-form-page .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.workflow-form-page .cancel-btn,.workflow-form-page .submit-btn{padding:10px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.workflow-form-page .cancel-btn{background-color:#6c757d;color:#fff}.workflow-form-page .cancel-btn:hover{background-color:#5a6268}.workflow-form-page .submit-btn{background-color:#007bff;color:#fff}.workflow-form-page .submit-btn:hover:not(:disabled){background-color:#0056b3}.workflow-form-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.workflow-form-page .loading{text-align:center;padding:40px;color:#666}.action-list-page{padding:20px}.create-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.create-btn:hover{background-color:#0056b3}.search-box{flex:1;min-width:200px}.search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.actions-table{width:100%;border-collapse:collapse;background:#fff}.actions-table th,.actions-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.actions-table th{background-color:#f5f5f5;font-weight:600}.status-select{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid transparent;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.status-select.status-draft{background-color:#e2e3e5;color:#383d41;border-color:#c6c8ca}.status-select.status-published{background-color:#d4edda;color:#155724;border-color:#b1dfbb}.status-select.status-archived{background-color:#f8d7da;color:#721c24;border-color:#f1aeb5}.action-buttons{display:flex;gap:8px}.run-btn,.publish-btn,.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.run-btn{background-color:#6d28d9;color:#fff}.run-btn:hover{background-color:#5b21b6}.publish-btn{background-color:#2563eb;color:#fff}.publish-btn:hover{background-color:#1d4ed8}.edit-btn{background-color:#28a745;color:#fff}.edit-btn:hover{background-color:#218838}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:#fff;border-radius:8px;padding:24px;width:520px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{margin-bottom:16px}.modal-header h2{margin:0 0 4px;font-size:18px}.modal-subtitle{color:#666;font-size:14px}.modal-body{margin-bottom:20px}.modal-label{display:block;font-weight:500;margin-bottom:8px;font-size:14px}.no-input-hint{color:#666;font-size:14px;margin:0}.json-textarea{width:100%;font-family:SF Mono,Fira Code,monospace;font-size:13px;padding:12px;border:1px solid #ddd;border-radius:4px;resize:vertical;box-sizing:border-box;line-height:1.5}.json-textarea:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91a}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.cancel-modal-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.cancel-modal-btn:hover{background:#f5f5f5}.submit-btn{padding:8px 16px;background-color:#6d28d9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.submit-btn:hover{background-color:#5b21b6}.submit-btn:disabled,.cancel-modal-btn:disabled{opacity:.6;cursor:not-allowed}.mode-tabs{display:flex;gap:0;margin-bottom:16px;border:1px solid #ddd;border-radius:6px;overflow:hidden}.mode-tab{flex:1;padding:8px 16px;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .2s}.mode-tab.active{background:#6d28d9;color:#fff}.mode-tab:hover:not(.active){background:#e8e8e8}.schedule-config{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.form-group{margin-bottom:12px}.schedule-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.schedule-input:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91a}.schedule-type-tabs{display:flex;gap:0;border:1px solid #ddd;border-radius:4px;overflow:hidden}.schedule-type-tab{flex:1;padding:6px 12px;border:none;background:#f9f9f9;cursor:pointer;font-size:13px;color:#666;transition:all .2s}.schedule-type-tab.active{background:#4f46e5;color:#fff}.schedule-type-tab:hover:not(.active){background:#eee}.interval-row{display:flex;gap:8px;align-items:center}.interval-input{width:100px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.interval-input:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91a}.interval-unit-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.cron-hint{display:block;margin-top:4px;font-size:12px;color:#888}.action-form-page{padding:20px}.action-form{max-width:800px}.form-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.form-section h2{margin:0 0 16px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.form-field input[type=text],.form-field input[type=number],.form-field select,.form-field textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-field textarea{resize:vertical;font-family:monospace}.form-field .required{color:#dc3545}.form-field .help-text{font-size:12px;color:#888;margin-top:4px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:10px 24px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.cancel-btn:hover{background-color:#f5f5f5}.submit-btn{padding:10px 24px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.submit-btn:hover{background-color:#0056b3}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.job-list-page{padding:20px}.header-info{font-size:13px;color:#888}.filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500}.filter-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.empty-state{text-align:center;padding:40px;color:#666}.table-container{overflow-x:auto;margin-bottom:20px}.jobs-table{width:100%;border-collapse:collapse;background:#fff}.jobs-table th,.jobs-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.jobs-table th{background-color:#f5f5f5;font-weight:600}.jobs-table tbody tr{cursor:pointer;transition:background-color .15s}.jobs-table tbody tr:hover{background-color:#f8f9fa}.status-badge.cancelled{background-color:#e2e3e5;color:#383d41}.cancel-btn{padding:4px 10px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.page-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#666}.job-detail-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;font-size:24px}.header-actions{display:flex;align-items:center;gap:12px}.back-btn{padding:8px 16px;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;color:#333}.back-btn:hover{background-color:#f5f5f5}.cancel-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.cancel-btn:hover{background-color:#c82333}.auto-refresh-hint{font-size:13px;color:#888}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px}.loading{text-align:center;padding:40px;color:#666}.job-summary{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.job-summary h2{margin:0 0 16px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item .label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase}.summary-item .value{font-size:14px;color:#333}.error-text{color:#dc3545}.data-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.data-section h2{margin:0 0 16px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px}.json-viewer{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;overflow-x:auto;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.pending{background-color:#e2e3e5;color:#383d41}.status-badge.running{background-color:#cce5ff;color:#004085}.status-badge.paused_at_gate{background-color:#fff3cd;color:#856404}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.failed{background-color:#f8d7da;color:#721c24}.status-badge.cancelled,.status-badge.skipped{background-color:#e2e3e5;color:#383d41}.steps-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.steps-section h2{margin:0 0 16px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px}.steps-timeline{position:relative;padding-left:24px}.steps-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:#ddd}.step-item{position:relative;margin-bottom:16px;padding:12px;border:1px solid #eee;border-radius:8px;background:#fafafa}.step-item:before{content:"";position:absolute;left:-20px;top:16px;width:10px;height:10px;border-radius:50%;background-color:#ddd}.step-item.completed:before{background-color:#28a745}.step-item.running:before{background-color:#007bff}.step-item.failed:before{background-color:#dc3545}.step-item.pending:before{background-color:#adb5bd}.step-item.skipped:before{background-color:#adb5bd}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.step-header .step-title{font-weight:600;font-size:14px}.step-meta{display:flex;gap:16px;font-size:13px;color:#666;flex-wrap:wrap}.step-meta .meta-item{display:flex;gap:4px}.step-meta .meta-label{font-weight:500}.step-error{margin-top:8px;padding:8px;background-color:#fee;border-radius:4px;color:#c33;font-size:13px}.artefacts-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.artefacts-section h2{margin:0 0 16px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px}.artefact-item{border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;overflow:hidden}.artefact-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#f5f5f5;cursor:pointer}.artefact-header:hover{background-color:#eee}.artefact-name{font-weight:600;font-size:14px}.artefact-type{font-size:12px;color:#888;background-color:#e9ecef;padding:2px 8px;border-radius:4px}.artefact-content{padding:12px 14px;border-top:1px solid #e9ecef}.artefact-content .json-viewer{max-height:300px}.artefact-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.review-section{background:#fff;border:2px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:20px}.review-section h2{margin:0 0 16px;font-size:18px;border-bottom:1px solid #ffc107;padding-bottom:8px;color:#856404}.review-item{border:1px solid #eee;border-radius:8px;padding:14px;margin-bottom:12px;background:#fffdf5}.review-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.review-info{font-size:13px;color:#666}.review-actions{display:flex;gap:8px;margin-top:12px}.review-notes-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:8px;box-sizing:border-box}.approve-btn{padding:6px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.approve-btn:hover{background-color:#218838}.reject-btn{padding:6px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.reject-btn:hover{background-color:#c82333}.revise-btn{padding:6px 16px;background-color:#ffc107;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.revise-btn:hover{background-color:#e0a800}.empty-text{color:#999;font-size:14px}.schedule-list-page{padding:20px}.schedule-list-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schedule-list-page .page-header h1{margin:0;font-size:24px}.schedule-list-page .filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.schedule-list-page .filter-group{display:flex;align-items:center;gap:8px}.schedule-list-page .filter-group label{font-weight:500}.schedule-list-page .filter-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.schedule-list-page .error-message{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px}.schedule-list-page .empty-state{text-align:center;padding:40px;color:#666}.schedule-list-page .empty-hint{font-size:13px;color:#999;margin-top:8px}.schedule-list-page .table-container{overflow-x:auto;margin-bottom:20px}.schedule-list-page .schedule-table{width:100%;border-collapse:collapse;background:#fff}.schedule-list-page .schedule-table th,.schedule-list-page .schedule-table td{padding:12px;text-align:left;border-bottom:1px solid #eee;font-size:14px}.schedule-list-page .schedule-table th{background-color:#f5f5f5;font-weight:600;white-space:nowrap}.schedule-list-page .schedule-name{font-weight:500}.schedule-list-page .schedule-expr{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#555}.schedule-list-page .count-cell{text-align:center}.schedule-list-page .error-count{color:#dc3545;font-weight:600}.schedule-list-page .status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.schedule-list-page .status-badge.status-active{background-color:#d4edda;color:#155724}.schedule-list-page .status-badge.status-paused{background-color:#fff3cd;color:#856404}.schedule-list-page .status-badge.status-archived{background-color:#e2e3e5;color:#383d41}.schedule-list-page .action-buttons{display:flex;gap:6px;flex-wrap:nowrap}.schedule-list-page .pause-btn,.schedule-list-page .resume-btn,.schedule-list-page .view-job-btn,.schedule-list-page .delete-btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.schedule-list-page .pause-btn{background-color:#ffc107;color:#212529}.schedule-list-page .pause-btn:hover{background-color:#e0a800}.schedule-list-page .resume-btn{background-color:#28a745;color:#fff}.schedule-list-page .resume-btn:hover{background-color:#218838}.schedule-list-page .view-job-btn{background-color:#6d28d9;color:#fff}.schedule-list-page .view-job-btn:hover{background-color:#5b21b6}.schedule-list-page .delete-btn{background-color:#dc3545;color:#fff}.schedule-list-page .delete-btn:hover{background-color:#c82333}.schedule-list-page .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.schedule-list-page .page-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.schedule-list-page .page-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-list-page .page-info{font-size:14px;color:#666}.schedule-list-page .loading{text-align:center;padding:40px;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}