@layer workspace{.kanban-view-toggle{border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,6px);background:var(--color-gray-50,#f9fafb);gap:0;display:inline-flex;overflow:hidden}.kanban-view-toggle__btn{width:var(--spacing-2xl,24px);height:var(--spacing-2xl,24px);min-height:var(--spacing-2xl,24px);color:var(--color-gray-500,#6b7280);font-size:var(--font-size-normal);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);min-height:var(--touch-target-min,44px);background:0 0;border:none;justify-content:center;align-items:center;gap:0;padding:0;font-weight:500;display:flex}.kanban-view-toggle__btn:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-700,#374151)}.kanban-view-toggle__btn[data-active=true]{background:var(--color-primary,#0056b3);color:#fff}.kanban-view-controls{align-items:center;gap:var(--spacing-sm,8px);display:flex}.kanban-fullscreen{top:var(--header-height,64px);z-index:100;background:var(--bg-primary,#fff);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.kanban-fullscreen__header{align-items:center;gap:var(--spacing-md,12px);padding:var(--spacing-sm,8px)var(--spacing-md,12px);border-bottom:1px solid var(--color-gray-200,#e5e7eb);background:var(--color-gray-50,#f9fafb);flex-shrink:0;display:flex}.kanban-fullscreen__back{align-items:center;gap:var(--spacing-xs,4px);padding:var(--spacing-xs,4px)var(--spacing-sm,8px);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,6px);background:var(--bg-primary,#fff);color:var(--color-gray-700,#374151);font-size:var(--font-size-normal);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);font-weight:500;display:inline-flex}.kanban-fullscreen__back:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-900,#111827)}.kanban-fullscreen__title{align-items:center;gap:var(--spacing-xs,4px);font-size:var(--font-size-normal);color:var(--color-gray-900,#111827);font-weight:600;display:flex}.kanban-fullscreen__title .icon{flex-shrink:0}.kanban-fullscreen__title-main{font-weight:600}.kanban-fullscreen__title-sub{font-size:var(--font-size-normal);color:var(--color-gray-600,#4b5563);font-weight:500}.kanban-fullscreen__title-sub:before{content:" — ";margin:0 var(--spacing-xs,4px)}.kanban-fullscreen__body{padding:var(--spacing-md,12px);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.kanban-fullscreen__loading{min-height:200px;color:var(--color-gray-500,#6b7280);font-size:var(--font-size-normal);justify-content:center;align-items:center;display:flex}.kanban-fullscreen .kanban-board{flex-direction:column;flex:1;min-width:0;display:flex}.kanban-fullscreen .kanban-board__columns{flex:1;min-width:0;display:flex;overflow:auto hidden}.kanban-fullscreen .kanban-column,.kanban-fullscreen .kanban-column--empty{flex:1 1 0;min-width:140px;max-width:none}.kanban-group-pills{border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,6px);background:var(--color-gray-50,#f9fafb);gap:0;display:inline-flex;overflow:hidden}.kanban-group-pills__btn{padding:0 var(--spacing-sm,8px);min-height:var(--touch-target-min,44px);color:var(--color-gray-500,#6b7280);font-size:var(--font-size-normal);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;display:flex}.kanban-group-pills__btn:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-700,#374151)}.kanban-group-pills__btn--active,.kanban-group-pills__btn--active:hover{background:var(--color-primary,#0056b3);color:#fff}.kanban-board{gap:var(--spacing-sm,8px);width:100%;min-height:calc(var(--spacing-5xl,48px)*4);flex-direction:column;display:flex}.kanban-board__filters{gap:var(--spacing-xs,4px);padding:0 var(--spacing-xs,4px);flex-wrap:wrap;align-items:center;display:flex}.kanban-board__filter-select{max-width:calc(var(--spacing-5xl,48px)*3);font-size:var(--font-size-normal);padding:var(--spacing-xs,4px)var(--spacing-sm,8px);min-height:var(--touch-target-min,44px);flex:none}.kanban-board__search{align-items:center;gap:var(--spacing-xs,4px);flex:1;min-width:0;display:flex;position:relative}.kanban-board__search svg{left:var(--spacing-sm,8px);color:var(--color-gray-400,#9ca3af);pointer-events:none;position:absolute}.kanban-board__search-input.kanban-board__search-input{padding-left:calc(var(--spacing-sm,8px) + 20px);font-size:var(--font-size-normal);min-height:var(--touch-target-min,44px)}.kanban-board__columns{gap:var(--spacing-sm,8px);padding:var(--spacing-xs,4px);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-height:calc(var(--spacing-5xl,48px)*2.5);display:flex;overflow:auto hidden}.kanban-board__columns::-webkit-scrollbar{height:var(--spacing-xxs,2px)}.kanban-board__columns::-webkit-scrollbar-track{background:0 0}.kanban-board__columns::-webkit-scrollbar-thumb{background:var(--color-gray-300,#d1d5db);border-radius:var(--radius-xs)}.kanban-column{flex:1 0 calc(var(--spacing-5xl,48px)*3);max-width:calc(var(--spacing-5xl,48px)*4.5);min-width:calc(var(--spacing-5xl,48px)*3);background:var(--color-gray-50,#f9fafb);border-radius:var(--radius-md,6px);border:1px solid var(--color-gray-200,#e5e7eb);scroll-snap-align:start;transition:max-width var(--transition-normal),min-width var(--transition-normal);flex-direction:column;display:flex}.kanban-column--empty{max-width:calc(var(--spacing-5xl,48px)*1.6);min-width:calc(var(--spacing-5xl,48px)*1.6);opacity:.7}.kanban-column--empty .kanban-column__cards{min-height:80px}.kanban-column--drag-over .kanban-column__cards{background:color-mix(in srgb,var(--color-primary,#0056b3)8%,transparent);border-radius:var(--radius-sm,4px);border:2px dashed var(--color-primary,#0056b3)}.kanban-column__header{padding:var(--spacing-sm,8px)var(--spacing-sm,8px);border-bottom:1px solid var(--color-gray-200,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.kanban-column__label{font-size:var(--font-size-normal);color:var(--color-gray-700,#374151);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.03em;font-weight:600;overflow:hidden}.kanban-column__count{min-width:var(--spacing-xl,20px);height:var(--spacing-xl,20px);border-radius:var(--radius-full,50%);background:var(--color-gray-200,#e5e7eb);color:var(--color-gray-600,#4b5563);font-size:var(--font-size-normal);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.kanban-column__cards{gap:var(--spacing-xs,4px);padding:var(--spacing-xs,4px);max-height:calc(var(--spacing-5xl,48px)*8);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-column__completed-toggle{align-items:center;gap:var(--spacing-xs,4px);width:100%;padding:var(--spacing-xs,4px)var(--spacing-sm,8px);border:none;border-top:1px solid var(--color-gray-200,#e5e7eb);color:var(--color-success,#1e7e34);font-size:var(--font-size-normal);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast);min-height:var(--touch-target-min,44px);background:0 0;font-weight:500;display:flex}.kanban-column__completed-toggle:hover{background:color-mix(in srgb,var(--color-success,#1e7e34)8%,transparent)}.kanban-column__completed-toggle span{flex:1}.kanban-column__completed-cards{gap:var(--spacing-xs,4px);padding:var(--spacing-xs,4px);border-top:1px solid var(--color-gray-200,#e5e7eb);background:color-mix(in srgb,var(--color-success,#1e7e34)4%,transparent);flex-direction:column;display:flex}.kanban-column__completed-cards .kanban-card{opacity:.65}.kanban-column__completed-cards .kanban-card:hover{opacity:1}.kanban-column__add{justify-content:center;align-items:center;gap:var(--spacing-xs,4px);padding:var(--spacing-xs,4px);margin:var(--spacing-xs,4px);border:1px dashed var(--color-gray-300,#d1d5db);border-radius:var(--radius-sm,4px);color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-normal);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);min-height:var(--touch-target-min,44px);background:0 0;display:flex}.kanban-column__add:hover{color:var(--color-primary,#0056b3);border-color:var(--color-primary,#0056b3);background:color-mix(in srgb,var(--color-primary,#0056b3)8%,transparent)}.kanban-card{background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-sm,4px);padding:var(--spacing-sm,8px);cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none}.kanban-card:hover{box-shadow:var(--shadow-sm,0 1px 3px #0000001f);border-color:var(--color-gray-300,#d1d5db)}.kanban-card:active{transform:scale(.98)}.kanban-card:focus-visible{outline:2px solid var(--color-primary,#0056b3);outline-offset:var(--spacing-xxs,2px)}.kanban-card--dragging{opacity:.5;cursor:grabbing}.kanban-card--workspace-detail-open{border-color:var(--color-primary,#0056b3);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#0056b3)28%,transparent);background:color-mix(in srgb,var(--color-primary-light,#e8f0fe)35%,var(--color-gray-50,#f9fafb))}.kanban-card__header{align-items:flex-start;gap:var(--spacing-xs,4px);display:flex}.kanban-card__title{font-size:var(--font-size-normal);color:var(--color-gray-800,#1f2937);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.kanban-card__menu{width:var(--spacing-2xl,24px);height:var(--spacing-2xl,24px);color:var(--color-gray-400,#9ca3af);border-radius:var(--radius-sm,4px);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kanban-card:hover .kanban-card__menu{opacity:1}.kanban-card__menu:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-600,#4b5563)}.kanban-card__ai-btn{width:var(--spacing-2xl);height:var(--spacing-2xl);min-width:var(--spacing-2xl);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.kanban-card:hover .kanban-card__ai-btn{opacity:1}.kanban-card__meta{align-items:center;gap:var(--spacing-xs,4px);margin-top:var(--spacing-xs,4px);display:flex}.kanban-card__type{align-items:center;gap:var(--spacing-xxs,2px);font-size:var(--font-size-normal);color:var(--color-gray-500,#6b7280);display:inline-flex}.kanban-card__status{width:var(--spacing-lg,16px);height:var(--spacing-lg,16px);border-radius:var(--radius-full,50%);margin-top:var(--spacing-xxs,2px);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kanban-card__status--outline{border:2px solid var(--color-gray-400,#9ca3af);background:0 0}.kanban-card__status--outline.kanban-card__status--idle{border-color:var(--color-gray-400,#9ca3af)}.kanban-card__status--filled{width:var(--spacing-sm-md,10px);height:var(--spacing-sm-md,10px);margin:var(--spacing-xxs,2px);border:none}.kanban-card__status--filled.kanban-card__status--active{background-color:var(--color-primary,#0056b3)}.kanban-card__status--filled.kanban-card__status--waiting{background-color:var(--color-warning,#8b6914)}.kanban-card__status--check{width:var(--spacing-lg,16px);height:var(--spacing-lg,16px);background:var(--color-success,#1e7e34);color:#fff;border:none}.kanban-card__status--interactive{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kanban-card__status--interactive:hover{box-shadow:0 0 0 var(--spacing-xxs,2px)color-mix(in srgb,var(--color-primary,#0056b3)20%,transparent);transform:scale(1.3)}.kanban-card__status-wrapper{flex-shrink:0;display:inline-flex;position:relative}.kanban-card__status-popup{top:calc(100% + var(--spacing-xs,4px));z-index:var(--z-dropdown,1000);min-width:calc(var(--spacing-2xl,24px)*6);padding:var(--spacing-xs,4px)0;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,6px);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);animation:kanban-popup-in var(--transition-duration-fast)ease-out;background:#fff;margin:0;list-style:none;position:absolute;left:0}@keyframes kanban-popup-in{0%{opacity:0;transform:translateY(calc(var(--spacing-xs,4px)*-1))}to{opacity:1;transform:translateY(0)}}.kanban-card__status-option{align-items:center;gap:var(--spacing-sm,8px);padding:var(--spacing-sm,8px)var(--spacing-md,12px);font-size:var(--font-size-normal);color:var(--color-gray-700,#374151);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.kanban-card__status-option:hover{background:var(--color-gray-50,#f9fafb)}.kanban-card__status-option--active{color:var(--color-primary,#0056b3);background:color-mix(in srgb,var(--color-primary,#0056b3)8%,transparent);font-weight:600}.kanban-card__status-dot{width:var(--spacing-sm,8px);height:var(--spacing-sm,8px);border-radius:var(--radius-full,50%);flex-shrink:0;display:inline-block}.kanban-card__status-dot--idle{border:2px solid var(--color-gray-400,#9ca3af);width:var(--spacing-sm,8px);height:var(--spacing-sm,8px);box-sizing:border-box;background:0 0}.kanban-card__status-dot--active{background-color:var(--color-primary,#0056b3)}.kanban-card__status-dot--waiting{background-color:var(--color-warning,#8b6914)}.kanban-card__status-dot--done{background-color:var(--color-success,#1e7e34)}.kanban-move-sheet{gap:var(--spacing-md,12px);flex-direction:column;display:flex}.kanban-move-sheet__task-title{font-size:var(--font-size-normal);color:var(--color-gray-700,#374151);margin:0;font-weight:600}.kanban-move-sheet__options{gap:var(--spacing-xs,4px);flex-direction:column;display:flex}.kanban-move-sheet__option{align-items:center;gap:var(--spacing-sm,8px);padding:var(--spacing-sm,8px)var(--spacing-md,12px);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,6px);cursor:pointer;font-size:var(--font-size-normal);transition:background-color var(--transition-fast),border-color var(--transition-fast);min-height:var(--touch-target-min,44px);background:#fff;display:flex}.kanban-move-sheet__option:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-300,#d1d5db)}.kanban-move-sheet__option[data-active=true]{background:color-mix(in srgb,var(--color-primary,#0056b3)8%,transparent);border-color:var(--color-primary,#0056b3)}.kanban-move-sheet__radio{width:var(--spacing-lg-xl,18px);height:var(--spacing-lg-xl,18px);border:2px solid var(--color-gray-300,#d1d5db);border-radius:var(--radius-full,50%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kanban-move-sheet__option[data-active=true] .kanban-move-sheet__radio{border-color:var(--color-primary,#0056b3)}.kanban-move-sheet__radio-dot{width:var(--spacing-sm,8px);height:var(--spacing-sm,8px);border-radius:var(--radius-full,50%);background:var(--color-primary,#0056b3)}.kanban-move-sheet__current{font-size:var(--font-size-normal);color:var(--color-gray-400,#9ca3af);margin-left:auto;font-style:italic}@media (max-width:767px){.kanban-board__columns{scroll-snap-type:x mandatory;gap:var(--spacing-sm,8px);padding:var(--spacing-xs,4px)}.kanban-column{scroll-snap-align:center;flex:0 0 75vw;min-width:65vw;max-width:75vw}.kanban-column--empty{flex:0 0 40vw;min-width:40vw;max-width:40vw}.kanban-column__cards{max-height:50vh}.kanban-card__menu,.kanban-card__ai-btn{opacity:1}}@media (prefers-reduced-motion:reduce){.kanban-card,.kanban-column,.kanban-card__menu,.kanban-card__ai-btn,.kanban-view-toggle__btn,.kanban-group-pills__btn,.kanban-column__add,.kanban-column__completed-toggle,.kanban-move-sheet__option{transition:none}.kanban-card:active{transform:none}}}
@layer forms{.mobile-spacing-xs{margin:var(--spacing-xs)}.mobile-spacing-sm{margin:var(--spacing-sm)}.mobile-container-compact{padding:var(--spacing-xs);margin:0}.mobile-card-compact{padding:var(--spacing-xs);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-small);margin:0}.message-input-container{padding-right:50px}.message-input-textarea{resize:vertical;min-height:44px;padding-right:50px}.message-send-icon{bottom:var(--spacing-xs);right:var(--spacing-xs);z-index:10;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-large);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.message-send-icon:hover{background:var(--color-primary-hover);transform:scale(1.05)}.message-send-icon:active{transform:scale(.95)}.message-send-icon:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none}.message-send-icon:focus{outline:2px solid var(--color-primary);outline-offset:2px}.message-send-icon.message-input-button[data-state=streaming]{background:var(--color-error);animation:1.5s ease-in-out infinite pulse}.message-send-icon.message-input-button[data-state=streaming]:hover{background:var(--color-error-dark)}.message-send-icon.message-input-button[data-state=loading]{background:var(--color-gray-400);cursor:not-allowed;animation:none}.message-send-icon.message-input-button[data-state=loading]:hover{background:var(--color-gray-400);transform:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.message-input-microphone{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-pill);background:var(--interactive-neutral-bg);color:var(--color-white);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-large);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-input-microphone:hover:not(:disabled){background:var(--interactive-neutral-hover);transform:scale(1.05)}.message-input-microphone:active:not(:disabled){transform:scale(.95)}.message-input-microphone:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-input-microphone:focus{outline:2px solid var(--color-primary);outline-offset:2px}.message-input-microphone[data-state=listening],.message-input-microphone[data-state=active]{background:var(--color-error);animation:1s ease-in-out infinite pulse-listening}.message-input-microphone[data-state=listening]:hover,.message-input-microphone[data-state=active]:hover{background:var(--color-error-dark)}.message-input-microphone[data-state=requesting]{background:var(--color-warning);animation:2s ease-in-out infinite pulse}.message-input-microphone[data-state=requesting]:hover{background:var(--color-warning-dark)}.message-input-microphone[data-state=error]{background:var(--color-error)}.message-input-microphone[data-state=error]:hover{background:var(--color-error-dark)}.message-input-microphone[data-state=not-supported]{background:var(--color-warning);opacity:.7}.message-input-microphone[data-state=not-supported]:hover{background:var(--color-warning-dark)}.message-input-microphone[data-state=disabled]{opacity:.5;cursor:not-allowed}@keyframes pulse-listening{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.message-input-status-badge{bottom:calc(100% + var(--spacing-xs));left:var(--spacing-xs);z-index:15;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-error);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-small);white-space:nowrap;box-shadow:var(--shadow-medium);animation:.3s ease-out slide-up;display:flex;position:absolute}.message-input-status-badge[data-state=listening]{background:var(--color-error)}.message-input-status-badge .status-icon{font-size:var(--font-size-base)}.message-input-status-badge .status-text{font-weight:500}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-input-error-badge{bottom:calc(100% + var(--spacing-xs));left:var(--spacing-xs);right:var(--spacing-xs);z-index:15;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);max-width:var(--size-grid-lg);animation:.3s ease-out slide-up;display:flex;position:absolute}.message-input-error-badge .error-icon{font-size:var(--font-size-large);margin-top:var(--spacing-xxs);flex-shrink:0}.message-input-error-badge .error-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.message-input-error-badge .error-title{color:var(--color-error);font-weight:600;font-size:var(--font-size-small)}.message-input-error-badge .error-message-text{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.4}.message-input-error-badge .error-retry-button{margin-top:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-small);align-self:flex-start}@media (max-width:767.98px){.message-input-container,.message-input-textarea{padding-left:50px;padding-right:50px}.message-input-status-badge,.message-input-error-badge{max-width:none;left:50px;right:50px}}.microphone-permission-modal{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);flex-direction:column;display:flex}.microphone-permission-modal__icon{font-size:var(--font-size-display);margin-bottom:var(--spacing-sm);line-height:1}.microphone-permission-modal__content{text-align:center;gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.microphone-permission-modal__message{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:500;line-height:1.5}.microphone-permission-modal__info{font-size:var(--font-size-small);color:var(--text-secondary);margin:0;line-height:1.4}.microphone-permission-modal__actions{gap:var(--spacing-md);width:100%;margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}.microphone-permission-modal__button{min-width:120px}@media (max-width:639.98px){.microphone-permission-modal__actions{flex-direction:column}.microphone-permission-modal__button{width:100%}}@media (prefers-reduced-motion:reduce){.voice-input-indicator,.voice-input-pulse,.voice-input-slide{animation:none}}.textarea-voice-container{width:100%;position:relative}.textarea-voice-textarea{width:100%;padding-right:52px}.textarea-voice-mic{width:var(--spacing-4xl);height:var(--spacing-4xl);border-radius:var(--radius-pill);background:var(--interactive-neutral-bg);color:var(--color-white);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-large);z-index:10;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.textarea-voice-container--top-right .textarea-voice-mic{top:var(--spacing-xs);right:var(--spacing-xs)}.textarea-voice-container--top-left .textarea-voice-mic{top:var(--spacing-xs);left:var(--spacing-xs)}.textarea-voice-container--top-left .textarea-voice-textarea{padding-right:var(--spacing-sm);padding-left:52px}.textarea-voice-container--bottom-right .textarea-voice-mic{bottom:var(--spacing-xs);right:var(--spacing-xs)}.textarea-voice-container--bottom-left .textarea-voice-mic{bottom:var(--spacing-xs);left:var(--spacing-xs)}.textarea-voice-container--bottom-left .textarea-voice-textarea{padding-right:var(--spacing-sm);padding-left:52px}.textarea-voice-mic:hover:not(:disabled){background:var(--interactive-neutral-hover);transform:scale(1.05)}.textarea-voice-mic:active:not(:disabled){transform:scale(.95)}.textarea-voice-mic:disabled{opacity:.5;cursor:not-allowed;transform:none}.textarea-voice-mic:focus{outline:2px solid var(--color-primary);outline-offset:2px}.textarea-voice-mic[data-state=listening],.textarea-voice-mic[data-state=active]{background:var(--color-error);animation:1s ease-in-out infinite pulse-listening}.textarea-voice-mic[data-state=listening]:hover,.textarea-voice-mic[data-state=active]:hover{background:var(--color-error-dark)}.textarea-voice-mic[data-state=requesting]{background:var(--color-warning);animation:2s ease-in-out infinite pulse}.textarea-voice-mic[data-state=requesting]:hover{background:var(--color-warning-dark)}.textarea-voice-mic[data-state=error]{background:var(--color-error)}.textarea-voice-mic[data-state=error]:hover{background:var(--color-error-dark)}.textarea-voice-mic[data-state=not-supported]{background:var(--color-warning);opacity:.7}.textarea-voice-mic[data-state=not-supported]:hover{background:var(--color-warning-dark)}.textarea-voice-mic[data-state=disabled]{opacity:.5;cursor:not-allowed}.textarea-voice-status{bottom:calc(100% + var(--spacing-xs));left:var(--spacing-xs);z-index:15;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-error);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-small);white-space:nowrap;box-shadow:var(--shadow-medium);animation:.3s ease-out slide-up;display:flex;position:absolute}.textarea-voice-status[data-state=listening]{background:var(--color-error)}.textarea-voice-status--done{background:var(--color-success);animation:.3s ease-out slide-up,.4s ease-in 1.1s forwards fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.textarea-voice-status .status-icon{font-size:var(--font-size-base)}.textarea-voice-status .status-text{font-weight:500}.textarea-voice-error{bottom:calc(100% + var(--spacing-xs));left:var(--spacing-xs);right:var(--spacing-xs);z-index:15;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);max-width:var(--size-grid-lg);animation:.3s ease-out slide-up;display:flex;position:absolute}.textarea-voice-error .error-icon{font-size:var(--font-size-large);margin-top:var(--spacing-xxs);flex-shrink:0}.textarea-voice-error .error-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.textarea-voice-error .error-title{color:var(--color-error);font-weight:600;font-size:var(--font-size-small)}.textarea-voice-error .error-message-text{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.4}.textarea-voice-error .error-retry-button{margin-top:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-small);align-self:flex-start}@media (max-width:767.98px){.textarea-voice-mic{width:var(--size-icon-sm);height:var(--size-icon-sm);font-size:var(--font-size-base)}.textarea-voice-textarea{padding-right:44px}.textarea-voice-container--top-left .textarea-voice-textarea,.textarea-voice-container--bottom-left .textarea-voice-textarea{padding-left:44px}.textarea-voice-error{left:var(--spacing-xxs);right:var(--spacing-xxs);padding:var(--spacing-xs);max-width:none}.textarea-voice-status{left:var(--spacing-xxs);font-size:var(--font-size-xs);padding:var(--spacing-xxs)var(--spacing-xs)}}.mobile-spacing-md{margin:var(--spacing-md)}.mobile-spacing-lg{margin:var(--spacing-lg)}.mobile-spacing-xl{margin:var(--spacing-xl)}.mobile-responsive-spacing{padding:var(--spacing-sm)}@media (min-width:768px){.mobile-responsive-spacing{padding:var(--spacing-md)}}@media (min-width:1024px){.mobile-responsive-spacing{padding:var(--spacing-lg)}}.mobile-container{width:100%;max-width:100%;padding:var(--spacing-sm);background:var(--bg-card);margin:0 auto}@media (min-width:768px){.mobile-container{max-width:768px;padding:var(--spacing-md)}}@media (min-width:1024px){.mobile-container{max-width:1400px;padding:var(--spacing-lg)}}@media (min-width:1200px){.mobile-container{max-width:1600px;padding:var(--spacing-xl)}}@media (min-width:1440px){.mobile-container{max-width:1800px;padding:var(--spacing-2xl)}}.mobile-grid{gap:var(--spacing-sm);grid-template-columns:1fr;display:grid}.mobile-grid-2,.mobile-grid-3{grid-template-columns:1fr}@media (min-width:768px){.mobile-grid-2,.mobile-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mobile-grid-3{grid-template-columns:repeat(3,1fr)}}.mobile-action-button{min-height:var(--touch-target-comfort);min-width:var(--touch-target-comfort);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-all);cursor:pointer;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.mobile-action-button:active{background:var(--color-primary-light);transform:scale(.95)}.mobile-action-button:hover{background:var(--color-primary-light)}.mobile-card-enhanced{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.mobile-card-enhanced,.card-enhanced{margin-bottom:var(--spacing-sm);border-color:var(--border-color)}.mobile-card-enhanced:active,.card-enhanced:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-cards-grid{gap:var(--spacing-sm);grid-template-columns:1fr;display:grid}@media (min-width:768px){.mobile-cards-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mobile-cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}.mobile-text-truncated{text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.mobile-text-truncated:after{content:"...";background:var(--bg-card);padding-left:var(--spacing-xs);position:absolute;bottom:0;right:0}.mobile-text-expandable{cursor:pointer;transition:var(--transition-all)}.mobile-text-expandable:active{color:var(--color-primary)}.mobile-task-actions{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}.mobile-task-action{width:var(--touch-target-comfort);height:var(--touch-target-comfort);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-all);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:relative}.mobile-task-action:active{background:var(--color-primary-light);transform:scale(.95)}.mobile-task-action:hover{background:var(--color-primary-light)}.mobile-task-action:focus{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-task-action+.mobile-task-action{margin-left:var(--touch-spacing)}.mobile-filters-enhanced{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;display:flex}.mobile-filter-button{min-width:0;padding:var(--spacing-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-all);min-height:var(--touch-target-comfort);font-size:var(--font-size-normal);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.mobile-filter-button:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.mobile-filter-button[data-state=active]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.mobile-filter-button:active{transform:scale(.95)}.search-responsive{width:100%;margin-bottom:var(--spacing-md);position:relative}.search-responsive-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);padding-right:var(--spacing-3xl);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-normal);transition:var(--transition-all);min-height:var(--touch-target-comfort)}.search-responsive-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.search-responsive-button{right:var(--spacing-sm);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-min);min-width:var(--touch-target-min);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-responsive-button:hover{background:var(--color-primary-dark)}.search-responsive-button:active{transform:translateY(-50%)scale(.95)}.filters-advanced{gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;display:none}.filters-advanced[data-state=open]{display:flex}.filters-advanced-toggle{width:100%;padding:var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-comfort);font-size:var(--font-size-normal);justify-content:center;align-items:center;font-weight:700;display:flex}.filters-advanced-toggle:hover{background:var(--color-primary);color:var(--color-white)}.filters-advanced-toggle:active{transform:scale(.95)}@media (min-width:768px){.search-responsive{max-width:var(--size-grid-lg)}.filters-advanced{display:flex}.filters-advanced-toggle{display:none}}@media (min-width:1024px){.mobile-filters-enhanced{gap:var(--spacing-sm)}.search-responsive{max-width:var(--size-modal-sm)}}.mobile-filter-button:hover:not(.active){background:var(--color-primary-light);border-color:var(--color-primary)}@media (min-width:768px){.mobile-filters-enhanced{gap:var(--spacing-sm);flex-wrap:nowrap}.mobile-filter-button{min-width:auto;padding:var(--spacing-sm)var(--spacing-md);flex:none}}.input-container{margin-bottom:var(--spacing-md)}.input-label{font-size:var(--font-size-normal);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:700;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--spacing-sm);color:var(--text-muted);z-index:1;position:absolute}.required-asterisk{color:var(--color-error);margin-left:var(--spacing-xs)}.input-helper-text{font-size:var(--font-size-normal);color:var(--text-muted);margin-top:var(--spacing-xs)}.input-error-text{font-size:var(--font-size-normal);color:var(--color-error);margin-top:var(--spacing-xs)}.modal-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-md)var(--radius-md)0 0;justify-content:space-between;align-items:center;display:flex}.modal-header-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.modal-progress-indicator{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.modal-progress-indicator .progress-text{font-size:var(--font-size-small,var(--font-size-normal));color:var(--text-muted);font-weight:500}.modal-header__title{font-size:var(--font-size-large);color:var(--text-primary);margin:0;font-weight:600}.modal-close{font-size:var(--font-size-large);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all);min-width:var(--touch-target-comfort);min-height:var(--touch-target-comfort);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.modal-content.with-header{padding:var(--spacing-md);background:var(--bg-card);border-radius:0 0 var(--radius-md)var(--radius-md)}.task-preview-list{gap:var(--spacing-md);max-height:60vh;padding:var(--spacing-sm)0;flex-direction:column;display:flex;overflow-y:auto}.task-preview-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);transition:var(--transition-all)}.task-preview-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.task-preview-item-selected{border-color:var(--color-primary);background:var(--color-primary-light)}.task-preview-item-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.task-preview-checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;min-height:var(--touch-target-comfort);padding:var(--spacing-xs);display:flex}.task-preview-checkbox-label:has(input:disabled){cursor:not-allowed;opacity:.7}.task-preview-required-icon{font-size:var(--font-size-normal);color:var(--text-muted)}.task-preview-checkbox{width:var(--spacing-2xl);height:var(--spacing-2xl);min-width:var(--spacing-2xl);min-height:var(--spacing-2xl);cursor:pointer;accent-color:var(--color-primary)}.task-preview-checkbox:disabled{cursor:not-allowed;opacity:.6}.task-preview-title{font-size:var(--font-size-normal);color:var(--text-primary);flex:1;margin:0;font-weight:600}.task-preview-description{margin:0;margin-left:calc(24px + var(--spacing-sm) + var(--spacing-xs));font-size:var(--font-size-normal);color:var(--text-secondary);line-height:var(--line-height-normal)}.task-preview-template-badge{margin-left:calc(24px + var(--spacing-sm) + var(--spacing-xs));padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:500;display:inline-block}@media (max-width:767.98px){.task-preview-list{max-height:50vh}.task-preview-checkbox{width:var(--spacing-3xl);height:var(--spacing-3xl);min-width:var(--spacing-3xl);min-height:var(--spacing-3xl)}.task-preview-description,.task-preview-template-badge{margin-left:calc(32px + var(--spacing-sm) + var(--spacing-xs))}}.state-display{padding:var(--spacing-lg);text-align:center;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.state-spinner{width:var(--size-spinner);height:var(--size-spinner);border:var(--size-spinner-border)solid var(--border-muted);border-top:var(--size-spinner-border)solid var(--color-blue-400);border-radius:var(--radius-full);margin-bottom:var(--spacing-md);animation:1s linear infinite spin}.state-icon{font-size:var(--font-size-large);margin-bottom:var(--spacing-md)}.state-message{font-size:var(--font-size-md);color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-weight:700}.state-error-details{font-size:var(--font-size-normal);color:var(--text-muted);margin:0;font-style:italic}.success-state{color:var(--color-success)}.error-state{color:var(--color-error)}.warning-state{color:var(--color-warning)}.info-state{color:var(--color-info)}.scroll-sentinel{pointer-events:none;width:100%;height:1px}.context-menu-positioned,.task-action-menu-positioned{left:var(--menu-left,0px);top:var(--menu-top,0px);z-index:var(--z-dropdown);position:fixed}.faq-container{max-width:var(--size-container);padding:var(--spacing-lg);margin:0 auto}.faq-theme{margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm)}.faq-theme-header{padding:var(--spacing-md);background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600;font-size:var(--font-size-large);border-radius:var(--radius-md)var(--radius-md)0 0;cursor:pointer;transition:var(--transition-all)}.dark-mode .faq-theme-header{color:var(--color-primary-dark)}.faq-theme-header:hover{background:var(--color-primary);color:var(--text-on-primary)}.faq-question{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:var(--transition-all)}.faq-question:hover{background:var(--surface-secondary)}.faq-question:last-child{border-radius:0 0 var(--radius-md)var(--radius-md);border-bottom:none}.faq-answer{padding:var(--spacing-md);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-relaxed)}@media (prefers-reduced-motion:reduce){.textarea-voice-tooltip,.textarea-voice-modal,.textarea-voice-mic[data-state=active],.textarea-voice-mic[data-state=requesting],.textarea-voice-status--done{animation:none}}}
@layer auth{.auth-page{background:var(--bg-body);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-loading-page,.auth-error-page{background:var(--bg-body);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading-container,.auth-error-container{align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xl);flex-direction:column;display:flex}.auth-loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.auth-error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.auth-error-message{color:var(--text-secondary);margin:0}.auth-error-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.auth-error-link{color:var(--color-primary);font-size:var(--font-size-sm)}.auth-page__header{padding:var(--spacing-xl)var(--spacing-xl)var(--spacing-lg);text-align:center;z-index:var(--z-index-header);position:relative}.auth-page__logo{padding:var(--spacing-lg)var(--spacing-xl);background:var(--color-primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--color-primary);transition:var(--transition-all);display:inline-block}.auth-page__logo:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-page__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:2px;margin:0}.auth-page__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:var(--spacing-xs)0 0;font-weight:var(--font-weight-light)}.auth-page__main{padding:var(--spacing-xl);z-index:var(--z-index-content);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-page__container{gap:var(--spacing-xxl);grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1200px;display:grid}.auth-page__form-section{justify-content:center;align-items:center;display:flex}.auth-form--modern{background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);width:100%;max-width:450px;transition:var(--transition-all)}.auth-form--modern:hover{background:var(--color-primary-light);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.auth-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs);text-align:center}.auth-form__description{font-size:var(--font-size-base);color:var(--text-secondary);text-align:center;margin:0 0 var(--spacing-xl);line-height:var(--line-height-tight)}.auth-form__field{margin-bottom:var(--spacing-lg);position:relative}.auth-form__field .input-container{margin-bottom:0}.auth-form__field .mobile-input{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-input);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-all)}.auth-form__field .mobile-input::placeholder{color:var(--text-secondary)}.auth-form__field .mobile-input:focus{background:var(--bg-input);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.auth-form__field .mobile-input[data-state=error]{border-color:var(--color-error);background:var(--color-error-light)}.auth-form__field .auth-form__input,.update-password-page .auth-form__input{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-input);border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-base);width:100%;transition:var(--transition-all)}.auth-form__field .auth-form__input::placeholder,.update-password-page .auth-form__input::placeholder{color:var(--text-description)}.auth-form__field .auth-form__input:focus,.update-password-page .auth-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.auth-form__field .auth-form__input:disabled,.update-password-page .auth-form__input:disabled{opacity:.7;cursor:not-allowed}.update-password-page{background:var(--bg-body);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.update-password-page__container{width:100%;max-width:28rem}.update-password-page__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin:0 0 var(--spacing-lg)}.update-password-page__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.update-password-page__form{margin-top:var(--spacing-xl)}.update-password-page__error{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:var(--alert-error-bg);border:1px solid var(--color-error);color:var(--alert-error-fg);font-size:var(--font-size-sm)}.update-password-page__link{color:var(--link-color);font-weight:var(--font-weight-medium)}.update-password-page__link:hover{color:var(--link-hover-color)}.update-password-page__submit{width:100%;padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);background:var(--color-primary);color:var(--text-button);cursor:pointer;transition:var(--transition-all);border:none}.update-password-page__submit:hover:not(:disabled){background:var(--color-primary-dark)}.update-password-page__submit:disabled{opacity:.5;cursor:not-allowed}.update-password-page__success{color:var(--color-success);font-size:var(--font-size-sm)}.password-toggle{right:var(--spacing-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all);font-size:var(--font-size-lg);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary);background:var(--bg-secondary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-form__actions{gap:var(--spacing-md);margin:var(--spacing-xl)0;flex-wrap:wrap;display:flex}.auth-form__submit{flex:1;min-width:200px}.auth-form__reset{min-width:120px}.auth-form__links{justify-content:center;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg)0;flex-wrap:wrap;display:flex}.auth-form__link{color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-all);padding:var(--spacing-xs);border-radius:var(--radius-sm);text-decoration:none}.auth-form__link:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.auth-form__oauth-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);border:1px solid var(--border-input);background:var(--bg-card);color:var(--text-primary);display:flex}.auth-form__oauth-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-card);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-form__oauth-btn:active:not(:disabled){transform:translateY(0)}.auth-form__oauth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-form__oauth-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-form__oauth-btn svg{flex-shrink:0}.auth-form__oauth-hint{align-items:flex-start;gap:var(--spacing-xs);margin-top:var(--spacing-sm);margin-bottom:0;display:flex}.auth-form__oauth-hint-icon{flex-shrink:0;margin-top:2px}.auth-form__separator{align-items:center;gap:var(--spacing-md);margin:var(--spacing-md)0;display:flex}.auth-form__separator-line{background:var(--border-card);flex:1;height:1px}.auth-form__separator-text{white-space:nowrap;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.auth-page__info-section{justify-content:center;align-items:center;display:flex}.auth-page__info-card{background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);transition:var(--transition-all);width:100%;max-width:400px}.auth-page__info-card:hover{background:var(--color-primary-light);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.auth-page__info-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md);text-align:center}.auth-page__info-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--spacing-xl);text-align:center}.auth-page__features{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-page__feature:hover{background:var(--bg-secondary);transform:translate(5px)}.feature-icon{font-size:var(--font-size-lg);text-align:center;width:2rem;color:var(--text-primary)}.feature-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.auth-page__footer{padding:var(--spacing-xl);text-align:center;z-index:var(--z-index-footer);position:relative}.auth-page__footer-content{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.auth-page__footer-text{color:var(--text-primary);font-size:var(--font-size-sm);margin:0}.auth-page__footer-links{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.auth-page__footer-link{color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-all);padding:var(--spacing-xs);border-radius:var(--radius-sm);text-decoration:none}.auth-page__footer-link:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.auth-form__error--global,.auth-form__warning,.auth-form__info,.auth-form__success{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-normal);display:flex;position:relative}.auth-form__error--global{background:var(--alert-error-bg);border:1px solid var(--color-error);color:var(--alert-error-fg)}.auth-form__warning{background:var(--alert-warning-bg);border:1px solid var(--color-warning);color:var(--alert-warning-fg)}.auth-form__info{background:var(--alert-info-bg);border:1px solid var(--color-info);color:var(--alert-info-fg)}.auth-form__success{background:var(--alert-success-bg);border:1px solid var(--color-success);color:var(--alert-success-fg)}@media (max-width:1023.98px){.auth-page__container{gap:var(--spacing-xl);grid-template-columns:1fr}}@media (max-width:767.98px){.auth-page__header{padding:var(--spacing-lg)var(--spacing-md)var(--spacing-md)}.auth-page__logo{padding:var(--spacing-md)var(--spacing-lg)}.auth-page__title{font-size:var(--font-size-xl)}.auth-page__main{padding:var(--spacing-md)}.auth-page__container{gap:var(--spacing-lg)}.auth-page__info-card,.auth-form--modern{padding:var(--spacing-xl)}.auth-form__actions{flex-direction:column}.auth-form__submit,.auth-form__reset{width:100%;min-width:auto}.auth-page__footer{padding:var(--spacing-lg)var(--spacing-md)}.auth-page__footer-links{gap:var(--spacing-md)}}@media (max-width:480px){.auth-page__title{font-size:var(--font-size-lg)}.auth-page__subtitle{font-size:var(--font-size-sm)}.auth-page__info-card,.auth-form--modern{padding:var(--spacing-lg)}.auth-page__info-title,.auth-form__title{font-size:var(--font-size-lg)}}.auth-page,.auth-page__logo,.auth-page__info-card,.auth-form--modern,.auth-page__feature{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-page__feature{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);transition:var(--transition-all);animation-delay:calc(var(--feature-index,0)*.1s);display:flex}.auth-error-block{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--alert-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md)}.auth-error-block p{margin:0 0 var(--spacing-sm)0;font-size:var(--font-size-sm);color:var(--alert-error-fg)}.auth-recovery-link{color:var(--link-color);font-size:var(--font-size-sm);text-decoration:underline}.auth-recovery-link:hover{color:var(--link-hover-color)}.dark-mode .auth-error-block p{color:var(--text-primary)}.dark-mode .auth-recovery-link{color:var(--link-color)}.auth-page__footer-link:focus,.auth-form__link:focus,.password-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.auth-page,.auth-page__logo,.auth-page__info-card,.auth-form--modern,.auth-page__feature{transition:none;animation:none}}}
@layer billing{.quota-counter{gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:var(--transition-all);flex-direction:column;display:flex}.quota-counter--compact{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);flex-direction:row}.quota-counter--normal{color:var(--color-success,var(--color-success))}.quota-counter--low{color:var(--color-warning,var(--color-warning))}.quota-counter--exhausted{color:var(--color-error)}.quota-counter__bar-container{width:100%;height:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-xs);overflow:hidden}.quota-counter__bar{height:100%;width:var(--progress-width,0%);border-radius:var(--radius-xs);transition:width .3s}.quota-counter--normal .quota-counter__bar{background:var(--color-success,var(--color-success))}.quota-counter--low .quota-counter__bar{background:var(--color-warning,var(--color-warning))}.quota-counter--exhausted .quota-counter__bar{background:var(--color-error)}.quota-counter__text{align-items:center;gap:var(--spacing-xs);display:flex}.quota-counter__icon{font-size:var(--font-size-xs);line-height:1}.quota-counter__value{font-weight:600}.quota-counter__label{white-space:nowrap}.quota-alert{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid #0000;flex-shrink:0}.quota-alert--low{background:var(--alert-warning-bg);border-bottom-color:var(--color-warning)}.quota-alert--exhausted{background:var(--alert-error-bg);border-bottom-color:var(--color-error)}.quota-alert__content{align-items:center;gap:var(--spacing-sm);max-width:1200px;margin:0 auto;display:flex}.quota-alert__icon{font-size:var(--font-size-xl);flex-shrink:0}.quota-alert__text{flex:1;min-width:0}.quota-alert__title{font-size:var(--font-size-sm);margin:0;font-weight:600}.quota-alert--low .quota-alert__title{color:var(--color-warning-dark,var(--color-warning-dark))}.quota-alert--exhausted .quota-alert__title{color:var(--color-error)}.quota-alert__subtitle{font-size:var(--font-size-xs);opacity:.85;margin:2px 0 0}.quota-alert__actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.quota-alert__cta{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;transition:var(--transition-all);background:var(--color-primary,var(--color-primary));color:var(--text-white,var(--color-white));font-weight:600;text-decoration:none;display:inline-block}.quota-alert__cta:hover{opacity:.9;transform:translateY(-1px)}.quota-alert__dismiss{font-size:var(--font-size-lg);cursor:pointer;color:inherit;opacity:.6;padding:var(--spacing-xs);background:0 0;border:none;line-height:1}.quota-alert__dismiss:hover{opacity:1}.paywall{padding:var(--spacing-lg);text-align:center}.paywall__container{max-width:500px;padding:var(--spacing-xl);background:var(--bg-card,var(--color-white));border-radius:var(--radius-lg);border:2px solid var(--color-error);margin:0 auto;box-shadow:0 4px 12px #00000014}.paywall__icon{font-size:var(--font-size-display);margin-bottom:var(--spacing-md)}.paywall__content{margin-bottom:var(--spacing-lg)}.paywall__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-error);font-weight:700}.paywall__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal,1.6);margin:0}.paywall__actions{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.paywall__cta{padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:var(--transition-all);font-weight:700;text-decoration:none;display:inline-block}.paywall__cta[data-variant]{background:var(--_variant-bg);color:var(--_variant-color)}.paywall__cta[data-variant]:hover{background:var(--_variant-hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px #0056b34d}.paywall__note{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;font-style:italic}@media (max-width:767.98px){.quota-alert__content{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.quota-alert__actions{align-self:stretch}.quota-alert__cta{text-align:center;flex:1}.paywall__container{padding:var(--spacing-md)}.paywall__icon{font-size:var(--font-size-display)}}.pricing-page{max-width:1100px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.pricing-page--unavailable{text-align:center;padding:var(--spacing-xl)}.pricing-page--unavailable h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.pricing-page__back-link{color:var(--color-primary,var(--color-primary));text-decoration:underline}.pricing-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.pricing-page__title{font-size:var(--font-size-display);color:var(--text-primary);margin:0 0 var(--spacing-sm);font-weight:800}.pricing-page__subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:600px;line-height:var(--line-height-normal,1.6);margin:0 auto}.pricing-page__loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.pricing-page__spinner{width:var(--size-icon-md);height:var(--size-icon-md);border:3px solid var(--bg-tertiary);border-top-color:var(--color-primary,var(--color-primary));border-radius:var(--radius-full);margin:0 auto var(--spacing-sm);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pricing-page__error{text-align:center;padding:var(--spacing-md);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--spacing-lg)}.pricing-page__grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-top:var(--spacing-md);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{background:var(--bg-card,var(--color-white));border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-all);flex-direction:column;display:flex;position:relative;box-shadow:0 1px 3px #0000000f}.pricing-card:hover{border-color:var(--color-primary,var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 16px #0056b31a}.pricing-card--popular{border-color:var(--color-primary,var(--color-primary));transform:scale(1.03);box-shadow:0 4px 20px #0056b326}.pricing-card--popular:hover{transform:scale(1.03)translateY(-2px)}.pricing-card--current{border-color:var(--color-success,var(--color-success))}.pricing-card__badge{background:var(--color-primary,var(--color-primary));color:var(--text-white,var(--color-white));padding:2px var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-xs);white-space:nowrap;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card--current .pricing-card__badge{background:var(--color-success,var(--color-success))}.pricing-card__header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--bg-tertiary)}.pricing-card__title{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);color:var(--text-primary);font-weight:700}.pricing-card__price{justify-content:center;align-items:baseline;gap:var(--spacing-xs);color:var(--text-primary);flex-wrap:wrap;row-gap:.15em;display:flex}.pricing-card__price-amount{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:clamp(1.5rem,1.35vw + 1.05rem,2rem);font-weight:800;line-height:1.1}.pricing-card__price-period{font-size:var(--font-size-sm);color:var(--text-secondary)}.pricing-card__price-monthly{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xxs)}.pricing-card__features{margin:0 0 var(--spacing-lg);flex:1;padding:0;list-style:none}.pricing-card__feature{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)0;font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.pricing-card__feature-icon{color:var(--color-success,var(--color-success));flex-shrink:0;font-weight:700}.pricing-card__action{text-align:center}.pricing-card__cta{width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-md);text-align:center;cursor:pointer;transition:var(--transition-all);border:2px solid #0000;font-weight:700;text-decoration:none;display:inline-block}.pricing-card__cta[data-variant]{background:var(--_variant-bg);color:var(--_variant-color);border-color:var(--_variant-border)}.pricing-card__cta[data-variant]:hover{background:var(--_variant-hover-bg);color:var(--_variant-hover-color);border-color:var(--_variant-hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px #0056b34d}.pricing-card__cta[data-variant=secondary]{--_variant-bg:transparent;--_variant-hover-bg:var(--color-primary);--_variant-hover-color:var(--text-white)}.pricing-card__current-label{padding:var(--spacing-xs)var(--spacing-md);background:var(--color-success-light,var(--color-success-light));color:var(--color-success,var(--color-success));border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);display:inline-block}.pricing-page__free-tier{text-align:center;padding:var(--spacing-xl)var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary-light,var(--color-primary-light)),var(--bg-secondary));border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.pricing-page__free-tier-title{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);color:var(--text-primary);font-weight:700}.pricing-page__free-tier-description{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:500px;margin:0 auto var(--spacing-md);line-height:var(--line-height-normal,1.6)}.pricing-page__free-tier-cta{padding:var(--spacing-sm)var(--spacing-xl);background:var(--color-primary,var(--color-primary));color:var(--text-on-primary,#fff);border-radius:var(--radius-md);transition:var(--transition-all);font-weight:700;text-decoration:none;display:inline-block}.pricing-page__free-tier-cta:hover,.pricing-page__free-tier-cta:focus-visible{background:var(--color-primary-hover,var(--color-primary-hover));color:var(--text-on-primary,#fff);transform:translateY(-1px)}.pricing-page__mor-notice{text-align:center;font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 var(--spacing-xl);max-width:560px;margin-left:auto;margin-right:auto}.structure-offers-teaser{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card,var(--color-white));border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);text-align:center}.structure-offers-teaser__title{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);color:var(--text-primary);font-weight:700}.structure-offers-teaser__text{margin:0 0 var(--spacing-md);color:var(--text-secondary);max-width:520px;margin-left:auto;margin-right:auto}.structure-offers-teaser__link{color:var(--color-primary,var(--color-primary));justify-content:center;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.structure-offers-teaser__link:hover,.structure-offers-teaser__link:focus-visible{color:var(--color-primary-hover,var(--color-primary-hover))}.pricing-page__faq{margin-bottom:var(--spacing-xl)}.pricing-page__faq-title{text-align:center;font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg);color:var(--text-primary);font-weight:700}.pricing-page__faq-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.pricing-page__faq-item{padding:var(--spacing-md);background:var(--bg-card,var(--color-white));border-radius:var(--radius-md);border:1px solid var(--bg-tertiary)}.pricing-page__faq-item h3{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs);color:var(--text-primary);font-weight:600}.pricing-page__faq-item p{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-normal,1.6);margin:0}@media (max-width:1023.98px){.pricing-page__grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-card--popular{order:-1;transform:none}.pricing-card--popular:hover{transform:translateY(-2px)}.pricing-page__faq-grid{grid-template-columns:1fr}}@media (max-width:767.98px){.pricing-page__title{font-size:var(--font-size-large)}}.billing-success-page{min-height:60vh;padding:var(--spacing-xl)var(--spacing-md);justify-content:center;align-items:center;display:flex}.billing-success-card{text-align:center;max-width:520px;padding:var(--spacing-2xl,24px)var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg,8px);border:1px solid var(--border-color);box-shadow:0 4px 24px #0000000f}.billing-success-icon{font-size:var(--font-size-display);margin-bottom:var(--spacing-md)}.billing-success-title{font-size:var(--font-size-large);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:800}.billing-success-message{font-size:var(--font-size-base,var(--font-size-normal));color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.6}.billing-success-detail{font-size:var(--font-size-small,var(--font-size-normal));color:var(--text-tertiary);margin-bottom:var(--spacing-lg);line-height:1.5}.billing-success-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.billing-success-btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md,6px);font-weight:600;font-size:var(--font-size-base,var(--font-size-normal));cursor:pointer;transition:var(--transition-normal);border:none}.billing-success-btn[data-variant]{background:var(--_variant-bg);color:var(--_variant-color)}.billing-success-btn[data-variant]:hover{background:var(--_variant-hover-bg);transform:translateY(-1px)}.billing-success-btn[data-variant=secondary]{border:1px solid var(--_variant-border)}.billing-success-countdown{font-size:var(--font-size-small,var(--font-size-normal));color:var(--text-tertiary)}.cookie-consent-banner{background:var(--bg-card);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-large);z-index:var(--z-toast);padding:var(--spacing-md)var(--spacing-lg);position:fixed;bottom:0;left:0;right:0}.cookie-content{align-items:center;gap:var(--spacing-lg);flex-direction:row;max-width:1200px;margin:0 auto;display:flex}.cookie-header{display:none}.cookie-body{flex:1;min-width:0}.cookie-body p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.cookie-details{margin-top:var(--spacing-xs)}.cookie-details details{cursor:pointer}.cookie-details summary{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500}.cookie-details ul{margin:var(--spacing-xs)0 0 var(--spacing-md);padding:0;list-style:none}.cookie-details li{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-xs)}.cookie-actions{gap:var(--spacing-sm);flex-shrink:0;align-items:center;display:flex}.cookie-actions .mobile-btn{padding:var(--spacing-xs)var(--spacing-md);white-space:nowrap}@media (max-width:767.98px){.cookie-consent-banner{padding:var(--spacing-md)}.cookie-content{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.cookie-body p{white-space:normal;text-overflow:unset;overflow:visible}.cookie-actions{flex-direction:row;justify-content:flex-end}.cookie-actions .mobile-btn{flex:1}}.cookie-preferences{gap:var(--spacing-lg);margin:var(--spacing-lg)0;flex-direction:column;display:flex}.preference-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-normal)}.preference-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-small)}.preference-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.preference-header h4{color:var(--text-primary);font-size:var(--font-size-lg);margin:0;font-weight:600}.preference-status{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;font-weight:500;line-height:1.2;display:inline-block}.preference-status.required{background:var(--alert-error-bg);color:var(--alert-error-fg);border-color:var(--color-error)}.preference-status.optional{background:var(--alert-info-bg);color:var(--alert-info-fg);border-color:var(--color-info)}.preference-description{margin:0 0 var(--spacing-md)0;color:var(--text-secondary);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.preference-toggle{align-items:center;gap:var(--spacing-sm);display:flex}.toggle-input{width:var(--spacing-xl);height:var(--spacing-xl);accent-color:var(--color-primary);cursor:pointer}.toggle-input:disabled{cursor:not-allowed;opacity:.6}.toggle-label{color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm)}.preference-actions{gap:var(--spacing-md);margin:var(--spacing-lg)0;flex-wrap:wrap;display:flex}.preference-actions .mobile-btn{text-align:center;flex:1;min-width:150px}.preference-info{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.preference-info p{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:0}.message{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center;font-weight:500}.success-message{background:var(--alert-success-bg);color:var(--alert-success-fg);border:1px solid var(--color-success)}@media (max-width:767.98px){.preference-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.preference-actions{flex-direction:column}.preference-actions .mobile-btn{width:100%}.preference-item{padding:var(--spacing-sm)}}.data-export-manager{max-width:800px;margin:0 auto}.mobile-info-box{border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-info);background:var(--alert-info-bg);color:var(--alert-info-fg);margin:var(--spacing-md)0;font-weight:500}.mobile-warning-box{border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-warning);background:var(--alert-warning-bg);color:var(--alert-warning-fg);margin:var(--spacing-md)0;font-weight:500}.mobile-error-box{border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-error);background:var(--alert-error-bg);color:var(--alert-error-fg);margin:var(--spacing-md)0;font-weight:500}.mobile-info-box ul{margin:var(--spacing-sm)0;padding:0;list-style:none}.mobile-info-box li{padding:var(--spacing-xs)0;align-items:center;display:flex}.mobile-info-box li:before{content:"";width:var(--spacing-sm);height:var(--spacing-sm);background:var(--color-info);border-radius:var(--radius-full);margin-right:var(--spacing-sm)}.mobile-actions{gap:var(--spacing-md);margin:var(--spacing-lg)0;flex-wrap:wrap;display:flex}.mobile-actions .mobile-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;display:flex}.mobile-actions .mobile-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-icon{font-size:var(--font-size-large);margin-right:var(--spacing-xs)}.mobile-text-small{font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.mobile-text-small p{margin:var(--spacing-sm)0}.mobile-text-small strong{color:var(--text-primary);font-weight:600}@media (max-width:767.98px){.mobile-actions{flex-direction:column}.mobile-actions .mobile-btn{width:100%;min-width:auto}.mobile-info-box,.mobile-warning-box,.mobile-error-box{padding:var(--spacing-sm);margin:var(--spacing-sm)0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-btn:disabled{animation:2s infinite pulse}.mobile-btn:not(:disabled):hover{box-shadow:var(--shadow-medium);transition:var(--transition-normal);transform:translateY(-1px)}.mobile-btn:not(:disabled):active{box-shadow:var(--shadow-small);transform:translateY(0)}.mobile-info-box h4,.mobile-warning-box h4,.mobile-error-box h4{margin-top:0;margin-bottom:var(--spacing-sm);font-weight:600}.mobile-card-content>:first-child{margin-top:0}.mobile-card-content>:last-child{margin-bottom:0}.sub-page{max-width:720px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.sub-page__title{font-size:var(--font-size-display);color:var(--text-primary);margin:0 0 var(--spacing-lg);font-weight:800}.sub-portal{gap:var(--spacing-md);flex-direction:column;display:flex}.sub-portal__partner-banner{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--alert-success-bg,var(--color-success-light));border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.sub-portal__card{background:var(--bg-card,var(--color-white));border:1px solid var(--border-color,var(--bg-tertiary));border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000000f}.sub-portal__header{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--bg-tertiary);margin-bottom:var(--spacing-lg);display:flex}.sub-portal__plan-info{align-items:center;gap:var(--spacing-sm);display:flex}.sub-portal__plan-icon{border-radius:var(--radius-md);background:var(--color-primary-light,#dbeafe);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sub-portal__plan-name{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-xxs,2px);font-weight:700}.sub-portal__status{padding:2px var(--spacing-sm);border-radius:var(--radius-pill,999px);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:inline-block}.sub-portal__status--active{background:var(--alert-success-bg,var(--color-success-light));color:var(--color-success)}.sub-portal__status--free{background:var(--bg-tertiary);color:var(--text-secondary)}.sub-portal__status--cancelled{background:var(--alert-warning-bg,var(--color-warning-light));color:var(--color-warning-dark,#856404)}.sub-portal__status--expired,.sub-portal__status--past-due{background:var(--alert-error-bg,var(--color-error-light));color:var(--color-error)}.sub-portal__price{text-align:right;flex-shrink:0}.sub-portal__price-amount{font-size:var(--font-size-large);color:var(--text-primary);font-weight:800}.sub-portal__price-period{font-size:var(--font-size-sm);color:var(--text-secondary)}.sub-portal__section-title{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm);font-weight:600}.sub-portal__quota-section{margin-bottom:var(--spacing-lg)}.sub-portal__quota-bar-container{--quota-progress:0%;background:var(--bg-tertiary);border-radius:var(--radius-pill,999px);width:100%;height:10px;margin-bottom:var(--spacing-xs);overflow:hidden}.sub-portal__quota-bar{height:100%;width:var(--quota-progress,0%);background:var(--color-primary);border-radius:var(--radius-pill,999px);transition:width .4s}.sub-portal__quota-bar--low{background:var(--color-warning)}.sub-portal__quota-bar--exhausted{background:var(--color-error)}.sub-portal__quota-text{justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.sub-portal__quota-remaining{color:var(--text-primary)}.sub-portal__quota-alert{color:var(--color-error);font-weight:600;font-size:var(--font-size-xs)}.sub-portal__quota-warning{color:var(--color-warning-dark,#856404);font-weight:600;font-size:var(--font-size-xs)}.sub-portal__details-section{margin-bottom:var(--spacing-lg)}.sub-portal__details-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.sub-portal__detail-item{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-secondary,var(--bg-tertiary));border-radius:var(--radius-sm);display:flex}.sub-portal__detail-icon{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.sub-portal__detail-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:2px;display:block}.sub-portal__detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;display:block}.sub-portal__cancel-notice{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--alert-warning-bg,var(--color-warning-light));border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.sub-portal__cancel-notice p{margin:0}.sub-portal__actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.sub-portal__btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;cursor:pointer;transition:var(--transition-all);border:none;font-weight:600;text-decoration:none;display:inline-flex}.sub-portal__btn[data-variant]{background:var(--_variant-bg);color:var(--_variant-color);border:1px solid var(--_variant-border,transparent)}.sub-portal__btn[data-variant]:hover{background:var(--_variant-hover-bg);color:var(--_variant-hover-color,var(--_variant-color));transform:translateY(-1px)}.sub-portal__btn[data-variant=ghost]{color:var(--text-secondary);background:0 0;border:none}.sub-portal__btn[data-variant=ghost]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sub-portal__empty{text-align:center;padding:var(--spacing-xl)var(--spacing-md)}.sub-portal__empty-icon{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.sub-portal__empty-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-sm);font-weight:700}.sub-portal__empty-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:var(--line-height-normal,1.6)}.sub-portal__loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.sub-portal__spinner{width:var(--size-icon-md,40px);height:var(--size-icon-md,40px);border:3px solid var(--bg-tertiary);border-top-color:var(--color-primary);border-radius:var(--radius-full,50%);margin:0 auto var(--spacing-sm);animation:.8s linear infinite spin}.sub-portal__error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--alert-error-bg,var(--color-error-light));border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);display:flex}.sub-portal__error p{margin:0}@media (max-width:767.98px){.sub-page__title{font-size:var(--font-size-large)}.sub-portal__header{flex-direction:column;align-items:flex-start}.sub-portal__price{text-align:left}.sub-portal__details-grid{grid-template-columns:1fr}.sub-portal__partner-banner{flex-direction:column;align-items:flex-start}}}
@layer rgpd{.data-encryption-manager{max-width:1200px;padding:var(--spacing-md);margin:0 auto}.stat-details .active{color:var(--color-success);font-weight:500}.stat-details .expired{color:var(--color-warning);font-weight:500}.encryption-status{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-small)}.encryption-status h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.status-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.status-item{padding:var(--spacing-sm)var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.status-label{color:var(--text-primary);font-weight:500}.status-value{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;line-height:1.2;font-size:var(--font-size-sm);border:1px solid #0000;display:inline-block}.status-value.encrypted{background:var(--alert-success-bg);color:var(--alert-success-fg);border-color:var(--color-success)}.status-value.not-encrypted{background:var(--alert-warning-bg);color:var(--alert-warning-fg);border-color:var(--color-warning)}.migration-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.migration-info{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-small)}.migration-warning{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.migration-warning h4{margin:0 0 var(--spacing-sm)0;color:var(--color-warning-dark);font-size:var(--font-size-normal);font-weight:600}.migration-warning ul{padding-left:var(--spacing-lg);color:var(--color-warning-dark);margin:0}.migration-warning li{margin-bottom:var(--spacing-xs)}.migration-actions{gap:var(--spacing-md);justify-content:center;display:flex}.test-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.test-info{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-small)}.test-actions{justify-content:center;display:flex}.test-results{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-small)}.test-results h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.test-result-item{padding:var(--spacing-sm)var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.test-label{color:var(--text-primary);font-weight:500}.test-status{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm)}.test-status.success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.test-status[data-state=error]{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.test-sample{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle)}.test-sample h5{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-normal);font-weight:600}.sample-data{gap:var(--spacing-sm);flex-direction:column;display:flex}.sample-item{background:var(--surface-tertiary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-sm);word-break:break-all}.sample-item strong{color:var(--text-primary);font-weight:600}@media (max-width:767.98px){.data-encryption-manager{padding:var(--spacing-sm)}.migration-actions,.test-actions{flex-direction:column}.sample-item{font-size:var(--font-size-xs)}}.log-anonymization-manager{max-width:1200px;padding:var(--spacing-md);margin:0 auto}.stats-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.stat-card,.card-stat{border-radius:var(--radius-lg);padding:var(--spacing-lg);border-color:var(--border-subtle);box-shadow:var(--shadow-small);transition:transform .2s,box-shadow .2s}.stat-card:hover,.card-stat:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.stat-card h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.stat-value{font-size:calc(var(--font-size-lg)*2);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700}.stat-details{gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);flex-direction:column;display:flex}.stat-details .accepted{color:var(--color-success);font-weight:500}.stat-details .rejected{color:var(--color-error);font-weight:500}.type-breakdown{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-small)}.type-breakdown h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.type-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.type-item{padding:var(--spacing-sm)var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.type-name{color:var(--text-primary);text-transform:capitalize;font-weight:500}.type-count{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm)}.logs-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.logs-table,.table-base{background:var(--bg-card);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.logs-table,.table-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-small)}.table-header,.table-header-base{color:var(--text-primary);padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border-primary);font-weight:600}.table-header,.table-header-grid{background:var(--surface-tertiary);border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr 1fr 1fr 2fr;display:grid}.table-row,.table-row-base{border-bottom:1px solid var(--border-primary);transition:var(--transition-all)}.table-row,.table-row-grid{padding:var(--spacing-md);border-bottom:1px solid var(--border-muted);grid-template-columns:1fr 1fr 1fr 1fr 2fr;transition:background-color .2s;display:grid}.table-row:hover,.table-row-grid:hover{background:var(--surface-secondary)}.table-row:last-child,.table-row-grid:last-child{border-bottom:none}.log-status{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:600;line-height:1.2;font-size:var(--font-size-sm);border:1px solid #0000;display:inline-block}.log-status.accepted{background:var(--alert-success-bg);color:var(--alert-success-fg);border-color:var(--color-success)}.log-status.rejected{background:var(--alert-error-bg);color:var(--alert-error-fg);border-color:var(--color-error)}.log-ip{color:var(--text-secondary);font-family:Courier New,monospace;font-size:var(--font-size-sm);background:var(--surface-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-align:center}.log-user-agent{color:var(--text-secondary);font-size:var(--font-size-xs);background:var(--surface-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;overflow:hidden}.log-operation{color:var(--text-primary);text-transform:capitalize;font-weight:500}.log-details details{cursor:pointer}.log-details summary{color:var(--color-primary);padding:var(--spacing-xs)0;font-weight:500}.log-details pre{background:var(--surface-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);border:1px solid var(--border-subtle);overflow-x:auto}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500}.alert[data-state=error]{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.alert.success{background:var(--alert-success-bg);color:var(--alert-success-fg);border:1px solid var(--color-success)}@media (max-width:767.98px){.log-anonymization-manager{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{gap:var(--spacing-sm);grid-template-columns:1fr}.table-header>div,.table-row>div{padding:var(--spacing-xs)0;border-bottom:1px solid var(--border-muted)}.table-header>div:before,.table-row>div:before{content:attr(data-label)": ";color:var(--text-primary);font-weight:600}.log-user-agent{white-space:normal;word-break:break-all}}.admin-section{margin-bottom:var(--spacing-xl)}.admin-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.preview-grid{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.preview-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:var(--transition-normal)}.preview-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-medium)}.preview-item.total{background:var(--color-primary-light);border-color:var(--color-primary);font-weight:600}.preview-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.preview-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.preview-item.total .preview-value{color:var(--color-primary-dark)}.logs-list{border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:500px;overflow-y:auto}.log-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);transition:background .2s}.log-item:hover{background:var(--surface-secondary)}.log-item:last-child{border-bottom:none}.log-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.log-type{color:var(--color-primary);text-transform:uppercase;font-weight:600;font-size:var(--font-size-xs)}.log-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.log-details{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.log-count{color:var(--text-primary);text-align:center;background:var(--color-primary-light);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.log-details-json{margin-top:var(--spacing-sm);background:var(--surface-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.log-details-json pre{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0}.retention-grid{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.retention-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-normal)}.retention-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-medium)}.retention-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.retention-type{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.retention-duration{background:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.retention-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.retention-note{background:var(--alert-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.retention-note .mobile-text{color:var(--alert-info-fg);margin:0}@media (max-width:767.98px){.preview-grid,.retention-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.log-header,.log-details{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}}