:root{--color-bg: #ffffff;--color-surface: #f6f6f6;--color-sidebar: #f6f6f6;--color-surface-ui: rgba(0, 0, 0, .08);--color-surface-hover: rgba(0, 0, 0, .03);--color-primary: #0066e8;--color-primary-600: #0058cc;--color-primary-darker: #0047a3;--color-primary-bg: #d6e8ff;--color-accent: #2d84f6;--color-text: rgba(0, 0, 0, .94);--color-text-secondary: rgba(0, 0, 0, .71);--color-muted: rgba(0, 0, 0, .54);--color-text-quaternary: rgba(0, 0, 0, .3);--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .19);--color-border-strong: rgba(0, 0, 0, .54);--color-divider: rgba(0, 0, 0, .08);--color-button-primary: #0058cc;--color-button-primary-hover: #0047a3;--color-button-secondary: #ffffff;--color-button-secondary-hover: rgba(0, 0, 0, .03);--color-negative: #ff3b30;--color-warning: #e08300;--color-positive: #2eb24f;--color-information: #0066e8;--color-bg-negative: #fcedeb;--color-bg-warning: #fff7eb;--color-bg-positive: #effbf2;--color-bg-information: #d6e8ff;--color-backdrop: rgba(0, 0, 0, .54);--color-skeleton: rgba(0, 0, 0, .03);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 22px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 30px;--text-4xl: 36px;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 12px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.08);--shadow-card: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Sofia Pro,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-md)}@media (min-width: 768px){.container{padding:var(--space-xl) var(--space-lg)}}@media (min-width: 1024px){.container{padding:var(--space-2xl) var(--space-xl)}}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}}.container-narrow{max-width:400px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.container-medium{max-width:600px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.header{display:none}.header-inner{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);max-width:1200px;margin:0 auto;min-height:72px}.brand{display:flex;align-items:center;gap:var(--space-md)}.brand .title{font-weight:700;font-size:var(--text-xl);letter-spacing:-.025em;color:var(--color-text)}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);border:0;border-radius:var(--radius);background:var(--color-button-primary);color:#fff;font-weight:600;font-size:var(--text-sm);line-height:var(--leading-tight);box-shadow:var(--shadow);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Sofia Pro,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;text-decoration:none;min-height:44px;gap:var(--space-sm)}.btn:hover{background:var(--color-button-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--color-button-secondary);color:var(--color-text-secondary);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.btn.secondary:hover{background:var(--color-button-secondary-hover);color:var(--color-text);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn.small{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);min-height:36px}.btn.large{padding:var(--space-lg) var(--space-xl);font-size:var(--text-base);min-height:52px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:all .2s ease;min-width:0;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--color-border-hover);background:var(--color-surface-hover)}.card.compact{padding:var(--space-md)}.card.spacious{padding:var(--space-xl)}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.table th,.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-normal)}.table thead th{text-align:left;color:var(--color-text-secondary);font-weight:600;background:var(--color-surface);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover{background:var(--color-surface)}.input,input:not([type=radio]):not([type=checkbox]),textarea,select{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-md);box-sizing:border-box;max-width:100%;font-size:var(--text-base);line-height:var(--leading-normal);outline:none;transition:all .2s ease;font-family:Sofia Pro,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;min-height:44px;width:100%}.input:focus,input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);background:var(--color-bg)}.input.error{border-color:var(--color-negative);background-color:var(--color-bg-negative)}.input.error:focus{border-color:var(--color-negative);box-shadow:0 0 0 3px #ff3b301a}.input-error{border-color:var(--color-negative)!important;background-color:var(--color-bg-negative)!important}.input-error:focus{border-color:var(--color-negative)!important;box-shadow:0 0 0 3px #ff3b301a!important}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface)}.input::placeholder,input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder{color:var(--color-muted)}.input.small{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-height:36px}label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-xs);display:block;line-height:var(--leading-snug)}.form-grid{display:grid;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-row{display:flex;gap:var(--space-md);align-items:end}@media (max-width: 640px){.form-row{flex-direction:column;align-items:stretch}}.section-title{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);color:#2d84f6;margin:0 0 var(--space-lg) 0;letter-spacing:-.025em}.section-title.large{font-size:var(--text-2xl);margin-bottom:var(--space-xl)}.section-title.small{font-size:var(--text-lg);margin-bottom:var(--space-md)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--color-surface);color:var(--color-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-weight:600;font-size:var(--text-sm);display:inline-block;line-height:var(--leading-tight)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--color-text-secondary)}.text-subtle{color:var(--color-muted)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.app-header{position:fixed;top:0;left:0;right:0;height:64px;--header-height: 64px;background:var(--color-sidebar);border-bottom:1px solid var(--color-border);z-index:15;box-shadow:var(--shadow-sm)}.header-content{height:100%;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%}.header-logo{display:flex;align-items:center;gap:var(--space-md);margin-left:var(--space-lg)}.header-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);letter-spacing:-.025em}.header-center{display:flex;align-items:center;justify-content:center;flex:1}.language-switcher{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1.5px solid transparent;border-radius:999px;cursor:pointer;transition:all .2s ease;font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.language-flag{display:flex;align-items:center;justify-content:center;width:24px;height:16px;border-radius:2px;overflow:hidden;border:1px solid #ddd}.flag-image{width:100%;height:100%;object-fit:cover;border-radius:1px}.language-text{font-size:var(--text-sm);font-weight:600;letter-spacing:.05em}.header-credits{display:flex;align-items:center;margin-right:var(--space-md)}.credit-balance{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-base);font-weight:600;color:var(--color-text);transition:all .2s ease;cursor:pointer}.credit-balance:active{transform:scale(.98)}.credit-balance:hover{background:linear-gradient(90deg,#ffd7001a,#ffd7004d,#ffd70099 40%,#ffd700cc,#ffd70099 60%,#ffd7004d,#ffd7001a);background-size:200% 100%;border-color:gold;animation:sunburstSweep 1.5s ease-in-out infinite}@keyframes sunburstSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.credit-amount{font-family:var(--font-mono);font-weight:700;font-size:var(--text-base)}.header-account{position:relative;margin-right:var(--space-lg)}.account-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.account-button:hover,.account-button[aria-expanded=true]{background:var(--color-surface-hover);border-color:var(--color-border)}.user-avatar{width:40px;height:40px;background:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.user-info{min-width:0}.user-name{font-size:var(--text-sm);color:var(--color-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-xs)}.admin-badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.dropdown-arrow{font-size:var(--text-xs);color:var(--color-text-secondary);transition:transform .2s ease;margin-left:var(--space-xs)}.account-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.account-dropdown{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:200px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;overflow:hidden}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text);text-align:left;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.sidebar{width:280px;height:calc(100vh - 64px);background:var(--color-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;left:0;top:64px;overflow-y:auto;z-index:10}.sidebar-nav{flex:1;padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column}.nav-section{margin-bottom:var(--space-lg)}.nav-section-bottom{margin-top:auto;margin-bottom:0;padding-bottom:var(--space-md)}.nav-section-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.sidebar-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all .2s ease;margin-bottom:var(--space-xs)}.sidebar-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-item.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.sidebar-icon{width:24px;text-align:center;flex-shrink:0}.sidebar-label{flex:1}.notification-badge{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:2px solid white;box-shadow:0 2px 4px #0000001a}.notification-badge-large{width:24px;height:24px;font-size:12px;top:8px;right:8px}.with-sidebar{margin-left:280px;min-height:100vh;transition:margin-left .3s ease}.with-header{padding-top:64px}.ai-assistant-pane{position:fixed;bottom:20px;right:20px;width:400px;max-width:calc(100vw - 40px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;z-index:999;max-height:600px;display:flex;flex-direction:column;overflow:hidden;transition:all 1s cubic-bezier(.4,0,.2,1)}@keyframes slideDownFromTop{0%{transform:translateY(0) scale(.95);opacity:.8}to{transform:translateY(calc(100vh - 684px)) scale(1);opacity:1}}@keyframes slideUpToTop{0%{transform:translateY(calc(100vh - 684px)) scale(1);opacity:1}to{transform:translateY(0) scale(.95);opacity:.3}}.ai-assistant-pane.animating-open{animation:slideDownFromTop 1s cubic-bezier(.4,0,.2,1) forwards}.ai-assistant-pane.animating-close{animation:slideUpToTop 1s cubic-bezier(.4,0,.2,1) forwards}.ai-assistant-pane:not(.animating-open):not(.animating-close){top:auto;bottom:20px;transform:translateY(0) scale(1)}@media (min-width: 768px){.desktop-layout{display:block!important}.mobile-layout{display:none!important}.search-input-container{width:50%!important}.search-button-container{width:auto!important}}@media (max-width: 767px){.desktop-layout{display:none!important}.mobile-layout{display:block!important}.search-input-container{width:70%!important}.search-button-container{width:30%!important}}.mobile-menu-button{display:none;position:fixed;top:calc(64px + var(--space-md));left:var(--space-md);z-index:25;width:44px;height:44px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;font-size:var(--text-xl);color:var(--color-text);transition:all .2s ease}.mobile-menu-button:hover{background:var(--color-surface);transform:translateY(-1px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:19}@media (max-width: 768px){.header-logo{margin-left:var(--space-md)}.header-credits{margin-right:var(--space-sm)}.credit-balance{padding:var(--space-xs);font-size:var(--text-xs)}.header-account{margin-right:var(--space-md)}.mobile-menu-button{display:flex;align-items:center;justify-content:center}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.with-sidebar{margin-left:0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1 0%;min-width:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.empty-state-centered{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.empty-state-centered p{text-align:center!important}.italic{font-style:italic}.not-italic{font-style:normal}.transition-colors{transition:color .2s ease}.hover\:text-primary:hover{color:var(--color-primary)}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.text-negative{color:var(--color-negative)}.text-warning{color:var(--color-warning)}.text-positive{color:var(--color-positive)}.text-information{color:var(--color-information)}.bg-negative{background-color:var(--color-bg-negative)}.bg-warning{background-color:var(--color-bg-warning)}.bg-positive{background-color:var(--color-bg-positive)}.bg-information{background-color:var(--color-bg-information)}.border-negative{border-color:var(--color-negative)}.border-warning{border-color:var(--color-warning)}.border-positive{border-color:var(--color-positive)}.border-information{border-color:var(--color-information)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md)}.loading-spinner{position:relative}.spinner{width:100%;height:100%;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.loading-card{min-height:120px;display:flex;align-items:center;justify-content:center}.card-skeleton{width:100%}.skeleton-title,.skeleton-line{background:var(--color-skeleton);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-title{height:20px;width:60%;margin-bottom:var(--space-md)}.skeleton-line{height:16px;margin-bottom:var(--space-sm)}.skeleton-line.short{width:40%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center!important;padding:var(--space-2xl);color:var(--color-text-secondary);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.empty-icon{font-size:48px;margin-bottom:var(--space-lg);text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important}.empty-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);text-align:center!important}.empty-description{font-size:var(--text-base);margin-bottom:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto;text-align:center!important}.toast-container{position:fixed;top:calc(64px + var(--space-lg));right:var(--space-lg);z-index:100;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:320px;max-width:480px;animation:slideInRight .3s ease-out}.toast-success{border-color:var(--color-positive);background:var(--color-bg-positive)}.toast-error{border-color:var(--color-negative);background:var(--color-bg-negative)}.toast-warning{border-color:var(--color-warning);background:var(--color-bg-warning)}.toast-info{border-color:var(--color-information);background:var(--color-bg-information)}.toast-icon{font-size:var(--text-lg);flex-shrink:0}.toast-message{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.toast-close{background:none;border:none;font-size:var(--text-lg);color:var(--color-text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.toast-close:hover{background:var(--color-surface-hover);color:var(--color-text)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.toast-container{right:var(--space-md);left:var(--space-md)}.toast{min-width:auto}}.action-item{text-decoration:none;color:inherit}.action-item:hover{text-decoration:none}.action-item .text-center{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .2s ease}.action-item:hover .text-center{background:var(--color-surface);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-item .text-2xl{font-size:2rem;margin-bottom:var(--space-sm)}.action-item .font-medium{font-weight:500;color:var(--color-text)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.template-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform .3s ease}.template-card:hover:before{transform:scaleX(1)}.template-card.draft-template{background-color:#fef3c7!important;border:1px solid #f59e0b!important;opacity:.9}.template-card.draft-template:hover{border-color:#f59e0b!important;border:1px solid #f59e0b!important;background-color:#fef3c7!important}.action-icon{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;background-color:transparent;display:inline-block}.action-icon.edit:hover{background-color:#eff6ff!important}.action-icon.delete:hover{background-color:#fef2f2!important}.action-icon.clone:hover{background-color:#f3f0ff!important}.action-icon.status:hover{background-color:#f0fdf4!important}.action-icon.disable:hover{background-color:#fffbeb!important}.template-card-content{flex:1;text-align:left}.template-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.template-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-md);min-height:40px;display:flex;align-items:flex-start}.template-metadata{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-surface);display:flex;flex-direction:column;gap:var(--space-xs)}.metadata-row{display:flex;justify-content:space-between;align-items:center}.circles-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.circles-title-section{flex:1}.circles-stats{display:flex;gap:var(--space-lg);margin-top:var(--space-md)}.stat-item{text-align:center}.stat-number{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);line-height:1}.stat-label{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.circles-section{margin-bottom:var(--space-2xl)}.section-header{margin-bottom:var(--space-lg)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);margin-left:var(--space-sm);padding:0 var(--space-sm)}.circles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.circle-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;color:inherit;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:160px;overflow:hidden}.circle-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.circle-card.owner:hover{border-color:var(--color-warning);background:var(--color-bg-warning)}.circle-card.member:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.circle-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.circle-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);flex:1;display:flex;align-items:center}.circle-role{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-md)}.circle-card.owner .circle-role{color:var(--color-warning)}.circle-card.member .circle-role{color:var(--color-primary)}.circle-arrow{position:absolute;top:var(--space-md);right:var(--space-md);font-size:var(--text-lg);color:var(--color-text-tertiary);transition:all .3s ease;opacity:0}.circle-card:hover .circle-arrow{opacity:1;transform:translate(4px)}.enhanced-circle-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;color:inherit;transition:all .3s ease;position:relative;display:flex;flex-direction:column;min-height:200px;overflow:hidden}.enhanced-circle-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.enhanced-circle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform .3s ease}.enhanced-circle-card:hover:before{transform:scaleX(1)}.enhanced-circle-card.owner:hover{border-color:var(--color-primary)}.enhanced-circle-card.owner:before{background:linear-gradient(90deg,var(--color-primary),#A1CAFF)}.enhanced-circle-card.member:hover{border-color:var(--color-primary)}.enhanced-circle-card.public:hover{border-color:#70ad47}.enhanced-circle-card.public:before{background:linear-gradient(90deg,#70ad47,#8bc34a)}.enhanced-circle-card.template:hover{border-color:#ffc000}.enhanced-circle-card.template:before{background:linear-gradient(90deg,#ffc000,#ffd966)}.enhanced-circle-card.create-circle:hover{border-color:var(--color-primary)!important}.enhanced-circle-card.create-circle:before{background:linear-gradient(90deg,var(--color-primary),#A1CAFF)}.enhanced-circle-card.browse-public:hover{border-color:var(--color-primary)!important}.enhanced-circle-card.browse-public:before{background:linear-gradient(90deg,var(--color-primary),#A1CAFF)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-header .circle-icon{font-size:1.8rem}.card-badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.owner-badge{background:var(--color-bg-warning);color:var(--color-warning);border:1px solid var(--color-warning)}.member-badge{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary)}.card-content{flex:1;margin-bottom:var(--space-md)}.enhanced-circle-card .circle-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.circle-purpose{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-md);min-height:40px;display:flex;align-items:flex-start}.circle-owner{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius)}.owner-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.owner-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);flex:1}.circle-metadata{display:flex;flex-direction:column;gap:var(--space-xs)}.metadata-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.metadata-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.access-level{color:var(--color-warning)}.visibility-level{color:var(--color-primary)}.card-arrow{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:var(--text-lg);color:var(--color-text-tertiary);transition:all .3s ease;opacity:0;z-index:10;pointer-events:none}.empty-section{text-align:center;padding:var(--space-xl);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-section p{margin-bottom:var(--space-lg)}@media (max-width: 768px){.template-grid{grid-template-columns:1fr;gap:var(--space-md)}.circles-header{flex-direction:column;align-items:stretch}.circles-stats{justify-content:center}.circles-grid{grid-template-columns:1fr}.enhanced-circle-card{min-height:auto;padding:var(--space-md)}.card-header{margin-bottom:var(--space-sm)}.circle-purpose{min-height:auto}.circle-owner{flex-direction:column;align-items:flex-start;text-align:center}.metadata-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-surface)}.metadata-row:last-child{border-bottom:none}.card-arrow{position:static;align-self:center;opacity:1;margin-top:var(--space-sm)}}.invitations-header{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.invitations-title-section{display:flex;flex-direction:column;gap:var(--space-sm)}.invitations-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.title-badge{display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;border-radius:50%;width:32px;height:32px;font-size:14px;font-weight:600;border:2px solid white;box-shadow:0 2px 4px #0000001a;margin-left:var(--space-sm);transform:translateY(-8px);flex-shrink:0}.invitations-count{display:flex;align-items:center;gap:var(--space-sm)}.count-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.invitations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:100%;gap:var(--space-lg)}.invitation-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.invitation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.invitation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform .3s ease}.invitation-card:hover:before{transform:scaleX(1)}.invitation-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.invitation-icon{font-size:2rem}.invitation-status .status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:var(--color-bg-warning);color:var(--color-warning);border:1px solid var(--color-warning)}.status-badge.accepted{background:var(--color-bg-positive);color:var(--color-positive);border:1px solid var(--color-positive)}.status-badge.ignored{background:var(--color-bg-negative);color:var(--color-negative);border:1px solid var(--color-negative)}.invitation-content{flex:1;display:flex;flex-direction:column}.invitation-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.invitation-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.invitation-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);width:100%}.invitation-details>div{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-surface)}.invitation-details>div:last-child{border-bottom:none}.invitation-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);min-width:80px;text-transform:uppercase}.invitation-value{font-size:var(--text-sm);font-weight:600;color:#2d84f6;text-align:right;flex:1;display:flex;justify-content:flex-end;align-items:center}.invitation-value.circle-name{color:var(--color-primary);font-weight:600}.invitation-value.inviter-name,.invitation-value.inviter-email{color:#2d84f6;font-weight:600}.invitation-actions{display:flex;gap:var(--space-md);justify-content:center}.invitation-actions .btn{font-weight:600;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.accept-btn{background:var(--color-positive);border-color:var(--color-positive);color:#fff}.accept-btn:hover:not(:disabled){background:#2eb24f;border-color:#2eb24f;transform:translateY(-1px)}.continue-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.continue-btn:hover:not(:disabled){background:var(--color-primary-dark, #1a5bb8);border-color:var(--color-primary-dark, #1a5bb8);transform:translateY(-1px)}.ignore-btn{border:1px solid var(--color-border)}.ignore-btn:hover:not(:disabled){background:var(--color-bg-negative);border-color:var(--color-negative);color:var(--color-negative)}.templates-header{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:0}.templates-description{margin-top:var(--space-lg);color:var(--color-text-secondary);line-height:1.6}.templates-description p{margin-bottom:var(--space-md)}.templates-description p:last-child{margin-bottom:0}.policy-view-notice{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-lg);max-width:400px}.notice-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-full)}.notice-text{flex:1}.notice-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.notice-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}@media (max-width: 768px){.invitations-title-section{justify-content:center}.invitations-grid{grid-template-columns:1fr;gap:var(--space-md)}.invitation-card{padding:var(--space-lg);max-width:100%}.invitation-details>div{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.invitation-value{text-align:left}.invitation-actions{flex-direction:column;gap:var(--space-sm)}.policy-view-notice{flex-direction:column;text-align:center;max-width:100%}.templates-header{padding:var(--space-lg)}.templates-description{margin-top:var(--space-md)}}.public-circles-header{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.public-circles-title-section h1{margin-bottom:var(--space-md)}.public-circles-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-normal)}.circles-available{display:flex;align-items:center;gap:var(--space-sm)}.available-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-full);padding:0 var(--space-md)}.available-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.public-circles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg)}.public-circle-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.public-circle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.public-circle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform .3s ease}.public-circle-card:hover:before{transform:scaleX(1)}.circle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.circle-card-icon{font-size:2rem}.circle-card-badge{background:var(--color-positive);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.circle-card-content{flex:1;margin-bottom:var(--space-lg)}.circle-card-name{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.circle-card-purpose{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-lg);min-height:48px;display:flex;align-items:flex-start}.circle-card-meta{display:flex;flex-direction:column;gap:var(--space-sm)}.circle-meta-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-surface)}.circle-meta-item:last-child{border-bottom:none}.meta-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.meta-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.circle-card-actions{display:flex;gap:var(--space-md);margin-top:auto}.circle-card-actions .btn{flex:1;font-weight:600;transition:all .2s ease}.already-joined-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);width:100%}.joined-icon{font-size:var(--text-lg);color:var(--color-success)}.joined-text{font-size:var(--text-sm);font-weight:600;color:var(--color-success)}.view-policy-btn:hover{transform:translateY(-1px)}.join-circle-btn{background:var(--color-primary);border-color:var(--color-primary)}.join-circle-btn:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);transform:translateY(-1px)}.policy-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.policy-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.policy-title-section h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.policy-circle-name{font-size:var(--text-lg);font-weight:500;color:var(--color-primary)}.policy-close-btn{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius);transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.policy-close-btn:hover:not(:disabled){background:var(--color-bg-negative);color:var(--color-negative)}.policy-content{padding:var(--space-xl)}.policy-details{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.shared-fields{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.field-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);border:1px solid var(--color-primary);transition:all .2s ease}.field-tag:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.policy-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.policy-actions .btn{font-weight:600;padding:var(--space-md) var(--space-xl)}.join-btn{background:var(--color-positive);border-color:var(--color-positive);color:#fff}.join-btn:hover:not(:disabled){background:#2eb24f;border-color:#2eb24f;transform:translateY(-1px)}.validation-modal{background:var(--color-bg);border:2px solid var(--color-warning)}.validation-modal .policy-title{color:var(--color-warning)}.validation-message{display:flex;align-items:flex-start;gap:var(--space-lg);background:var(--color-bg-warning);padding:var(--space-lg);border-radius:var(--radius);margin-bottom:var(--space-lg);border:1px solid var(--color-warning)}.validation-icon{font-size:3rem;flex-shrink:0}.validation-text{flex:1}.validation-title{font-size:var(--text-lg);font-weight:600;color:var(--color-warning);margin:0 0 var(--space-sm) 0}.validation-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.missing-fields{margin-bottom:var(--space-lg)}.missing-fields-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.missing-fields-title:before{content:"⚠️"}.missing-fields-list{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius);border:1px solid var(--color-border)}.missing-field-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.missing-field-item .field-icon{font-size:1.25rem;width:24px;display:flex;align-items:center;justify-content:center}.missing-field-item .field-name{flex:1;font-weight:500;color:var(--color-text)}.missing-field-item .field-status{font-size:var(--text-xs);font-weight:600;color:var(--color-negative);background:var(--color-bg-negative);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-negative);text-transform:uppercase;letter-spacing:.5px}.validation-info{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:var(--space-lg)}.info-item{display:flex;align-items:center;gap:var(--space-sm)}.info-item .info-icon{font-size:1.25rem;flex-shrink:0}.info-item .info-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.fill-profile-btn{background:var(--color-warning);border-color:var(--color-warning);color:#fff;font-weight:600}.fill-profile-btn:hover:not(:disabled){background:var(--color-warning);border-color:var(--color-warning);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.invitation-status-message{padding:var(--space-lg);text-align:center;background:var(--color-surface);border-radius:var(--radius);margin-top:var(--space-md)}.status-message{font-size:var(--text-sm);font-weight:500;padding:var(--space-md);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.status-message.accepted{background:var(--color-bg-positive);color:var(--color-positive);border:1px solid var(--color-positive)}.status-message.ignored{background:var(--color-bg-negative);color:var(--color-negative);border:1px solid var(--color-negative)}.status-message.other{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}@media (max-width: 768px){.public-circles-grid{grid-template-columns:1fr;gap:var(--space-md)}.public-circle-card{padding:var(--space-lg)}.circle-card-actions{flex-direction:column;gap:var(--space-sm)}.policy-header,.policy-content{padding:var(--space-lg)}.policy-item{flex-direction:column;text-align:center}.policy-item-icon{margin:0 auto var(--space-sm)}.policy-actions{flex-direction:column;gap:var(--space-sm)}.shared-fields{justify-content:center}}.policy-page,.policy-page-content{display:flex;flex-direction:column;gap:var(--space-xl)}.policy-page-title-section{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.policy-page-icon{font-size:3rem;background:var(--color-primary-bg);color:var(--color-primary);width:4rem;height:4rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.policy-page-title-content{flex:1}.policy-page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.clickable-title{cursor:pointer;transition:all .2s ease;padding:var(--space-xs);border-radius:var(--radius);margin:calc(-1 * var(--space-xs))}.clickable-title:hover:not([disabled]){color:var(--color-primary);background:var(--color-primary-bg)}.clickable-title[disabled]{opacity:.5;cursor:not-allowed}.policy-page-circle-name{font-size:var(--text-xl);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md)}.policy-page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.policy-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.policy-page-grid .shared-data-section{grid-column:1 / -1}.policy-page-section-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.policy-page-section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.policy-page-items{display:flex;flex-direction:column;gap:var(--space-lg)}.missing-fields-warning{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-warning);border:1px solid var(--color-warning);border-radius:var(--radius);margin-top:var(--space-lg)}.warning-icon{font-size:1.25rem;flex-shrink:0}.warning-content{flex:1}.warning-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.warning-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.policy-page-footer-info{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.info-section{display:flex;align-items:flex-start;gap:var(--space-md)}.info-icon{font-size:1.25rem;color:var(--color-primary);flex-shrink:0}.info-content{flex:1}.info-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.info-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.policy-page-actions{display:flex;gap:var(--space-md);justify-content:center;align-items:center;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:var(--space-lg)}.join-circle-page-btn{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);font-weight:600;padding:var(--space-md) var(--space-xl);border-radius:var(--radius);transition:all .2s ease}.join-circle-page-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.join-circle-page-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.policy-page-title-section{flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.policy-page-grid{grid-template-columns:1fr;gap:var(--space-lg)}.policy-page-section-card,.policy-page-actions{padding:var(--space-lg)}.policy-page-actions button{width:100%}}.circle-details-header{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:0 1px 3px #0000000d}.circle-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.circle-header-main{display:flex;align-items:flex-start;gap:var(--space-lg);flex:1}.circle-details-header .circle-icon{font-size:3rem;margin-top:var(--space-xs)}.circle-header-info{flex:1}.circle-name-with-role{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.circle-settings-icons{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.setting-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:var(--color-primary-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.circle-header-info .circle-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0;line-height:var(--leading-tight)}.circle-header-info .circle-purpose{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-lg)}.circle-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.circle-badges>span{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.access-badge.private-hidden{background:var(--color-bg-warning);color:var(--color-warning);border:1px solid var(--color-warning)}.access-badge.public{background:var(--color-bg-positive);color:var(--color-positive);border:1px solid var(--color-positive)}.member-count-badge{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary)}.role-badge{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.circle-header-actions{display:flex;align-items:center;gap:var(--space-md)}.policy-header{margin-bottom:var(--space-xl);text-align:center}.policy-header-content{max-width:600px;margin:0 auto}.policy-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-md)}.policy-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.policy-grid .shared-data-section{grid-column:1 / -1}.policy-section-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.policy-section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-header-content{display:flex;align-items:center;gap:var(--space-md);flex:1}.section-header-content .section-title{margin:0;line-height:1.2}.section-icon{font-size:1.25rem;background:var(--color-primary-bg);color:var(--color-primary);width:2.5rem;height:2.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.section-title{font-size:var(--text-lg);font-weight:700;color:#2d84f6;margin:0}.field-count-badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.policy-item.compact{padding:var(--space-md);margin-bottom:var(--space-md)}.policy-item.compact:last-child{margin-bottom:0}.policy-item h4.policy-item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.access-badge,.visibility-badge{display:flex;flex-direction:column;gap:var(--space-xs)}.badge-icon{font-size:1.25rem}.badge-text{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.badge-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.shared-fields-description{margin-bottom:var(--space-lg)}.shared-fields-description p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.shared-fields-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.field-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius);border:1px solid var(--color-border);transition:all .2s ease}.standard-field-card{background:#fff}.field-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.field-icon svg{display:block;margin:auto}.field-content{display:flex;align-items:center;flex:1}.field-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.no-fields-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.no-fields-icon{font-size:2rem}.no-fields-text{font-size:var(--text-sm)}.create-circle-header{margin-bottom:var(--space-xl);text-align:center}.create-circle-header-content{max-width:700px;margin:0 auto}.create-circle-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-md)}.create-circle-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.create-circle-section{margin-bottom:var(--space-xl)}.template-preview-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.template-preview-header{display:flex;align-items:center;gap:var(--space-lg)}.template-icon-large{font-size:3rem;background:var(--color-primary-bg);color:var(--color-primary);width:4rem;height:4rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-preview-info{flex:1}.template-preview-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.template-preview-purpose{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.create-circle-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.create-circle-grid .shared-data-section,.create-circle-grid .custom-fields-section{grid-column:1 / -1}.create-circle-section-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.create-circle-section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.create-circle-form-items{display:flex;flex-direction:column;gap:var(--space-lg)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.policy-display-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius);border:1px solid var(--color-border)}.policy-display-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius);flex-shrink:0}.policy-display-content{flex:1}.policy-display-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.policy-display-badge{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.badge-text-content{display:flex;flex-direction:column;gap:var(--space-xs)}.create-circle-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:var(--space-lg)}.create-circle-btn{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);font-weight:600}.create-circle-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.create-circle-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.circle-tabs{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs);gap:var(--space-xs);overflow-x:auto}.tab-button{background:none;border:none;padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius);transition:all .2s ease;white-space:nowrap;flex-shrink:0}.tab-button:hover{background:var(--color-surface);color:var(--color-text)}.tab-button.active{background:var(--color-primary);color:#fff;font-weight:600}.circle-tab-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.policy-section h3,.members-section h3,.invite-section h3,.data-section h3{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-lg)}.policy-items{display:flex;flex-direction:column;gap:var(--space-lg)}.policy-item{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius)}.policy-item-icon{font-size:1.5rem;flex-shrink:0;margin-top:var(--space-xs);display:flex;align-items:center;justify-content:center}.policy-item-icon svg{display:block;margin:auto}.policy-item-content{flex:1}.policy-item-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.policy-item-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.owner-info{display:flex;flex-direction:column;gap:var(--space-xs)}.owner-name{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.owner-email{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:monospace}.members-section{min-height:200px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.member-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md);transition:all .2s ease;min-height:120px}.member-card:hover{background:var(--color-bg);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.member-card.owner{border-color:var(--color-warning)}.member-card.owner:hover{border-color:var(--color-warning);background:var(--color-bg-warning)}.member-avatar{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-full);border:1px solid var(--color-border)}.member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm)}.member-name{font-size:var(--text-base);font-weight:600;color:var(--color-text);line-height:var(--leading-tight);word-wrap:break-word;overflow-wrap:break-word}.member-email{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:monospace;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;line-height:var(--leading-normal)}.member-role-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:var(--color-primary-bg);color:var(--color-primary)}.member-card.owner .member-role-badge{background:var(--color-bg-warning);color:var(--color-warning)}.invite-form{max-width:600px}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.data-section{min-height:300px}.data-section-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-sm)}.data-section-title{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-md)}.data-section-actions{display:flex;align-items:center;gap:var(--space-md)}.toggle-all-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all .2s ease}.toggle-all-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.toggle-all-btn svg{transition:transform .2s ease}.toggle-all-btn svg.collapsed{transform:rotate(-90deg)}.toggle-all-btn svg.expanded{transform:rotate(0)}.page-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:80vh;margin:var(--space-lg);display:flex;flex-direction:column}.overlay-content h2{color:var(--color-text);margin-bottom:var(--space-md);font-size:var(--text-xl);font-weight:600}.overlay-content p{color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.5}.terms-container{flex:1;margin-bottom:var(--space-lg);min-height:300px}.terms-textarea{width:100%;height:100%;min-height:300px;max-height:400px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;resize:vertical;overflow-y:auto}.terms-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2d84f61a}.terms-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.terms-actions .btn{min-width:120px}.terms-status{margin-bottom:var(--space-lg)}.status-accepted,.status-not-accepted{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.status-accepted{background:#10b9810d;border-color:#10b98133}.status-not-accepted{background:#ef44440d;border-color:#ef444433}.status-icon{flex-shrink:0;margin-top:2px}.status-content h3{margin:0 0 var(--space-sm) 0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.status-content p{margin:0 0 var(--space-xs) 0;color:var(--color-text-muted);line-height:1.5}.accepted-date{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.terms-content{max-height:60vh;overflow-y:auto;margin-top:var(--space-md)}.terms-text{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--color-text);white-space:pre-line;padding:var(--space-lg);background:var(--color-background);border-radius:var(--radius);border:1px solid var(--color-border);min-height:400px;display:block}.data-section h3,.invite2-section h3{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.invite2-section-header{margin-bottom:var(--space-lg)}.invite2-section-title{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-md)}.invite2-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-sm);line-height:var(--leading-relaxed)}.data-filter-section{margin-bottom:var(--space-lg)}.filter-input-container{position:relative;max-width:400px;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.filter-input-container:hover{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 2px 8px #2d84f61a}.filter-icon{padding:var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border-right:1px solid var(--color-border)}.filter-input{flex:1;padding:var(--space-md);border:none;font-size:var(--text-sm);background:transparent;transition:border-color .2s ease}.filter-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d84f61a}.filter-input:focus{outline:none}.clear-filter-btn{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius);transition:background-color .2s ease}.clear-filter-btn:hover{background:var(--color-border)}.data-info{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-primary-bg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-primary)}.data-count{font-weight:600;color:var(--color-primary);font-size:var(--text-sm)}.data-label{color:var(--color-primary);font-size:var(--text-sm)}.data-content{display:flex;flex-direction:column;gap:var(--space-lg)}.data-summary{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius);border:1px solid var(--color-border)}.data-description{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.data-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:0 1px 3px #0000001a}.data-table-container .table{margin-bottom:0;border:none;background:transparent}.data-table-container .table th{background:var(--color-surface);border-bottom:2px solid var(--color-border);font-weight:600;color:var(--color-text);padding:var(--space-lg);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:1}.data-table-container .table th:first-child{border-top-left-radius:var(--radius-lg)}.data-table-container .table th:last-child{border-top-right-radius:var(--radius-lg)}.data-table-container .table td{padding:var(--space-lg);border-bottom:1px solid var(--color-border);color:var(--color-text);word-wrap:break-word;overflow-wrap:break-word;max-width:200px}.data-table-container .table tbody tr:hover{background:var(--color-surface)}.data-table-container .table tbody tr:last-child td{border-bottom:none}.data-table-container .table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.data-table-container .table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.empty-cell{color:var(--color-text-tertiary);font-style:italic;opacity:.7}.data-visibility-info{margin-bottom:var(--space-md)}.visibility-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-primary-bg);color:var(--color-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-primary)}.visibility-icon{font-size:1.1em}.visibility-text{white-space:nowrap}.member-header{display:flex;align-items:center;gap:var(--space-xs);font-weight:600}.member-cell{background:var(--color-surface);border-right:2px solid var(--color-border);min-width:150px;max-width:200px}.member-info-cell{display:flex;flex-direction:column;gap:var(--space-xs)}.member-name-cell{font-weight:600;color:var(--color-text);font-size:var(--text-sm)}.member-email-cell{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:monospace;word-break:break-all}.data-cards-container{display:flex;flex-direction:column;gap:var(--space-xl)}.member-data-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .2s ease}.member-data-card:nth-child(2n){background:var(--color-background)}.member-data-card:nth-child(odd){background:var(--color-surface)}.member-data-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.member-data-card.current-user-card{background:#e8e8e8;border:1px solid var(--color-border-strong)}.member-data-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.collapse-toggle-btn{background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:var(--space-sm)}.collapse-toggle-btn:hover{background:var(--color-surface)}.collapse-toggle-btn svg{transition:transform .2s ease}.collapse-toggle-btn svg.collapsed{transform:rotate(-90deg)}.collapse-toggle-btn svg.expanded{transform:rotate(0)}.member-avatar{width:3rem;height:3rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--color-primary-bg);color:var(--color-primary);flex-shrink:0}.member-data-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.member-data-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.member-data-email{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:monospace;word-break:break-all}.member-data-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;width:fit-content}.member-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg);padding:var(--space-xl)}.data-field{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border);transition:all .2s ease}.data-field:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.custom-data-field{background:var(--color-surface)}.custom-field-no-value{border-color:#dc2626!important}.data-field-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.data-field-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.data-field-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-field-value{display:flex;align-items:center;min-height:1.5rem}.field-value{font-size:var(--text-base);font-weight:500;color:var(--color-text);line-height:var(--leading-relaxed);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.field-value-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic;opacity:.7}.field-display-controls{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-sm)}.field-edit-controls{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.field-edit-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);transition:all .2s ease}.field-edit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0066e81a}.field-edit-input::placeholder{color:var(--color-muted)}.field-edit-input:disabled{background:var(--color-surface);color:var(--color-muted);cursor:not-allowed}.field-edit-actions{display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-end}.field-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all .2s ease;padding:0}.field-action-btn:hover{background:var(--color-surface-hover);transform:scale(1.05)}.field-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.field-action-btn.edit-btn:hover{background:#2d84f61a}.field-action-btn.save-btn:hover{background:#2eb24f1a}.field-action-btn.cancel-btn:hover{background:#dc26261a}.field-action-btn svg{transition:all .2s ease}.field-action-btn:hover svg{transform:scale(1.1)}.multiselect-container{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.multiselect-options{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;background:var(--color-bg)}.multiselect-option{display:flex;align-items:center;margin:0!important;padding:2px 0!important;line-height:1;min-height:20px;cursor:pointer;position:relative;width:100%}.multiselect-option:hover{background-color:transparent}.multiselect-options label{margin:0!important;padding:0!important;line-height:12px!important;font-size:12px!important}.multiselect-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;margin:0;padding:0;outline:none;border:none;box-shadow:none;position:relative;flex-shrink:0;vertical-align:middle}.multiselect-option input[type=checkbox]:focus{outline:none;box-shadow:none}.multiselect-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.multiselect-label{font-size:12px;font-weight:400;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:6px;margin-top:0;margin-bottom:0;line-height:1;display:flex;align-items:center;vertical-align:middle}.multiselect-selected{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data-fields{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);background:var(--color-bg);border-radius:var(--radius);border:2px dashed var(--color-border);margin:var(--space-lg)}.no-data-icon{font-size:2rem;opacity:.6}.no-data-text{font-size:var(--text-sm);font-weight:500}@media (max-width: 768px){.circle-header-content{flex-direction:column;align-items:stretch}.circle-header-main{flex-direction:column;align-items:center;text-align:center}.circle-tabs{overflow-x:auto}.circle-tab-content{padding:var(--space-lg)}.policy-grid{grid-template-columns:1fr;gap:var(--space-lg)}.policy-section-card{padding:var(--space-lg)}.shared-fields-enhanced{grid-template-columns:1fr}.create-circle-grid{grid-template-columns:1fr;gap:var(--space-lg)}.create-circle-section-card{padding:var(--space-lg)}.template-preview-header{flex-direction:column;text-align:center;gap:var(--space-md)}.create-circle-actions{flex-direction:column;gap:var(--space-sm)}.create-circle-actions button{width:100%}.policy-item{flex-direction:column;text-align:center}.policy-item-icon{margin:0 auto var(--space-sm)}.members-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:var(--space-sm)}.circle-badges{justify-content:center}.data-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.data-table-container .table th,.data-table-container .table td{padding:var(--space-md);min-width:120px}.data-table-container .table td{max-width:150px;font-size:var(--text-sm)}.visibility-badge{flex-direction:column;text-align:center;gap:var(--space-xs)}.visibility-text{white-space:normal}.member-cell{min-width:120px;max-width:140px}.member-name-cell,.member-email-cell{font-size:var(--text-xs)}.member-data-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}.member-data-header{flex-direction:column;text-align:center;gap:var(--space-sm);padding:var(--space-lg)}.member-avatar{width:2.5rem;height:2.5rem;font-size:1.25rem}.data-field{padding:var(--space-md)}.data-field-header{gap:var(--space-xs)}.data-field-icon{width:1.5rem;height:1.5rem;font-size:1rem}.data-field-label{font-size:var(--text-xs)}.field-value{font-size:var(--text-sm)}}.private-circle-message{text-align:center;padding:var(--space-md);background:var(--color-bg-warning);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin:var(--space-sm) 0}.private-circle-message p{margin:0;color:var(--color-warning);font-size:var(--text-sm)}.private-circle-message p:first-child{font-weight:500;margin-bottom:var(--space-xs)}.custom-fields-section{margin-top:0}.custom-fields-content{padding:var(--space-xl)}.add-custom-field{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.input-with-button{display:flex;gap:var(--space-md);align-items:flex-end}.input-with-button .input{flex:1;font-size:var(--text-base);padding:var(--space-md)}.custom-field-inputs{margin-top:var(--space-md)}.field-input-row{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--space-md);align-items:end}.field-name-input,.field-options-input{display:flex;flex-direction:column;gap:var(--space-xs)}.field-input-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.add-field-btn{height:3rem;align-self:end}.btn.small{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);height:auto;min-height:3rem;font-weight:500}.custom-fields-list{margin-top:var(--space-xl)}.custom-fields-subtitle{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-lg)}.custom-fields-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);width:100%}.custom-field-card{position:relative;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);transition:all .2s ease;min-height:120px}.custom-field-card:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.custom-field-card .field-content{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.field-type{font-size:var(--text-sm);color:var(--color-muted);background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:500}.field-options-preview{margin-top:var(--space-sm)}.options-label{font-size:var(--text-xs);color:var(--color-muted);font-weight:500;display:block;margin-bottom:var(--space-xs)}.options-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.option-tag{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-bg);padding:2px var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--color-primary);font-weight:500}.remove-field-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-field-btn:hover{background:var(--color-bg-negative);transform:scale(1.1)}.remove-field-btn svg{width:16px;height:16px}.no-custom-fields-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);text-align:center;background:var(--color-surface);border-radius:var(--radius);border:1px dashed var(--color-border);margin-top:var(--space-lg)}.no-custom-fields-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.6}.no-custom-fields-text{font-size:var(--text-base);color:var(--color-muted);max-width:400px;line-height:1.5}.section-description{font-size:var(--text-sm);color:var(--color-muted);margin:0}.section-description-container{margin-top:var(--space-sm);margin-bottom:var(--space-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all .2s ease}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.stat-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.stat-content{display:flex;align-items:center;gap:var(--space-sm)}.stat-number{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);line-height:1}.custom-field-stats{margin-top:var(--space-xl)}.stats-subtitle{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-lg) 0}.field-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:100%}@media (min-width: 768px){.field-stats-grid{grid-template-columns:repeat(2,1fr)}}.field-stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .2s ease}.field-stat-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.field-stat-header{margin-bottom:var(--space-md)}.field-stat-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.field-stat-options{display:flex;flex-direction:column;gap:var(--space-sm)}.field-stat-option{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm);background:var(--color-bg-alt);border-radius:var(--radius);border:1px solid var(--color-border-light)}.option-header{display:flex;justify-content:space-between;align-items:center}.option-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.option-info{display:flex;justify-content:space-between;align-items:center}.option-name{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.option-count{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:var(--color-primary-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);min-width:2rem;text-align:center}.option-bar-container{width:95%;height:12px;background:#e5e7eb;border-radius:6px;overflow:visible;position:relative;border:1px solid #d1d5db;margin-top:4px}.option-bar{height:100%;background:#3b82f6;border-radius:6px;transition:width .8s ease-out;position:relative;min-width:2px;animation:growBar .8s ease-out forwards}@keyframes growBar{0%{width:0%}to{width:var(--target-width, 0%)}}.option-bar:after{content:"";position:absolute;top:0;right:0;height:100%;width:1px;background:#ffffff80}.option-percentage{position:absolute;top:-18px;right:0;font-size:11px;font-weight:600;color:#3b82f6;background:#fff;padding:3px 8px;border-radius:12px;border:2px solid #3b82f6;white-space:nowrap;z-index:10;box-shadow:0 1px 3px #0000001a}.option-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.option-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid transparent;-webkit-user-select:none;user-select:none}.option-badge.unselected{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.option-badge.unselected:hover{background:#e5e7eb;border-color:#9ca3af}.option-badge.selected{background:#3b82f6;color:#fff;border-color:#2563eb}.option-badge.selected:hover{background:#2563eb;border-color:#1d4ed8}.option-badge .sub-field-icon{display:inline-flex;align-items:center;cursor:pointer;padding:2px;border-radius:50%;transition:background-color .2s ease}.option-badge .sub-field-icon:hover{background-color:#00000014}.member-data-grid .data-field.custom-field{background:#f0f7ff!important;border-left:3px solid #3b82f6!important}.member-data-grid .data-field.custom-field.not-shared-field{background:#f3f4f6!important}.member-data-grid .data-field.empty-field{border:1px solid #ef4444!important;border-color:#ef4444!important}.member-data-grid .data-field.empty-field:hover{border-color:#ef4444!important;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.member-data-grid .data-field.custom-field.empty-field{background:#f0f7ff!important;border-left:3px solid #ef4444!important;border:1px solid #ef4444!important;border-color:#ef4444!important}.member-data-grid .data-field.custom-field.empty-field:hover{border-color:#ef4444!important;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.field-edit-container{display:flex;flex-direction:column;gap:8px;width:100%}.field-edit-input{width:100%;padding:8px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.field-edit-input:focus{outline:none;border-color:#3b82f6}.field-edit-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.field-edit-actions{display:flex;gap:8px;justify-content:flex-end}.field-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.field-action-btn:disabled{opacity:.5;cursor:not-allowed}.field-action-btn.edit-btn{background:#f0f7ff;color:#2d84f6}.field-action-btn.edit-btn:hover:not(:disabled){background:#e0f2fe;color:#1d4ed8}.field-action-btn.save-btn{background:transparent;color:#10b981}.field-action-btn.save-btn:hover:not(:disabled){background:#dcfce7;color:#059669}.field-action-btn.cancel-btn{background:transparent;color:#dc2626}.field-action-btn.cancel-btn:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.field-display-controls{display:flex;align-items:center;justify-content:space-between;width:100%}.field-value{color:#374151;font-weight:500}.field-value-empty{color:#9ca3af;font-style:italic}body.modal-open{overflow:hidden!important}body.modal-open *{flex-wrap:nowrap!important}body.modal-open .sidebar-item{flex:1!important;min-width:auto!important}body.modal-open .template-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:var(--space-lg)!important}body.modal-open .user-card{display:none!important}body.modal-open .table{display:table!important}body.modal-open .overflow-x-auto{overflow-x:auto!important}.template-system{font-size:12px;color:#6b7280;background-color:#f3f4f6;padding:2px 6px;border-radius:4px;font-weight:500;border:1px solid #e5e7eb}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.table{width:100%;border-collapse:collapse;margin-top:var(--space-sm)}.table th,.table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-surface);font-weight:600;color:var(--color-text);font-size:var(--text-sm)}.table td{font-size:var(--text-sm);color:var(--color-text-secondary)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-danger{background:var(--color-negative);color:#fff;border:1px solid var(--color-negative)}.btn-danger:hover{background:#d32f2f;border-color:#d32f2f}.contacts-header{margin-bottom:var(--space-lg)}.contacts-title-section{text-align:left}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.contact-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.contact-card:hover{border-color:#2d84f6;box-shadow:0 4px 12px #2d84f61a}.contact-header{display:flex;align-items:center;gap:var(--space-sm)}.contact-avatar{width:40px;height:40px;background:#f0f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2d84f6}.contact-info{flex:1}.contact-name{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}.contact-email{font-size:14px;color:var(--color-text-secondary);margin:0}.contact-actions{display:flex;gap:var(--space-xs);justify-content:flex-end;margin-top:auto;padding-top:var(--space-sm)}.empty-state{text-align:center!important;padding:var(--space-xl);color:var(--color-text-secondary);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.empty-state-icon{margin-bottom:var(--space-md)}.empty-state-title{font-size:18px;font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--color-text);text-align:center!important}.empty-state-description{font-size:14px;margin:0;line-height:1.5;text-align:center!important}.search-filter{margin-bottom:var(--space-md)}.search-input-container{position:relative;display:flex;align-items:center;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}input.search-input{width:100%;padding:12px 16px 12px 56px!important;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:#fff;transition:all .2s ease}input.search-input:focus{outline:none;border-color:#2d84f6;box-shadow:0 0 0 3px #2d84f61a}input.search-input::placeholder{color:var(--color-text-secondary)}.clear-search-btn{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.clear-search-btn:hover{background:#f3f4f6}.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;padding:var(--space-lg)}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;color:var(--color-text-primary);font-size:var(--text-xl)}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-secondary);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--color-danger-bg);color:var(--color-danger)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.contacts-list{max-height:400px;overflow-y:auto}.contact-item{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all .2s ease;background:#fff}.contact-item:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.contact-item:last-child{margin-bottom:0}.highlight-effect{animation:highlightFade 2s ease-out forwards}@keyframes highlightFade{0%{background-color:#f0f8f0}50%{background-color:#e8f5e8}to{background-color:#fff}}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.stat-card:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #2d84f61a}.stat-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#2d84f61a}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:700;color:var(--color-text);line-height:1.2}.stat-label{font-size:14px;font-weight:500;color:var(--color-muted);margin-top:2px}.stat-sublabel{font-size:12px;color:var(--color-text-quaternary);margin-top:1px}.chart-container{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.chart-title{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md)}.chart-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.chart-bar-group{display:flex;flex-direction:column;gap:var(--space-xs)}.chart-bar-label{font-size:13px;font-weight:500;color:var(--color-muted)}.chart-bar-container{display:flex;align-items:center;gap:var(--space-sm);height:24px}.chart-bar{height:20px;border-radius:var(--radius-sm);transition:all .3s ease;min-width:2px}.chart-bar-value{font-size:13px;font-weight:600;color:var(--color-text);min-width:20px;text-align:right}.shared-fields-list{display:flex;flex-direction:column;gap:var(--space-sm)}.shared-field-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.shared-field-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.shared-field-content{flex:1;min-width:0}.shared-field-name{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:2px}.shared-field-count{font-size:12px;color:var(--color-muted)}.shared-field-bar{width:80px;height:8px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.shared-field-bar-fill{height:100%;border-radius:var(--radius-sm);transition:all .3s ease}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}