.mobile-bottom-nav{display:none}@media (width<=768px){.mobile-bottom-nav{z-index:1000;background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e2e8f0);padding-bottom:env(safe-area-inset-bottom);justify-content:stretch;align-items:stretch;min-height:56px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000a}.mobile-bottom-nav__item{min-width:56px;min-height:56px;color:var(--color-text-faint,#64748b);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast,.12s ease);background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.mobile-bottom-nav__item:hover,.mobile-bottom-nav__item:focus-visible{color:var(--color-primary,#1e40af);background:var(--color-bg,#f8fafc);outline:none}.mobile-bottom-nav__item.is-active{color:var(--color-primary,#1e40af)}.mobile-bottom-nav__icon{font-size:1.4rem;line-height:1}.mobile-bottom-nav__label{font-size:.7rem;line-height:1.2}.mobile-bottom-nav__item--primary{color:var(--color-primary,#1e40af)}.mobile-bottom-nav__icon--primary{background:var(--color-primary,#1e40af);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-md,0 2px 8px #00000014);border-radius:50%;justify-content:center;align-items:center;margin-top:-10px;font-size:1.4rem;font-weight:700;display:inline-flex}.app-shell .view-content{padding:16px 16px 72px!important}}.page-footer{align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e2e8f0);z-index:5;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000a}.page-footer__primary{gap:var(--space-2,8px);flex:auto;min-width:0;display:flex}.page-footer__actions{gap:var(--space-2,8px);flex-shrink:0;display:flex}.page-footer .btn{min-width:44px;min-height:44px}@media (width<=768px){.page-footer{z-index:999;padding:var(--space-2,8px) var(--space-3,12px);position:fixed;bottom:56px;left:0;right:0}.page-footer .btn{flex:1;min-height:48px}.has-page-footer .app-shell .view-content,.app-shell .view-content.has-page-footer{padding:16px 16px 124px!important}}.collapsible-section{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,8px);margin-bottom:var(--space-3,12px);overflow:hidden}.collapsible-section__header{justify-content:space-between;align-items:center;gap:var(--space-2,8px);width:100%;padding:var(--space-3,12px) var(--space-4,16px);text-align:left;color:var(--color-text,#1e293b);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast,.12s ease);background:0 0;border:0;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.collapsible-section__header:hover,.collapsible-section__header:focus-visible{background:var(--color-bg,#f8fafc);outline:none}.collapsible-section__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.collapsible-section__badge{margin-left:var(--space-2,8px);border-radius:var(--radius-full,9999px);background:var(--color-bg,#f1f5f9);color:var(--color-text-dim,#64748b);padding:2px 8px;font-size:.75rem;font-weight:600}.collapsible-section__toggle{width:32px;height:32px;color:var(--color-text-faint,#64748b);transition:transform var(--transition-base,.18s ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.collapsible-section.is-expanded .collapsible-section__toggle{transform:rotate(90deg)}.collapsible-section__body{padding:var(--space-3,12px) var(--space-4,16px) var(--space-4,16px);border-top:1px solid var(--color-border-light,#f1f5f9)}@media (width<=768px){.collapsible-section__header{min-height:48px;padding:14px var(--space-4,16px);font-size:1rem}.collapsible-section__toggle{width:44px;height:44px;font-size:1.1rem}}.smart-hint-bar{gap:var(--space-2,8px);margin-bottom:var(--space-3,12px);flex-direction:column;display:flex}.smart-hint{align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-md,6px);border:1px solid #0000;font-size:.85rem;display:flex}.smart-hint__icon{flex-shrink:0;font-size:1rem;line-height:1}.smart-hint__text{flex:1;min-width:0}.smart-hint--warning{background:var(--color-warning-light,#fef3c7);color:var(--color-warning,#b45309);border-color:#fde68a}.smart-hint--info{background:var(--color-info-light,#cffafe);color:var(--color-info,#0891b2);border-color:#a5f3fc}.smart-hint--success{background:var(--color-success-light,#d1fae5);color:var(--color-success,#16a34a);border-color:#bbf7d0}@media (width<=768px){.page-sticky-header{z-index:10;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e2e8f0);padding:var(--space-2,8px) var(--space-3,12px);align-items:center;gap:var(--space-2,8px);min-height:56px;display:flex;position:sticky;top:0}.page-sticky-header__back,.page-sticky-header__close{min-width:44px;min-height:44px;color:var(--color-text-muted,#475569);cursor:pointer;border-radius:var(--radius-md,6px);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;font-size:1.4rem;text-decoration:none;display:inline-flex}.page-sticky-header__back:hover,.page-sticky-header__close:hover,.page-sticky-header__back:focus-visible,.page-sticky-header__close:focus-visible{background:var(--color-bg,#f1f5f9);color:var(--color-primary,#1e40af);outline:none}.page-sticky-header__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text,#1e293b);flex:1;font-size:1rem;font-weight:600;overflow:hidden}.page-sticky-header__title small{color:var(--color-text-dim,#64748b);font-size:.75rem;font-weight:400;display:block}.page-context-bar{padding:var(--space-2,8px) var(--space-3,12px);background:var(--color-bg,#f8fafc);border-bottom:1px solid var(--color-border,#e2e8f0);color:var(--color-text-dim,#64748b);font-size:.8rem;line-height:1.5}.page-context-bar__row{gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.page-context-bar__row+.page-context-bar__row{margin-top:2px}.page-header .header-actions .btn,.page-actions .btn{min-width:44px;min-height:44px;padding:8px 14px}}