:root{--color-primary: #c0392b;--color-primary-dark: #96281b;--color-surface: #ffffff;--color-surface-alt: #f5f5f5;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-muted: #757575;--color-nav-active: var(--color-primary);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--sidebar-width: 240px;--bottom-nav-height: 56px;--header-height: 56px;--font-family: system-ui, -apple-system, sans-serif;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-h1: 22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-surface-alt);-webkit-text-size-adjust:100%}body{min-height:100dvh;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}input{font:inherit}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-surface-alt)}.login-card{width:100%;max-width:400px;background:var(--color-surface);border-radius:8px;padding:var(--spacing-xl);box-shadow:0 2px 8px #00000014}.login-title{font-size:var(--font-size-h1);font-weight:700;margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-error{color:var(--color-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm);background:#fdf0ef;border-radius:4px}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.form-field input{padding:10px var(--spacing-sm);border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-base);outline:none;transition:border-color .15s}.form-field input:focus{border-color:var(--color-primary)}.btn-primary{padding:12px;background:var(--color-primary);color:#fff;border-radius:6px;font-size:var(--font-size-base);font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.app-shell{display:flex;min-height:100dvh}.app-shell__sidebar{display:none}@media(min-width:768px){.app-shell__sidebar{display:flex}}.app-shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.app-shell__content{flex:1;padding:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md));overflow-y:auto}@media(min-width:768px){.app-shell__content{padding-bottom:var(--spacing-md)}}.app-shell__bottom-nav{display:flex}@media(min-width:768px){.app-shell__bottom-nav{display:none}}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}@media(min-width:768px){.mobile-header{display:none}}.mobile-header__user{font-size:var(--font-size-sm);color:var(--color-text-muted)}.mobile-header__logout{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.mobile-header__logout:hover{text-decoration:underline}.sidebar{width:var(--sidebar-width);height:100dvh;position:sticky;top:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar__header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar__logo{font-weight:700;font-size:var(--font-size-base);color:var(--color-primary)}.sidebar__nav{flex:1;display:flex;flex-direction:column;padding:var(--spacing-sm) 0}.sidebar__nav-section{display:flex;flex-direction:column}.sidebar__nav-section-label{padding:10px var(--spacing-md);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.sidebar__nav-item{padding:10px var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);border-left:3px solid transparent;transition:background .1s,border-color .1s}.sidebar__nav-item:hover{background:var(--color-surface-alt)}.sidebar__nav-item--active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-surface-alt);font-weight:500}.sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar__user{font-size:var(--font-size-sm);color:var(--color-text-muted)}.sidebar__logout{font-size:var(--font-size-sm);color:var(--color-primary);text-align:left;padding:0}.sidebar__logout:hover{text-decoration:underline}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;z-index:100}.bottom-nav__item{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-text-muted);transition:color .1s}.bottom-nav__item--active{color:var(--color-primary);font-weight:600}.bottom-nav__label{display:block}.placeholder-page{padding:var(--spacing-md) 0}.placeholder-page h1{font-size:var(--font-size-h1);font-weight:700;margin-bottom:var(--spacing-sm)}.placeholder-page__note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.page__title{font-size:var(--font-size-h1);font-weight:700;margin-bottom:var(--spacing-md)}.back-link{display:inline-block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.back-link:hover{color:var(--color-primary)}.detail{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail__header{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap}.detail__title{font-size:var(--font-size-h1);font-weight:700;flex:1}.detail__meta{display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.detail__meta dt{color:var(--color-text-muted)}.detail__meta dd{color:var(--color-text)}.detail__body{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text)}.detail__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.item-list__item--link{cursor:pointer;transition:border-color .1s,box-shadow .1s}.item-list__item--link:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #0000000f}.state-note{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--spacing-md) 0}.item-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.item-list__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-list__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.item-list__title{font-weight:600;font-size:var(--font-size-base);flex:1}.item-list__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.item-list__body{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5;margin-top:var(--spacing-xs)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge--pinned{background:#fff3e0;color:#e65100;border-color:#ffcc80}.attendance-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap;background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.attendance-status--yes{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.attendance-status--no{background:#ffebee;color:#c62828;border-color:#ef9a9a}.attendance-status--maybe{background:#fff8e1;color:#f57f17;border-color:#ffe082}.attendance-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.attendance-btn{padding:6px 14px;border-radius:6px;font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:background .1s,border-color .1s,color .1s}.attendance-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.attendance-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.attendance-btn--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.attendance-btn--clear{color:var(--color-text-muted);margin-left:auto}.attendance-btn--clear:hover{color:var(--color-primary);border-color:var(--color-primary)}.attendance-note{margin-top:var(--spacing-sm)}.attendance-note__add{font-size:var(--font-size-sm);color:var(--color-text-muted)}.attendance-note__add:hover{color:var(--color-primary);text-decoration:underline}.attendance-note__preview{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--color-surface-alt);border-radius:6px;padding:var(--spacing-sm)}.attendance-note__text{font-size:var(--font-size-sm);flex:1;color:var(--color-text)}.attendance-note__edit{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}.attendance-note__edit:hover{color:var(--color-primary);text-decoration:underline}.attendance-note__form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attendance-note__input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-sm);resize:vertical;outline:none}.attendance-note__input:focus{border-color:var(--color-primary)}.attendance-note__actions{display:flex;gap:var(--spacing-sm)}.costume-category{padding:0;overflow:hidden}.costume-category__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);text-align:left;background:none}.costume-category__header:hover{background:var(--color-surface-alt)}.costume-category__toggle{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.costume-items{list-style:none;border-top:1px solid var(--color-border)}.costume-items__item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.costume-items__item:last-child{border-bottom:none}.costume-items__name{font-size:var(--font-size-sm);font-weight:500;flex:1}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard__section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;margin-bottom:var(--spacing-sm)}.badge--condition-good{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.badge--condition-needs-repair{background:#fff8e1;color:#f57f17;border-color:#ffe082}.badge--condition-damaged{background:#ffebee;color:#c62828;border-color:#ef9a9a}.badge--condition-retired{background:var(--color-surface-alt);color:var(--color-text-muted)}