.crud-page{width:100%;max-width:100%;overflow-x:hidden}.crud-page__header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.crud-page__header-main{display:flex;flex-direction:column;gap:var(--space-2)}.crud-page__back{min-height:var(--touch-target-min);display:inline-flex;align-items:center;color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.crud-page__title{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.crud-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.crud-page__list{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:100%;overflow-x:hidden}.crud-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;text-decoration:none}.crud-list-item__title{margin:0;font-size:var(--font-size-base);font-weight:500}.crud-list-item__meta{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.crud-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.crud-form--inline{margin-top:var(--space-4)}.ui-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-size:var(--font-size-base);font-weight:500;cursor:pointer}.ui-button:disabled{cursor:not-allowed;opacity:.7}.ui-button--primary{background-color:var(--color-primary);color:#fff}.ui-button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.ui-button--secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.ui-button--ghost{background-color:transparent;color:var(--color-primary)}.ui-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.ui-field__label{font-size:var(--font-size-sm);font-weight:500}.ui-field__input,.ui-field__select{width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem}.ui-field__input--error,.ui-field__select.ui-field__input--error{border-color:var(--color-error)}.ui-field__error{margin:0;color:var(--color-error);font-size:var(--font-size-sm)}.ui-empty,.ui-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-4);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.ui-empty__title,.ui-error__message{margin:0}.ui-empty__description{margin:0;color:var(--color-text-muted)}.ui-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.ui-skeleton__row{height:3rem;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-border) 25%,#f3f4f6 50%,var(--color-border) 75%);background-size:200% 100%;animation:ui-skeleton-pulse 1.2s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-badge{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:600}.ui-badge--draft{background-color:#f3f4f6;color:var(--color-text-muted)}.ui-badge--in_progress{background-color:#dbeafe;color:var(--color-primary)}.ui-badge--done{background-color:#dcfce7;color:var(--color-success)}.task-detail__section{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.task-detail__label{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.task-detail__value{margin:0;font-size:var(--font-size-base)}.task-detail__outcome{margin:0;padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:pre-wrap}.app-nav__label{position:relative;display:inline-flex;align-items:center;gap:var(--space-1)}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 var(--space-1);border-radius:999px;background-color:var(--color-error);color:var(--color-surface);font-size:.625rem;font-weight:700;line-height:1}.notification-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.notification-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.notification-item--unread{border-color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}.notification-item__link{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);color:inherit;text-decoration:none}.notification-item__content{flex:1 1 auto;min-width:0}.notification-item__title{margin:0;font-size:var(--font-size-base);font-weight:600}.notification-item__body{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--font-size-sm)}.notification-item__meta{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-item__status{flex-shrink:0;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600}.notification-item__mark-read{align-self:flex-start}.notification-item__error{margin:0;color:var(--color-error);font-size:var(--font-size-sm)}.notification-push{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.notification-push__hint,.notification-push__success,.notification-push__error{margin:0;font-size:var(--font-size-sm)}.notification-push__hint{color:var(--color-text-muted)}.notification-push__success{color:var(--color-success)}.notification-push__error{color:var(--color-error)}@media(min-width:1024px){.crud-page{max-width:56rem;margin:0 auto}.crud-page__header{flex-direction:row;align-items:center;justify-content:space-between}.crud-page__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.crud-form{max-width:32rem}}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-border: #e5e7eb;--color-error: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--touch-target-min: 44px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--nav-height: 56px;--header-height: 48px;--theme-color: #2563eb;--background-color: #f8f9fa}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}#root{min-height:100vh;max-width:100%;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:100%;overflow-x:hidden;background-color:var(--color-bg)}.app-header{flex:0 0 var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:600}.app-header__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__logout{flex-shrink:0;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.app-header__logout:disabled{cursor:not-allowed;opacity:.7}.app-main{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:var(--space-4);max-width:100%}.app-nav{flex:0 0 var(--nav-height);display:flex;align-items:stretch;justify-content:space-around;background-color:var(--color-surface);border-top:1px solid var(--color-border)}.app-nav__item{flex:1;display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none}.app-nav__item--active{color:var(--color-primary);font-weight:600}.login-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-width:100%;overflow-x:hidden;padding:var(--space-4);background-color:var(--color-bg)}.login-shell__card{width:100%;max-width:20rem;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.placeholder-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.placeholder-page__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.update-banner{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--nav-height) + var(--space-4));z-index:20;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:0 8px 24px #1a1a2e1f}.update-banner__text{margin:0;font-size:var(--font-size-sm)}.update-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}