live_admin

*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-light);color:var(--text-primary);font-family:system-ui,sans-serif;--accent-color:#6b46c1;--accent-hover:#7c3aed;--bg-light:#f5f5f7;--bg-white:#fff;--bg-medium:#e8e8ed;--border-light:#d2d2d7;--border-medium:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--error-bg:#fef2f2;--error-color:#dc2626;--error-hover:#7f1d1d;--success-bg:#f0fdf4;--success-light:#d1fae5;--success-color:#16a34a;--success-dark:#065f46;--success-hover:#166534;--info-bg:#eff6ff;--info-light:#dbeafe;--info-color:#2563eb;--info-dark:#1e40af;--info-hover:#1e40af;--warning-bg:#fff1e5;--warning-color:#e53e3e;--warning-hover:#c53030;--purple-50:#f3e8ff;--purple-100:#e9d5ff;--opacity-disabled:0.4;--opacity-muted:0.7;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 20px 60px rgba(0,0,0,.3);--focus-ring:0 0 0 3px rgba(107,70,193,.1);--top-height:64px;padding-top:var(--top-height)}body:has(.alert-bar){padding-top:112px}p{margin:1lh 0}h1[class$=title],h3[class$=title]{color:var(--accent-hover);font-size:16px;font-weight:600;letter-spacing:.1em;opacity:.75;text-transform:uppercase}h1[class$=title]{font-size:16px}h2[class$=title]{font-size:14px}h3[class$=title]{font-size:12px}h1 span,h2 span,h3 span{color:var(--text-primary);display:block;font-size:2.5em;opacity:1;text-transform:none}.header{background:var(--bg-white);border-bottom:1px solid var(--border-light);left:0;position:fixed;right:0;top:0;z-index:100}.header-content{align-items:center;display:flex;height:var(--top-height);justify-content:space-between;margin:0 32px 0 24px}.logo{color:var(--text-primary);font-size:20px;font-weight:600}.user-menu{align-items:center;display:flex;gap:16px}#alert-bar{left:0;position:fixed;right:0}#alert-bar:hover .alert-bar+.alert-bar{opacity:1;position:relative;top:64px}.alert-bar{align-items:center;border-style:solid;border-width:2px 0;display:flex;height:64px;justify-content:space-between;padding:14px 24px;position:absolute;transition:all .2s ease-in-out;width:100%;z-index:2}.alert-bar+.alert-bar{border-top-width:0;opacity:0;top:0;z-index:1}.alert-count{align-items:center;border-radius:50%;border-style:solid;border-width:2px;cursor:pointer;display:flex;height:1.25lh;justify-content:center;text-align:center;vertical-align:middle;width:1.25lh}.alert-bar.error{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.alert-bar.error:hover{color:var(--error-hover)}.alert-bar.success{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.alert-bar.success:hover{color:var(--success-hover)}.alert-bar.info{background:var(--info-bg);border-color:var(--info-color);color:var(--info-color)}.alert-bar.info:hover{color:var(--info-hover)}#alert-bar[class$=loading]{opacity:var(--opacity-muted);pointer-events:none}.alert-content{align-items:center;display:flex;flex:1;gap:12px}.alert-icon{cursor:pointer;flex-shrink:0;height:20px;width:20px}.alert-message{font-size:14px;font-weight:500}.alert-close{border-radius:6px;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;line-height:1;padding:6px 12px;transition:all .2s}.breadcrumb,.breadcrumb a,.breadcrumb-content,.breadcrumb-current,.breadcrumb-separator{display:none}.main-layout{display:flex;min-height:calc(100vh - var(--top-height))}.sidebar{background:var(--bg-white);border-right:1px solid var(--border-light);bottom:0;left:0;max-width:300px;min-width:200px;overflow-y:auto;padding:24px 0 180px;position:fixed;top:var(--top-height);width:20vw;z-index:10}body:has(.alert-bar) .sidebar{top:112px}.nav-section{margin-bottom:32px}.nav-section-title{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:0 24px 12px;text-transform:uppercase}.nav-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:10px 24px;text-decoration:none;transition:background .2s}.nav-item.active,.nav-item:hover{background:var(--bg-light)}.nav-item.active{border-left:3px solid var(--accent-color);color:var(--accent-color)!important;font-weight:500}.nav-icon{fill:currentColor;height:20px;width:20px}.nav-icon svg{display:block;height:100%;width:100%}.nav-item-expand{font-size:12px;margin-left:auto;opacity:var(--opacity-muted);transition:transform .2s}.nav-toggle-input{display:none}.nav-toggle-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:10px 24px;text-decoration:none;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-toggle-label:hover{background:var(--bg-light)}.nav-toggle-label.active{background:var(--bg-medium);border-left:3px solid var(--accent-color);font-weight:500}.nav-subitems{max-height:0;overflow:hidden}.nav-toggle-input:checked+.nav-toggle-label+.nav-subitems{max-height:none}.nav-toggle-input:checked+.nav-toggle-label .nav-item-expand{transform:rotate(180deg)}.nav-subitems .nav-toggle-label{color:var(--text-secondary);font-size:16px;padding:8px 24px}.nav-subitems .nav-toggle-label:hover{background:transparent;color:var(--accent-color)}.nav-subitems .nav-subitems{max-height:0;padding-left:16px}.nav-subitems .nav-subitems a{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;gap:12px;padding:8px 24px;text-decoration:none;transition:color .2s}.nav-subitems .nav-subitems a:hover{color:var(--accent-color)}.nav-subitem{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:space-between;padding:8px 24px;text-decoration:none;transition:color .2s}.nav-subitem:hover{color:var(--accent-color)}.nav-subitem .nav-item-expand{font-size:12px;opacity:var(--opacity-muted)}.nav-progress-section{background:var(--bg-white);border-top:1px solid var(--border-light);bottom:0;left:0;padding:16px 24px 24px;position:absolute;right:0}.nav-progress-title{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.progress-item{margin-bottom:16px}.progress-item:last-child{margin-bottom:0}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.progress-label{color:var(--text-primary);font-size:13px;font-weight:500}.progress-percentage{color:var(--text-muted);font-size:12px;font-weight:600}.progress-bar-container{background:var(--bg-medium);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar{background:var(--accent-color);border-radius:3px;height:100%;transition:width .3s ease}.content{box-sizing:border-box;flex:1;margin-left:20vw;max-width:80vw;padding:32px}@media (min-width:1500px){.content{margin-left:300px;max-width:calc(100vw - 300px)}}@media (max-width:1000px){.content{margin-left:200px;max-width:calc(100vw - 200px)}}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;max-width:100%;overflow:visible}.content-title{flex-shrink:1;font-size:32px;font-weight:600;min-width:0;overflow-wrap:break-word}@media (max-width:768px){.content-header{align-items:flex-start;flex-direction:column}.contextual-actions{width:100%}}.contextual-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:var(--accent-color);color:var(--bg-white)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-white);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-light)}.btn-select{background:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;position:relative;transition:all .2s}.btn-select:hover,.btn-select[open]{background:var(--bg-light)}.btn-select summary{align-items:center;cursor:pointer;display:flex;gap:8px;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-select summary::-webkit-details-marker{display:none}.btn-select summary:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-primary);content:"";height:0;margin-left:8px;width:0}.btn-select[open] summary:after{border-bottom:5px solid var(--text-primary);border-top:none}.drop-menu{background:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-md);max-height:30vh;min-width:200px;overflow-y:scroll;padding:8px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.drop-link{color:var(--text-primary);display:block;display:inline-block;font-size:14px;height:100%;padding:10px 16px;text-decoration:none;transition:background .2s;width:100%}.drop-link:hover{background:var(--bg-light)}.btn-icon{fill:currentColor;height:16px;width:16px}.btn-icon svg{display:block;height:100%;width:100%}.content-card{background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px}.card-section{margin-bottom:24px}.table-container{max-height:200vh;overflow:scroll}.card-section:last-child{margin-bottom:0}.card-section-title{font-size:18px;font-weight:600;margin-bottom:16px}.card-text{color:var(--text-secondary);line-height:1.6}.data-table{border-collapse:collapse;margin-top:16px;min-width:1600px;width:100%}.data-table th{background:var(--bg-light);border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:14px;font-weight:600;position:sticky;text-align:left;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.data-table th a{color:inherit;display:inline-block;padding:12px 16px;text-decoration:none;width:100%}.data-table th a:hover{color:var(--accent-color)}.data-table tr{background:var(--bg-white)}.data-table th:first-child{cursor:default;left:0;position:sticky;z-index:4}.data-table td:first-child{background:inherit;left:0;position:sticky;z-index:3}.data-table th.sort-asc:after,.data-table th.sort-desc:after{content:"";font-size:12px;margin-left:1em;position:relative;right:3em;z-index:-1}.data-table th.sort-asc:after{color:var(--accent-color);content:"▲"}.data-table th.sort-desc:after{color:var(--accent-color);content:"▼"}.data-table td{border-bottom:1px solid var(--border-medium);color:var(--text-secondary);max-width:250px;padding:12px 16px;position:relative}.data-table td,.data-table td:first-child{vertical-align:middle}.assoc-link-icon{background:#eee;border-radius:2px;bottom:2px;color:var(--text-muted);cursor:pointer;display:none;padding:2px;position:absolute;right:24px;transition:opacity .2s;z-index:10}.assoc-link-icon:hover{color:var(--text-secondary)}.detail-field-value:hover .assoc-link-icon{display:flex}.expand-icon{background:#eee;border-radius:2px;bottom:2px;color:var(--text-muted);cursor:pointer;display:none;padding:2px;position:absolute;right:2px;transition:opacity .2s;z-index:10}.expand-icon:hover{color:var(--text-secondary)}.copy-icon,.detail-field-value:hover .expand-icon,.table-cell:hover .expand-icon{display:flex}.copy-icon{background:#eee;border-radius:2px;bottom:6px;color:var(--text-muted);cursor:pointer;padding:2px;position:absolute;right:6px;transition:opacity .2s;width:20px;z-index:100}.copy-icon:hover{color:var(--text-secondary)}.modal-body:hover .copy-icon{display:flex}.modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;cursor:auto;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;padding:32px;position:relative}.modal-header{align-items:center;border-bottom:2px solid var(--border-medium);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.modal-title{color:var(--text-primary);font-size:20px;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:var(--bg-light);color:var(--text-primary)}.modal-body{color:var(--text-secondary);line-height:1.6;position:relative}.cell-content{display:inline-block;display:-webkit-box;-webkit-line-clamp:3;max-height:60px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.4}.cell-content *{display:inline-block}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--bg-light)}.row-checkbox{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.row-checkbox:checked~td{background:var(--purple-50)}.data-table input[type=checkbox]:checked{background:var(--accent-color)}.data-table tr:has(input[type=checkbox]:checked){background:var(--purple-50)}.data-table tr:has(input[type=checkbox]:checked):hover{background:var(--purple-100)}.data-table td:first-child,.data-table th:first-child{text-align:center;width:40px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-active{background:var(--success-light);color:var(--success-dark)}.status-pending{background:var(--warning-bg);color:var(--warning-color)}.status-completed{background:var(--info-light);color:var(--info-dark)}.pagination{align-items:center;border-top:1px solid var(--border-medium);display:flex;justify-content:center;margin-top:24px;padding-top:16px}.pagination-info{color:var(--text-secondary);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:var(--bg-white);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-light);border-color:var(--accent-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.pagination-info-btn{background:var(--bg-white);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.pagination-info-btn:hover{background:var(--bg-light);border-color:var(--accent-color)}.search-container{margin-bottom:16px;max-width:400px;position:relative}.search-input{border:1px solid var(--border-light);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 16px 10px 40px;transition:all .2s;width:100%}.search-input:focus{border-color:var(--accent-color);box-shadow:var(--focus-ring);outline:none}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-icon{height:18px;left:12px;opacity:var(--opacity-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.edit-view{display:none}.edit-view.active{display:block}.edit-view.hidden{display:none}.form-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:var(--focus-ring);outline:none}.form-textarea{height:39px;max-width:30vw;min-height:39px;padding:10px 12px;resize:vertical}.form-actions{border-top:2px solid var(--border-medium);display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.form-subsection{background:var(--bg-light);border-radius:8px;grid-column:1/-1;margin-bottom:16px;padding:24px}.form-subsection-title{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.form-subgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.detail-field{display:flex;flex-direction:column;gap:8px}.detail-field-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-field-value{color:var(--text-primary);display:flex;font-size:16px;max-height:3lh;min-height:1.5lh;overflow:hidden;position:relative}.detail-field-value>span{display:flex}.cell-content .btn,.detail-field-value .btn{cursor:default;margin:2px;padding:4px}.expand-content{background:var(--bg-light);border-radius:8px;color:var(--text-secondary);font-family:monospace;line-height:1.6;overflow:scroll;padding:16px;white-space:pre}.form-line .form-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:30px;text-align:left}.form-line .docs{background:var(--info-bg);border-left:4px solid var(--info-color);border-radius:8px;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:30px;padding:16px 20px}.form-line .form-group{align-items:flex-start;display:flex;gap:12px;margin-bottom:24px;width:100%}.form-line label{color:var(--text-secondary);display:block;flex-shrink:0;font-size:14px;font-weight:500;min-width:20px;padding-top:2px}.form-line textarea{background:var(--bg-white);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);flex:1;font-family:inherit;font-size:15px;padding:8px 16px;resize:vertical;transition:all .3s ease;width:100%}.form-line textarea:focus{border-color:var(--accent-color);box-shadow:var(--focus-ring);outline:none}.form-line .button-group{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;width:100%}select{background-color:#fff}.btn{text-decoration:none}.btn-danger{background-color:var(--warning-color);border:1px solid var(--warning-color);color:var(--warning-bg)}.btn-danger:hover{background-color:var(--warning-hover)}.nav-subitems .nav-icon{display:none}.detail-subtitle+.detail-subtitle:before{content:"|"}pre{overflow:scroll}th{white-space:nowrap}.cell-content{max-width:100%;padding:2px}.cell-content *{display:inline}.modal-content{min-width:50%}.edit-view{display:block}.nav-progress-section:not(:has(*)){display:none}.resource-link{color:#444;-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.resource-link:hover{color:#333}.switch-container{display:inline-block;position:relative}input[type=radio]{display:none}.switch{background:#fff;border:1px solid #d2d2d7;border-radius:5.5px;cursor:pointer;height:38px;overflow:hidden;position:relative;width:125px}.switch-background{display:flex;height:100%;left:0;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:300%}.bg-section{height:100%;width:33.333%}.switch-handle{align-items:center;background:#fff;border:1px solid #d2d2d7;border-radius:5.5px;display:flex;font-size:12px;height:34px;justify-content:center;position:absolute;top:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:34px;z-index:2}.switch-left:checked~.switch .switch-background,.switch-left:checked~.switch .switch-handle{transform:translateX(1px)}.switch-left:checked~.switch .switch-handle:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:16px;width:16px}.switch-center:checked~.switch .switch-background{transform:translateX(-33.333%)}.switch-center:checked~.switch .switch-handle{transform:translateX(45px)}.switch-center:checked~.switch .switch-handle:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg>');background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:16px;width:16px}.switch-right:checked~.switch .switch-background{transform:translateX(-66.666%)}.switch-right:checked~.switch .switch-handle{transform:translateX(88px)}.switch-right:checked~.switch .switch-handle:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:16px;width:16px}.switch-center:checked~.labels .label-center,.switch-left:checked~.labels .label-left,.switch-right:checked~.labels .label-right{color:#333;font-weight:600;transform:scale(1.1)}.label-area{cursor:pointer;height:35px;position:absolute;top:0;width:33.333px;z-index:3}.label-area.left{left:0}.label-area.center{left:33.333px}.label-area.right{right:0}:disabled{opacity:.5}select[multiple]{height:39px}select[multiple]:focus-within{height:100px}.search-select-container{position:relative;width:100%}.select-filter{box-sizing:border-box;padding:10px;width:100%}.select-filter,.select-options{border:1px solid #ccc;border-radius:4px}.select-options{background-color:#fff;display:none;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:0;top:120%;z-index:1}.search-select-container:focus-within .select-options{display:block}.search-select-container .select-options:active,.search-select-container .select-options:focus{display:block}.select-options li{cursor:pointer;padding:10px}.select-options li:hover{background-color:#f0f0f0}.search-select-container[class$=loading]{opacity:.5}.search-select-container[class$=loading] button,.search-select-container[class$=loading] input,input[class$=loading]{opacity:.5;pointer-events:none}input[class$=loading]+.select-options{content:""}button[class$=loading]{opacity:.5;pointer-events:none}.array-input-wrapper{border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:39px;padding:2px;transition:border-color .2s}.array-input-wrapper:focus-within{background:#fff;border-color:var(--accent-color)}.array-input-wrapper .btn{height:32px;padding:0 10px}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.array-input-wrapper input{background:transparent;border:none;flex:1;font-size:14px;min-width:120px;outline:none;padding:6px}.array-input-wrapper input:not(:-moz-placeholder-shown)+.return-icon{display:block}.array-input-wrapper input:not(:placeholder-shown)+.return-icon{display:block}.return-icon{animation:fadeIn .2s ease-out;display:none;height:20px;margin:5px;opacity:.5;transition:opacity .2s;width:20px}.form-field.error .error-message{color:#c15846;font-size:10px;font-weight:700}.form-field.error input,.form-field.error textarea{background:#fef2f2}.embed-container{display:flex;flex-direction:column;gap:30px}.remove-icon{background:none;border:none;color:#e53e3e;cursor:pointer;height:24px;left:6px;opacity:var(--opacity-muted);padding:0;position:absolute;top:6px;transition:color .2s,opacity .2s;width:24px}.remove-icon:hover{color:#c53030;opacity:1}.remove-icon svg{height:100%;width:100%}.embed-section,.embed-section-title-wrapper,.embed-section-wrapper{margin-bottom:15px}.embed-section{background:#f7f7f7;border-radius:8px;padding:50px 25px 25px;position:relative}.add-section-btn{align-items:center;background:var(--bg-white);border:1px dashed var(--border-medium);border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:0;padding:16px;transition:all .2s;width:100%}.add-section-btn:hover{border-style:solid}.embed-section.odd{background:#fff;border:1px solid #cbd5e0;border-radius:6px;position:relative;transition:border-color .2s}.embed.subsection:hover{border-color:#a0aec0}.embed-section:has(.remove-icon.phx-click-loading){opacity:var(--opacity-disabled);pointer-events:none}.drag-icon{background:none;border:none;color:#718096;cursor:grab;height:28px;padding:0;position:absolute;right:6px;top:6px;transition:color .2s;width:28px}.drag-icon:active{cursor:grabbing}.drag-icon:hover{color:#4a5568}.drag-icon svg{height:100%;width:100%}.dragging{opacity:.5;transform:scale(.95);transition:transform .2s,opacity .2s}.drop-zone{align-items:center;background:#ebf8ff;border:2px dashed #4299e1;border-radius:8px;color:#4299e1;display:none;font-size:14px;font-weight:500;height:60px;justify-content:center;margin:10px 0;opacity:var(--opacity-muted)}.content-card:has(.tabs){padding:0}.content-card:has(.tabs) .card-section{padding:24px}.tabs{border-bottom:1px solid #e5e7eb;display:flex;justify-content:right;padding:0}.tabs a{align-content:center;background:none;border:none;border-left:1px dashed var(--border-light);color:#9ca3af;cursor:pointer;flex:1;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;max-width:200px;padding:4px 2px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.tabs a:hover{background-color:#f9fafb;color:#6b7280}.tabs a.active{background-color:#f9fafb;color:#1f2937;font-weight:700}#main-link.active{visibility:hidden}#main-link{border:none;border-right:2px solid #e5e7eb;margin-right:auto}#main-link:before{content:"←";font-size:16px;font-weight:400}.error-box{flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.error-box,.error-header{align-items:center;display:flex}.error-header{gap:12px;margin-bottom:12px}.error-icon{flex-shrink:0;height:32px;width:32px}.error-icon svg{height:100%;width:100%}.error-header h3{color:#1a1a1a;font-size:24px;font-weight:600}.error-message{color:#666;font-size:15px;line-height:1.6;max-width:500px}.spinner{animation:spin 1s linear infinite;border:8px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:8px solid var(--border-light);height:80px;margin:80px auto;width:80px}@keyframes spin{to{transform:rotate(1turn)}}