.container{width:100%;margin:0 auto}.container--sm{max-width:640px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:100%}.container--padding{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media(max-width:768px){.container--padding{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media(max-width:480px){.container--padding{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.primary-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-main);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:#fff;background:var(--primary-gradient);box-shadow:var(--glow-pink);cursor:pointer;overflow:hidden;transition:all var(--transition-base);text-decoration:none}.primary-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .6s}.primary-button:hover:before{transform:translate(100%)}.primary-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--glow-purple)}.primary-button:active{transform:translateY(0) scale(.98)}.primary-button--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm)}.primary-button--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg)}.primary-button--full-width{width:100%}.primary-button--disabled,.primary-button--disabled:hover{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.primary-button--loading{cursor:wait}.primary-button__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.primary-button__icon{display:flex;align-items:center;justify-content:center}.primary-button__icon svg{width:20px;height:20px}.primary-button--small .primary-button__icon svg{width:16px;height:16px}.primary-button--large .primary-button__icon svg{width:24px;height:24px}.loading-spinner{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.loading-spinner__circle{border:3px solid var(--glass-border);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px;border-width:2px}.loading-spinner--medium .loading-spinner__circle{width:40px;height:40px;border-width:3px}.loading-spinner--large .loading-spinner__circle{width:60px;height:60px;border-width:4px}.loading-spinner__label{font-family:var(--font-main);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.error-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.error-toast{display:flex;align-items:center;justify-content:space-between;min-width:320px;max-width:500px;padding:16px 20px;background:var(--color-surface, #ffffff);border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid var(--color-error, #ef4444);pointer-events:auto;animation:slideIn .3s ease-out}[data-theme=dark] .error-toast{background:var(--color-surface-dark, #1f2937);box-shadow:0 4px 12px #0000004d}.error-toast--error{border-left-color:var(--color-error, #ef4444)}.error-toast--warning{border-left-color:var(--color-warning, #f59e0b)}.error-toast--info{border-left-color:var(--color-info, #3b82f6)}.error-toast--exiting{animation:slideOut .3s ease-in forwards}.error-toast__content{display:flex;align-items:center;gap:12px;flex:1}.error-toast__icon{font-size:20px;flex-shrink:0}.error-toast__message{color:var(--color-text, #111827);font-size:14px;line-height:1.5;font-weight:500}[data-theme=dark] .error-toast__message{color:var(--color-text-dark, #f9fafb)}.error-toast__dismiss{background:transparent;border:none;color:var(--color-text-secondary, #6b7280);font-size:18px;cursor:pointer;padding:4px;margin-left:12px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.error-toast__dismiss:hover{background:var(--color-hover, rgba(0, 0, 0, .05))}[data-theme=dark] .error-toast__dismiss{color:var(--color-text-secondary-dark, #9ca3af)}[data-theme=dark] .error-toast__dismiss:hover{background:var(--color-hover-dark, rgba(255, 255, 255, .1))}.error-toast__dismiss:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:640px){.error-toast-container{top:10px;right:10px;left:10px}.error-toast{min-width:auto;width:100%}}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-main);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--pink);background:transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.ghost-button:hover{color:var(--purple);border-color:var(--purple);background:transparent;transform:translateY(-1px)}.ghost-button:active{transform:scale(.98) translateY(0)}.ghost-button--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm)}.ghost-button--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg)}.ghost-button--full-width{width:100%}.ghost-button--disabled,.ghost-button--disabled:hover{opacity:.5;cursor:not-allowed;transform:none;border-color:var(--glass-border);background:transparent}.ghost-button__icon{display:flex;align-items:center;justify-content:center}.ghost-button__icon svg{width:20px;height:20px}.ghost-button--small .ghost-button__icon svg{width:16px;height:16px}.ghost-button--large .ghost-button__icon svg{width:24px;height:24px}.card{background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card--hoverable:hover{transform:translateY(-4px);box-shadow:0 20px 60px #ec48991a}[data-theme=dark] .card--hoverable:hover{box-shadow:0 20px 60px #667eea4d}.card--clickable{cursor:pointer}.card--selected{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink),var(--glow-pink)}.card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.card__body{padding:var(--spacing-lg)}.card__footer{padding:var(--spacing-lg);border-top:1px solid var(--glass-border)}@media(max-width:768px){.card__header,.card__body,.card__footer{padding:var(--spacing-md)}}@media(max-width:480px){.card__header,.card__body,.card__footer{padding:var(--spacing-sm)}}.drilldown-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;min-width:0;box-sizing:border-box}.drilldown-wrapper--full-width{width:100%}.drilldown__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.drilldown__required{color:var(--error);margin-left:2px}.drilldown{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.drilldown--error{border-color:var(--error)}.drilldown--disabled{opacity:.5;cursor:not-allowed}.drilldown__breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ec48990d;border-bottom:1px solid var(--glass-border);min-width:0;width:100%;flex-shrink:0;box-sizing:border-box}.drilldown__breadcrumbs--scroll{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(236,72,153,.3) transparent}.drilldown__breadcrumbs--scroll::-webkit-scrollbar{height:4px}.drilldown__breadcrumbs--scroll::-webkit-scrollbar-track{background:transparent}.drilldown__breadcrumbs--scroll::-webkit-scrollbar-thumb{background:#ec48994d;border-radius:2px}.drilldown__breadcrumbs--scroll::-webkit-scrollbar-thumb:hover{background:#ec489980}.drilldown__breadcrumbs--wrap{flex-wrap:wrap;overflow:visible}.drilldown__breadcrumb{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-main)}.drilldown__breadcrumb:hover:not(:disabled){background:#ec48991a;color:var(--pink)}.drilldown__breadcrumb:disabled{cursor:default}.drilldown__breadcrumb--root{font-weight:var(--font-weight-medium);color:var(--text-primary)}.drilldown__breadcrumb--active{color:var(--pink);font-weight:var(--font-weight-medium)}.drilldown__breadcrumb-separator{color:var(--text-muted);flex-shrink:0}.drilldown__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--spacing-xs);padding:var(--spacing-sm);width:100%;min-width:0;box-sizing:border-box}@media(max-width:768px){.drilldown__options{grid-template-columns:1fr}}.drilldown__option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-main);min-height:80px;min-width:0;box-sizing:border-box}.drilldown__option:hover:not(:disabled){background:#ec48990d;border-color:var(--pink);transform:translateY(-2px);box-shadow:0 4px 12px #ec489926}.drilldown__option:active:not(:disabled){transform:translateY(0)}.drilldown__option--selected{background:#ec48991a;border-color:var(--pink);border-width:2px;box-shadow:0 0 0 3px #ec48991a}.drilldown__option--selected:hover{background:#ec489926}.drilldown__option--disabled{cursor:not-allowed;opacity:.5}.drilldown__option-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1;min-width:0}.drilldown__option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:#ec48991a;color:var(--pink);flex-shrink:0;transition:all var(--transition-fast)}.drilldown__option--selected .drilldown__option-icon{background:var(--pink);color:#fff}.drilldown__option-text{display:flex;flex-direction:column;gap:4px;min-width:0}.drilldown__option-label{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.drilldown__option--selected .drilldown__option-label{color:var(--pink)}.drilldown__option-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drilldown__option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--spacing-sm)}.drilldown__check-icon{color:var(--pink)}.drilldown__arrow-icon{color:var(--text-muted);transition:transform var(--transition-fast)}.drilldown__option:hover .drilldown__arrow-icon{transform:translate(4px);color:var(--pink)}.drilldown__empty{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.drilldown__error-message{font-size:var(--text-xs);color:var(--error);margin-top:4px}.drilldown__helper-text{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.drilldown--small .drilldown__option{padding:var(--spacing-sm);min-height:60px}.drilldown--small .drilldown__option-icon{width:32px;height:32px}.drilldown--small .drilldown__option-label{font-size:var(--text-sm)}.drilldown--small .drilldown__option-description{font-size:var(--text-xs)}.drilldown--large .drilldown__option{padding:var(--spacing-lg);min-height:100px}.drilldown--large .drilldown__option-icon{width:48px;height:48px}.drilldown--large .drilldown__option-label{font-size:var(--text-lg)}.drilldown--large .drilldown__option-description{font-size:var(--text-base)}[data-theme=dark] .drilldown{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .drilldown__breadcrumbs{background:#ec48991a;border-bottom-color:#ffffff1a}[data-theme=dark] .drilldown__option{border-color:#ffffff1a}[data-theme=dark] .drilldown__option:hover:not(:disabled){background:#ec489926;border-color:var(--pink);box-shadow:0 4px 12px #ec489940}[data-theme=dark] .drilldown__option--selected{background:#ec489933;border-color:var(--pink);box-shadow:0 0 0 3px #ec489926}[data-theme=dark] .drilldown__option-icon{background:#ec489933}[data-theme=dark] .drilldown__option--selected .drilldown__option-icon{background:var(--pink)}@media(max-width:1024px){.drilldown__options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.drilldown__option{min-height:72px;padding:var(--spacing-sm)}.drilldown__option-icon{width:36px;height:36px}.drilldown__breadcrumbs{padding:var(--spacing-xs) var(--spacing-sm)}.drilldown__breadcrumb{padding:6px 10px;font-size:12px}}.drilldown__option:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.drilldown__breadcrumb:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper--full-width{width:100%}.input__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input__required{color:var(--error);margin-left:2px}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:var(--font-main);font-size:var(--text-base);color:var(--text-primary);background:var(--glass-white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px #ec48991a}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-soft)}.input--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.input--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}.input--with-icon{padding-left:calc(var(--spacing-md) + 20px + var(--spacing-sm))}.input--small.input--with-icon{padding-left:calc(var(--spacing-sm) + 16px + var(--spacing-xs))}.input--large.input--with-icon{padding-left:calc(var(--spacing-lg) + 24px + var(--spacing-sm))}.input__icon{position:absolute;left:var(--spacing-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;z-index:1}.input__icon svg{width:20px;height:20px}.input--small+.input__icon svg,.input-wrapper .input--small~.input__icon svg{width:16px;height:16px}.input--large+.input__icon svg,.input-wrapper .input--large~.input__icon svg{width:24px;height:24px}.input--error{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input__error-message{font-size:var(--text-xs);color:var(--error)}.input__helper-text{font-size:var(--text-xs);color:var(--text-muted)}[data-theme=dark] .input{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .input:focus{border-color:var(--pink)}.language-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.language-selector__label{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:block}.language-selector__required{color:var(--error);margin-left:var(--spacing-xs)}.language-selector__card{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.language-selector__header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.language-selector__header-icon{color:var(--primary);flex-shrink:0}.language-selector__title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.language-selector__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.language-selector__selected{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-soft);border-radius:var(--radius-md)}.language-selector__pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.language-selector__pill-remove{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:var(--radius-full);width:20px;height:20px;cursor:pointer;transition:all var(--transition-fast);padding:0;color:#fff}.language-selector__pill-remove:hover{background:#ffffff4d;transform:scale(1.1)}.language-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.language-selector__option{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-soft);border:2px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);text-align:center}.language-selector__option:hover{border-color:var(--primary);transform:translateY(-2px)}.language-selector__option--selected{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:var(--primary);color:var(--primary);font-weight:var(--font-weight-semibold)}.language-selector__add-custom{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:transparent;border:2px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.language-selector__add-custom:hover{border-color:var(--primary);color:var(--primary)}.language-selector__custom-input{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-soft);border-radius:var(--radius-md)}.language-selector__custom-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.language-selector__custom-btn{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.language-selector__custom-btn--cancel{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.language-selector__custom-btn--cancel:hover{border-color:var(--text-secondary)}.language-selector__custom-btn--add{background:var(--primary-gradient);border:none;color:#fff}.language-selector__custom-btn--add:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.language-selector__custom-btn--add:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.language-selector__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--spacing-sm)}.language-selector__card{padding:var(--spacing-md);gap:var(--spacing-sm)}.language-selector__header{gap:var(--spacing-sm)}.language-selector__title{font-size:var(--text-md);margin-bottom:2px}.language-selector__subtitle{font-size:var(--text-xs)}.language-selector__option{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}.language-selector__selected{padding:var(--spacing-sm);gap:var(--spacing-xs)}.language-selector__pill{padding:2px var(--spacing-sm);font-size:var(--text-xs)}}@media(max-width:480px){.language-selector__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.language-selector__card{padding:var(--spacing-sm) var(--spacing-md)}.language-selector__header-icon{width:20px;height:20px}.language-selector__title{font-size:var(--text-base)}.language-selector__option{padding:6px var(--spacing-xs)}}.grid{display:grid}.grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid--gap-xs{gap:var(--spacing-xs)}.grid--gap-sm{gap:var(--spacing-sm)}.grid--gap-md{gap:var(--spacing-md)}.grid--gap-lg{gap:var(--spacing-lg)}.grid--gap-xl{gap:var(--spacing-xl)}@media(max-width:1024px){.grid--cols-4,.grid--cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.grid--cols-3,.grid--cols-4,.grid--cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid--cols-2,.grid--cols-3,.grid--cols-4,.grid--cols-6{grid-template-columns:repeat(1,minmax(0,1fr))}}.stack{display:flex}.stack--vertical{flex-direction:column}.stack--horizontal{flex-direction:row}.stack--gap-xs{gap:var(--spacing-xs)}.stack--gap-sm{gap:var(--spacing-sm)}.stack--gap-md{gap:var(--spacing-md)}.stack--gap-lg{gap:var(--spacing-lg)}.stack--gap-xl{gap:var(--spacing-xl)}.stack--gap-2xl{gap:var(--spacing-2xl)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}@media(max-width:768px){.stack--horizontal{flex-direction:column}.stack--gap-xl{gap:var(--spacing-lg)}.stack--gap-2xl{gap:var(--spacing-xl)}}@media(max-width:480px){.stack--gap-lg,.stack--gap-xl{gap:var(--spacing-md)}.stack--gap-2xl{gap:var(--spacing-lg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--glass-pink);color:var(--pink)}.empty-state__icon svg{width:40px;height:40px}.empty-state__title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.empty-state__description{max-width:400px;margin:0 0 var(--spacing-xl) 0;font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.empty-state__action{display:flex;flex-direction:column;gap:var(--spacing-sm)}[data-theme=dark] .empty-state__icon{background:#ec48991a}@media(max-width:768px){.empty-state{padding:var(--spacing-2xl)}.empty-state__icon{width:60px;height:60px}.empty-state__icon svg{width:30px;height:30px}}.color-picker{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-picker__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.color-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--spacing-sm);max-width:100%}.color-picker__swatch{position:relative;width:48px;height:48px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.color-picker__swatch:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-lg)}.color-picker__swatch--selected{border-color:var(--text-primary);box-shadow:0 0 0 4px #3b82f633;transform:scale(1.05)}.color-picker__swatch--custom{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7);color:#fff}.color-picker__swatch:disabled{cursor:not-allowed;opacity:.5}.color-picker__check{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.color-picker__custom{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.color-picker__input{width:64px;height:48px;border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.color-picker__input:hover{border-color:var(--primary)}.color-picker__text-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:monospace;color:var(--text-primary);background:var(--bg-base);transition:all var(--transition-fast)}.color-picker__text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.color-picker__preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.color-picker__preview-swatch{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--glass-border);box-shadow:var(--shadow-sm)}.color-picker__preview-label{font-size:var(--text-sm);font-family:monospace;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.color-picker--disabled{opacity:.6;pointer-events:none}[data-theme=dark] .color-picker__swatch{box-shadow:var(--shadow-dark)}[data-theme=dark] .color-picker__swatch--selected{box-shadow:0 0 0 4px #667eea4d}@media(max-width:768px){.color-picker__grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.color-picker__swatch{width:44px;height:44px}}.checkbox-wrapper{display:inline-flex;align-items:flex-start}.checkbox__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox__label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-white);transition:all var(--transition-base);flex-shrink:0}.checkbox__input:checked+.checkbox__label .checkbox__box{background:var(--primary-gradient);border-color:var(--pink)}.checkbox__input:checked+.checkbox__label .checkbox__box svg{color:#fff}.checkbox__input:focus+.checkbox__label .checkbox__box{box-shadow:0 0 0 3px #ec48991a}.checkbox__input:disabled+.checkbox__label{opacity:.5;cursor:not-allowed}.checkbox__input:disabled+.checkbox__label .checkbox__box{background:var(--bg-soft)}.checkbox__indeterminate{width:12px;height:2px;background:#fff;border-radius:1px}.checkbox__input:indeterminate+.checkbox__label .checkbox__box{background:var(--primary-gradient);border-color:var(--pink)}.checkbox__text{font-size:var(--text-base);color:var(--text-primary);line-height:1.5}.checkbox__label:hover .checkbox__box{border-color:var(--pink)}[data-theme=dark] .checkbox__box{background:#ffffff0d;border-color:#fff3}.theme-configurator{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.theme-configurator__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-configurator__section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.theme-configurator__section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.theme-configurator__section-description{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.theme-configurator__ai-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-soft);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.theme-configurator__ai-toggle:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.theme-configurator__ai-toggle input[type=checkbox]{pointer-events:none}.theme-configurator__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.theme-configurator__option{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);background:var(--bg-base);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.theme-configurator__option:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-configurator__option--selected{border-color:var(--primary);background:#3b82f60d;box-shadow:0 0 0 4px #3b82f61a}.theme-configurator__option--selected:before{content:"";position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;background:var(--primary);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.theme-configurator__option-label{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.theme-configurator__option-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.theme-configurator__goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}[data-theme=dark] .theme-configurator__option--selected{background:#667eea1a;box-shadow:0 0 0 4px #667eea26}[data-theme=dark] .theme-configurator__option:hover{box-shadow:var(--shadow-dark-lg)}@media(max-width:768px){.theme-configurator{gap:var(--spacing-xl)}.theme-configurator__section-header{flex-direction:column;align-items:flex-start}.theme-configurator__options,.theme-configurator__goals{grid-template-columns:1fr}.theme-configurator__ai-toggle{align-self:flex-start}}@media(max-width:480px){.theme-configurator__option{padding:var(--spacing-md)}}.website-preview{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary);position:relative;transition:all .3s ease}.website-preview--fullscreen{position:fixed;inset:0;width:100vw!important;height:100vh!important;z-index:9999;border-radius:0;max-width:none!important}.website-preview--fullscreen .website-preview__content{height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start}.website-preview__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-soft);border-bottom:1px solid var(--glass-border);gap:var(--spacing-md)}.website-preview__view-modes{display:flex;gap:var(--spacing-xs);background:var(--bg-base);padding:var(--spacing-xs);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.website-preview__view-mode{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);color:var(--text-secondary)}.website-preview__view-mode svg{width:16px;height:16px}.website-preview__view-mode:hover{background:var(--bg-soft);color:var(--text-primary)}.website-preview__view-mode--active,.website-preview__view-mode--active:hover{background:var(--primary);color:#fff}.website-preview__actions{display:flex;gap:var(--spacing-sm)}.website-preview__action-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.website-preview__action-button svg{width:18px;height:18px}.website-preview__action-button:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary);color:var(--primary)}.website-preview__action-button--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.website-preview__action-button--primary:hover:not(:disabled){background:var(--secondary);border-color:var(--secondary);color:#fff}.website-preview__action-button:disabled{opacity:.5;cursor:not-allowed}.website-preview__content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:600px;background:var(--bg-soft)}.website-preview__iframe-container{width:100%;height:100%;display:flex;justify-content:center;padding:var(--spacing-lg);transition:max-width var(--transition-base)}.website-preview__iframe{width:100%;height:100%;min-height:600px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xl)}.website-preview__loading,.website-preview__error,.website-preview__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.website-preview__loading h3,.website-preview__error h3,.website-preview__empty h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.website-preview__loading p,.website-preview__error p,.website-preview__empty p{font-size:var(--text-md);color:var(--text-secondary);margin:0;max-width:400px}.website-preview__error svg,.website-preview__empty svg{width:48px;height:48px;color:var(--text-muted)}.website-preview__error svg{color:var(--error)}.website-preview__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-xl);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.website-preview__retry-button:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.website-preview__footer{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-soft);border-top:1px solid var(--glass-border)}.website-preview__info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-secondary)}.website-preview__info svg{width:16px;height:16px;flex-shrink:0}[data-theme=dark] .website-preview{box-shadow:var(--shadow-dark-lg)}[data-theme=dark] .website-preview__iframe{box-shadow:0 10px 30px #00000080}@media(max-width:768px){.website-preview__header{flex-direction:column;align-items:stretch}.website-preview__view-modes{justify-content:center}.website-preview__view-mode span{display:none}.website-preview__actions{justify-content:center}.website-preview__content{min-height:500px}.website-preview__iframe-container{padding:var(--spacing-md)}.website-preview__iframe{min-height:500px}}@media(max-width:480px){.website-preview__content,.website-preview__iframe{min-height:400px}.website-preview__action-button span{display:none}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal__content{position:relative;display:flex;flex-direction:column;max-height:90vh;background:var(--bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;animation:scaleIn .2s ease-out;overflow:hidden}.modal__content--small{width:100%;max-width:400px}.modal__content--medium{width:100%;max-width:600px}.modal__content--large{width:100%;max-width:900px}.modal__content--fullscreen{width:calc(100vw - 2 * var(--spacing-lg));height:calc(100vh - 2 * var(--spacing-lg));max-width:none;max-height:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--glass-border)}.modal__title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--glass-border);color:var(--text-primary)}.modal__close svg{width:20px;height:20px}.modal__body{flex:1;padding:var(--spacing-xl);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-xl);border-top:1px solid var(--glass-border)}[data-theme=dark] .modal__backdrop{background:#000000b3}[data-theme=dark] .modal__content{background:var(--bg-elevated)}@media(max-width:768px){.modal{padding:var(--spacing-md)}.modal__content{max-height:95vh}.modal__content--fullscreen{width:calc(100vw - 2 * var(--spacing-md));height:calc(100vh - 2 * var(--spacing-md))}.modal__header,.modal__body,.modal__footer{padding:var(--spacing-lg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-white);cursor:pointer;transition:all var(--transition-fast)}.user-menu__trigger:hover{background:var(--bg-soft);border-color:var(--primary)}.user-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.user-menu__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.user-menu__avatar--large{width:48px;height:48px;font-size:var(--text-base)}.user-menu__chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform var(--transition-fast)}.user-menu__trigger[aria-expanded=true] .user-menu__chevron{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:280px;background:var(--bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:dropdownSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.user-menu__info{flex:1;min-width:0}.user-menu__name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__email{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__org{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__divider{height:1px;background:var(--glass-border);margin:0 var(--spacing-md)}.user-menu__actions{padding:var(--spacing-sm) 0}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.user-menu__item:hover{background:var(--bg-soft)}.user-menu__item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary)}.user-menu__item--danger{color:var(--danger)}.user-menu__item--danger:hover{background:#ef44441a}.user-menu__item--danger svg{color:var(--danger)}[data-theme=dark] .user-menu__dropdown{background:#171923f2}[data-theme=dark] .user-menu__trigger{background:#ffffff0d}[data-theme=dark] .user-menu__trigger:hover{background:#ffffff14}@media(max-width:768px){.user-menu__dropdown{min-width:260px;right:0}.user-menu__header{padding:var(--spacing-md)}.user-menu__actions{padding:var(--spacing-xs) 0}.user-menu__item{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.user-menu__dropdown{min-width:240px;right:-8px}.user-menu__avatar{width:28px;height:28px;font-size:var(--text-xs)}.user-menu__avatar--large{width:40px;height:40px;font-size:var(--text-sm)}.user-menu__name{font-size:var(--text-sm)}.user-menu__email,.user-menu__item{font-size:var(--text-xs)}.user-menu__chevron{display:none}.user-menu__trigger{padding:var(--spacing-2xs)}}