:root{--primary: #0b57d0;--on-primary: #ffffff;--primary-container: #d3e3fd;--on-primary-container: #041e49;--primary-hover: #0842a0;--secondary-container: #c2e7ff;--on-secondary-container: #001d35;--tertiary: #146c2e;--on-tertiary: #ffffff;--tertiary-container: #c4eed0;--on-tertiary-container: #072711;--error: #b3261e;--on-error: #ffffff;--error-container: #fce8e6;--on-error-container: #410e0b;--warning-container: #fef7e0;--on-warning-container: #5c4813;--warning: #a86800;--surface: #ffffff;--surface-dim: #d9dae0;--surface-bright: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #f8fafd;--surface-container: #f0f4f9;--surface-container-high: #e9eef6;--surface-container-highest: #dde3ea;--on-surface: #1f1f1f;--on-surface-variant: #444746;--outline: #747775;--outline-variant: #c4c7c5;--scrim: rgba(0, 0, 0, .32);--inverse-surface: #303030;--inverse-on-surface: #f2f2f2;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 28px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--e1: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--e2: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--e3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);--ease: cubic-bezier(.2, 0, 0, 1);--ease-emph: cubic-bezier(.05, .7, .1, 1);--dur-short: .1s;--dur-medium: .2s;--dur-long: .35s;--appbar-h: 64px;--drawer-w: 264px;--rail-w: 88px;--font: "Roboto Flex", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--surface-container);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit;color:inherit}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0}button{background:none;border:none;cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--primary-container);color:var(--on-primary-container)}*{scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-thumb{background:var(--outline-variant);border:3px solid transparent;border-radius:var(--r-full);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--outline);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.t-display{font-size:36px;line-height:44px;font-weight:400;letter-spacing:0}.t-headline{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.t-headline-sm{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.t-title-lg{font-size:22px;line-height:28px;font-weight:400;letter-spacing:0}.t-title{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.15px}.t-title-sm{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.t-body-lg{font-size:16px;line-height:24px;font-weight:400;letter-spacing:.5px}.t-body{font-size:14px;line-height:20px;font-weight:400;letter-spacing:.25px}.t-body-sm{font-size:12px;line-height:16px;font-weight:400;letter-spacing:.4px}.t-label-lg{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.t-label{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}.t-label-sm{font-size:11px;line-height:16px;font-weight:500;letter-spacing:.5px}.c-on-surface{color:var(--on-surface)}.c-variant{color:var(--on-surface-variant)}.c-primary{color:var(--primary)}.c-error{color:var(--error)}.c-tertiary{color:var(--tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2lh}.clamp-2-fixed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2lh}.state{position:relative;isolation:isolate;overflow:hidden}.state:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--dur-short) var(--ease);pointer-events:none;z-index:-1}.state:hover:after{opacity:.08}.state:focus-visible:after{opacity:.1}.state:active:after{opacity:.1}.state:disabled:after,.state[aria-disabled=true]:after{opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-6);border-radius:var(--r-full);font-size:14px;font-weight:500;letter-spacing:.1px;white-space:nowrap;transition:box-shadow var(--dur-short) var(--ease),background-color var(--dur-short) var(--ease)}.btn:disabled{cursor:not-allowed;opacity:.38}.btn>.sym:first-child{margin-left:-8px}.btn-filled{background:var(--primary);color:var(--on-primary)}.btn-filled:hover:not(:disabled){box-shadow:var(--e1)}.btn-tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-tonal:hover:not(:disabled){box-shadow:var(--e1)}.btn-outlined{background:transparent;color:var(--primary);border:1px solid var(--outline-variant)}.btn-text{background:transparent;color:var(--primary);padding:0 var(--sp-3)}.btn-danger{background:var(--error);color:var(--on-error)}.btn-danger:hover:not(:disabled){box-shadow:var(--e1)}.btn-danger-text{background:transparent;color:var(--error);padding:0 var(--sp-3)}.fab{display:inline-flex;align-items:center;gap:var(--sp-3);height:56px;padding:0 var(--sp-5);border-radius:var(--r-lg);background:var(--primary-container);color:var(--on-primary-container);box-shadow:var(--e3);font-size:14px;font-weight:500;letter-spacing:.1px;transition:box-shadow var(--dur-medium) var(--ease)}.fab:hover{box-shadow:var(--e3),0 0 0 1px #00000005}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--r-full);color:var(--on-surface-variant)}.icon-btn:disabled{opacity:.38;cursor:not-allowed}.icon-btn-sm{width:32px;height:32px}.icon-btn-danger{color:var(--error)}.sym{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;flex:none;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.sym-18{font-size:18px}.sym-24{font-size:24px}.sym-40{font-size:40px}.sym-48{font-size:48px}.sym-fill{font-variation-settings:"FILL" 1}.field{--field-bg: var(--surface);position:relative;display:block}.field-input,.field-textarea,.field-select{width:100%;height:56px;padding:0 var(--sp-4);border:1px solid var(--outline);border-radius:var(--r-xs);background:transparent;font-size:16px;line-height:24px;letter-spacing:.5px;color:var(--on-surface);transition:border-color var(--dur-short) var(--ease),box-shadow var(--dur-short) var(--ease)}.field-textarea{height:auto;min-height:112px;padding:var(--sp-4);resize:vertical;font-family:inherit}.field-select{padding-right:var(--sp-10);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field-select-wrap:after{content:"expand_more";font-family:Material Symbols Outlined;font-size:24px;line-height:1;color:var(--on-surface-variant);position:absolute;right:var(--sp-3);top:16px;pointer-events:none}.field-input:hover,.field-textarea:hover,.field-select:hover{border-color:var(--on-surface)}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.field-label{position:absolute;left:var(--sp-3);top:16px;padding:0 var(--sp-1);background:var(--field-bg);color:var(--on-surface-variant);font-size:16px;line-height:24px;letter-spacing:.5px;pointer-events:none;transform-origin:left top;transition:transform var(--dur-short) var(--ease),color var(--dur-short) var(--ease)}.field-input:focus+.field-label,.field-input:not(:placeholder-shown)+.field-label,.field-textarea:focus+.field-label,.field-textarea:not(:placeholder-shown)+.field-label,.field-select:focus+.field-label,.field-select+.field-label{transform:translateY(-25px) scale(.75)}.field-input:focus+.field-label,.field-textarea:focus+.field-label,.field-select:focus+.field-label{color:var(--primary)}.field-error .field-input,.field-error .field-textarea{border-color:var(--error)}.field-error .field-label{color:var(--error)}.field-help{display:block;padding:var(--sp-1) var(--sp-4) 0;color:var(--on-surface-variant)}.field-help-error{color:var(--error)}.field-foot{display:flex;justify-content:space-between;gap:var(--sp-4);padding-top:var(--sp-1)}.field-count{padding-right:var(--sp-4);color:var(--on-surface-variant);font-variant-numeric:tabular-nums}.field-count-over{color:var(--error)}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;padding:var(--sp-3) 0;text-align:left}.switch-track{position:relative;width:52px;height:32px;flex:none;border-radius:var(--r-full);border:2px solid var(--outline);background:var(--surface-container-highest);transition:background-color var(--dur-medium) var(--ease),border-color var(--dur-medium) var(--ease)}.switch[aria-checked=true] .switch-track{background:var(--primary);border-color:var(--primary)}.switch-thumb{position:absolute;top:50%;left:4px;width:16px;height:16px;border-radius:var(--r-full);background:var(--outline);transform:translateY(-50%);transition:transform var(--dur-medium) var(--ease-emph),width var(--dur-medium) var(--ease-emph),height var(--dur-medium) var(--ease-emph),background-color var(--dur-medium) var(--ease)}.switch[aria-checked=true] .switch-thumb{width:24px;height:24px;left:2px;background:var(--on-primary);transform:translate(20px,-50%)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-4);border:1px solid var(--outline-variant);border-radius:var(--r-sm);background:transparent;color:var(--on-surface-variant);font-size:14px;font-weight:500;letter-spacing:.1px;transition:background-color var(--dur-short) var(--ease),border-color var(--dur-short) var(--ease)}.chip[aria-pressed=true]{background:var(--secondary-container);border-color:transparent;color:var(--on-secondary-container);padding-left:var(--sp-2)}.chip-check{display:none}.chip[aria-pressed=true] .chip-check{display:inline-block}.card{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--outline-variant)}.card-elevated{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--e1)}.card-pad{padding:var(--sp-6)}.card-pad-sm{padding:var(--sp-4)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:40px;margin-bottom:var(--sp-4)}.divider{height:1px;border:0;margin:0;background:var(--outline-variant)}.banner{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface-container-high);color:var(--on-surface)}.banner-warning{background:var(--warning-container);color:var(--on-warning-container)}.banner-success{background:var(--tertiary-container);color:var(--on-tertiary-container)}.banner-error{background:var(--error-container);color:var(--on-error-container)}.banner-body{display:grid;gap:var(--sp-1)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);height:24px;padding:0 var(--sp-2);border-radius:var(--r-sm);background:var(--surface-container-high);color:var(--on-surface-variant);font-size:12px;font-weight:500;letter-spacing:.5px;white-space:nowrap}.badge-success{background:var(--tertiary-container);color:var(--on-tertiary-container)}.badge-warning{background:var(--warning-container);color:var(--on-warning-container)}.badge-info{background:var(--secondary-container);color:var(--on-secondary-container)}.badge-primary{background:var(--primary-container);color:var(--on-primary-container)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--sp-1);border-radius:var(--r-full);background:var(--error);color:var(--on-error);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--r-full);background:var(--primary-container);color:var(--on-primary-container);font-size:16px;font-weight:500;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:14px}.avatar-square{border-radius:var(--r-sm)}.avatar-lg{width:64px;height:64px;font-size:24px}.avatar-xl{width:96px;height:96px;font-size:36px}.shell{display:grid;grid-template-rows:var(--appbar-h) 1fr;grid-template-columns:var(--drawer-w) 1fr;grid-template-areas:"bar bar" "nav main";height:100%;overflow:hidden;transition:grid-template-columns var(--dur-long) var(--ease-emph)}.shell-rail{grid-template-columns:var(--rail-w) 1fr}.appbar{grid-area:bar;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4) 0 var(--sp-2);background:var(--surface-container);color:var(--on-surface);min-width:0}.appbar-brand{display:flex;align-items:center;gap:var(--sp-3);padding-left:var(--sp-2);color:inherit}.appbar-brand:hover{text-decoration:none}.wordmark{font-size:22px;font-weight:500;letter-spacing:-.2px;color:var(--primary)}.appbar-sub{padding-left:var(--sp-2);color:var(--on-surface-variant);border-left:1px solid var(--outline-variant);margin-left:var(--sp-1);white-space:nowrap}.appbar-brand{flex:none;min-height:40px;border-radius:var(--r-full);padding-right:var(--sp-3)}.search{position:relative;display:flex;align-items:center;flex:1;max-width:720px;height:48px;padding:0 var(--sp-2) 0 var(--sp-4);border-radius:var(--r-xl);background:var(--surface-container-high);transition:background-color var(--dur-medium) var(--ease),box-shadow var(--dur-medium) var(--ease)}.search:hover{background:var(--surface-container-highest)}.search-focused{background:var(--surface);box-shadow:var(--e2)}.search-icon{color:var(--on-surface-variant);flex:none}.search-input{flex:1;min-width:0;height:100%;padding:0 var(--sp-3);border:0;background:transparent;font-size:16px;letter-spacing:.15px;color:var(--on-surface)}.search-input:focus{outline:none}.search-input::placeholder{color:var(--on-surface-variant)}.search-disabled{opacity:.5}.appbar-end{display:flex;align-items:center;gap:var(--sp-1);flex:none}.appbar-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-full);margin-left:var(--sp-1)}.drawer{grid-area:nav;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3) var(--sp-4);background:var(--surface-container);overflow-y:auto}.drawer-fab{margin:var(--sp-1) var(--sp-1) var(--sp-4)}.shell-rail .drawer{padding:var(--sp-2) var(--sp-2) var(--sp-4);align-items:center}.shell-rail .drawer-fab{width:56px;padding:0;justify-content:center;margin:var(--sp-1) 0 var(--sp-4)}.shell-rail .fab-label{display:none}.shell-rail .nav-item{flex-direction:column;justify-content:center;gap:2px;width:72px;height:60px;padding:var(--sp-1) 0;border-radius:var(--r-md);text-align:center}.shell-rail .nav-item-label{font-size:11px;line-height:14px;letter-spacing:.4px;width:100%}.shell-rail .nav-item .badge-count{position:absolute;top:var(--sp-1);right:var(--sp-3)}.shell-rail .nav-soon,.shell-rail .drawer-section{display:none}.drawer-section{padding:var(--sp-4) var(--sp-4) var(--sp-2);color:var(--on-surface-variant)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:56px;padding:0 var(--sp-4);border-radius:var(--r-full);color:var(--on-surface-variant);font-size:14px;font-weight:500;letter-spacing:.1px;text-align:left;transition:background-color var(--dur-short) var(--ease),color var(--dur-short) var(--ease)}.nav-item:hover{text-decoration:none}.nav-item-active{background:var(--secondary-container);color:var(--on-secondary-container)}.nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item-muted{color:var(--outline)}.main{grid-area:main;background:var(--surface);border-top-left-radius:var(--r-lg);overflow:hidden;min-width:0}.page{display:flex;flex-direction:column;height:100%;min-width:0}.page-head{display:flex;align-items:center;gap:var(--sp-4);min-height:72px;padding:var(--sp-4) var(--sp-8);flex:none}.page-head-titles{flex:1;min-width:0}.page-head-actions{display:flex;align-items:center;gap:var(--sp-2)}.page-body{flex:1;padding:0 var(--sp-8) var(--sp-8);overflow-y:auto;min-height:0}.page-body-flush{flex:1;padding:0 var(--sp-8) var(--sp-8);overflow:hidden;min-height:0}.tabs{display:flex;gap:var(--sp-2);border-bottom:1px solid var(--outline-variant);margin-bottom:var(--sp-6)}.tab{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);height:48px;padding:0 var(--sp-4);color:var(--on-surface-variant);font-size:14px;font-weight:500;letter-spacing:.1px}.tab:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--primary);opacity:0;transition:opacity var(--dur-short) var(--ease)}.tab[aria-selected=true]{color:var(--primary)}.tab[aria-selected=true]:before{opacity:1}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--sp-4);width:100%;min-height:72px;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);color:var(--on-surface);text-align:left;transition:background-color var(--dur-short) var(--ease)}.row:hover{text-decoration:none}.row-active{background:var(--secondary-container);color:var(--on-secondary-container)}.row-body{flex:1;min-width:0;display:grid;gap:2px}.row-trail{display:flex;align-items:center;gap:var(--sp-1);flex:none}.row-unread .row-title{font-weight:700}.row-unread .row-sub{color:var(--on-surface);font-weight:500}.row-title{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.row-sub{font-size:12px;line-height:16px;color:var(--on-surface-variant);letter-spacing:.4px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4)}.tile{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-container-low);border:1px solid transparent;border-radius:var(--r-md);text-align:left;color:var(--on-surface);transition:background-color var(--dur-short) var(--ease),box-shadow var(--dur-medium) var(--ease)}.tile:hover{background:var(--surface-container);box-shadow:var(--e1)}.tile:has(.tile-open:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.tile-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;border-radius:inherit;cursor:pointer}.tile-open:focus-visible{outline:none}.tile-media{position:relative;aspect-ratio:16 / 10;background:var(--surface-container-high);overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-long) var(--ease-emph)}.tile:hover .tile-media img{transform:scale(1.04)}.tile-media-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--outline)}.tile-badge{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:2}.tile-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-1);padding:var(--sp-3) var(--sp-4) var(--sp-4);align-content:start;flex:1}.tile-head{display:flex;align-items:flex-start;gap:var(--sp-2)}.tile-head .grow{min-width:0}.tile-menu{position:relative;z-index:2;margin:-4px -8px 0 0}.tile-chips{display:flex;gap:var(--sp-1);flex-wrap:wrap;min-height:24px}.tile-media-empty-label{display:grid;justify-items:center;gap:var(--sp-1)}.listing-row{position:relative;display:grid;grid-template-columns:56px minmax(160px,1.4fr) minmax(120px,1fr) 132px 40px;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);transition:background-color var(--dur-short) var(--ease)}.listing-row:hover{background:var(--surface-container)}.listing-row>*{min-width:0}.listing-row+.listing-row{box-shadow:0 -1px 0 var(--outline-variant)}.listing-row:has(.tile-open:focus-visible){outline:3px solid var(--primary);outline-offset:-2px}.listing-thumb{width:56px;height:40px;border-radius:var(--r-xs);overflow:hidden;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--outline)}.listing-thumb img{width:100%;height:100%;object-fit:cover}.listing-head{display:grid;grid-template-columns:56px minmax(160px,1.4fr) minmax(120px,1fr) 132px 40px;gap:var(--sp-4);padding:0 var(--sp-3) var(--sp-2);color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);margin-bottom:var(--sp-1)}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.meta>li:not(:last-child):after{content:"·";margin-left:var(--sp-2);color:var(--outline)}.stat{display:grid;gap:var(--sp-1);padding:var(--sp-5);background:var(--surface-container-low);border-radius:var(--r-md)}.stat-value{font-size:36px;line-height:44px;font-weight:400;font-variant-numeric:tabular-nums}.stat-head{display:flex;align-items:center;gap:var(--sp-2);color:var(--on-surface-variant)}.state-block{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--on-surface-variant)}.state-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--r-full);background:var(--surface-container);color:var(--on-surface-variant)}.state-actions{margin-top:var(--sp-2)}.progress{position:relative;height:4px;border-radius:var(--r-full);background:var(--primary-container);overflow:hidden}.progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:var(--r-full);background:var(--primary);animation:progress-slide 1.6s var(--ease) infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.spinner{width:20px;height:20px;flex:none;border-radius:var(--r-full);border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--sp-6);background:var(--scrim);animation:fade-in var(--dur-medium) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{width:min(640px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--surface-container-high);border-radius:var(--r-xl);box-shadow:var(--e3);animation:dialog-in var(--dur-long) var(--ease-emph)}.dialog-wide{width:min(880px,100%)}@keyframes dialog-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dialog-head{display:grid;gap:var(--sp-2);padding:var(--sp-6) var(--sp-6) var(--sp-4)}.dialog-body{padding:0 var(--sp-6);overflow-y:auto}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-6)}.snackbar{position:fixed;left:var(--sp-6);bottom:var(--sp-6);z-index:50;display:flex;align-items:center;gap:var(--sp-4);min-height:48px;max-width:560px;padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-4);border-radius:var(--r-xs);background:var(--inverse-surface);color:var(--inverse-on-surface);box-shadow:var(--e3);animation:snackbar-in var(--dur-long) var(--ease-emph)}@keyframes snackbar-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.snackbar-action{color:#a8c7fa;padding:0 var(--sp-3);height:36px}.snackbar-error{background:var(--error);color:var(--on-error)}.snackbar-error .snackbar-action{color:var(--on-error)}.stack{display:grid;gap:var(--sp-4)}.stack-sm{display:grid;gap:var(--sp-2)}.stack-lg{display:grid;gap:var(--sp-6)}.stack-xl{display:grid;gap:var(--sp-8)}.cluster{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.cluster-lg{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.push{margin-left:auto}.grow{flex:1;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6) var(--sp-4)}.form-span{grid-column:1 / -1}.col-narrow{max-width:720px}.col-wide{max-width:1120px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth{display:grid;place-items:center;min-height:100%;padding:var(--sp-8);background:var(--surface-container);overflow-y:auto}.auth-card{--field-bg: var(--surface);width:min(460px,100%);padding:var(--sp-10) var(--sp-10) var(--sp-8);background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-xl)}.auth-card-wide{width:min(720px,100%)}.auth-head{display:grid;justify-items:center;gap:var(--sp-2);text-align:center;margin-bottom:var(--sp-8)}.auth-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-8)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.choice{display:grid;gap:var(--sp-1);padding:var(--sp-4);border:1px solid var(--outline-variant);border-radius:var(--r-md);background:var(--surface);color:var(--on-surface);text-align:left;transition:border-color var(--dur-short) var(--ease),background-color var(--dur-short) var(--ease)}.choice[aria-pressed=true]{border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container);box-shadow:inset 0 0 0 1px var(--primary)}.choice-icon{color:var(--primary)}.choice[aria-pressed=true] .choice-icon{color:var(--on-primary-container)}.split{display:grid;grid-template-columns:340px 1fr;gap:var(--sp-4);height:100%;min-height:0}.split-pane{display:flex;flex-direction:column;min-height:0;background:var(--surface-container-low);border-radius:var(--r-md);overflow:hidden}.split-pane-head{flex:none;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.split-scroll{flex:1;overflow-y:auto;padding:0 var(--sp-2) var(--sp-2);min-height:0}.thread-scroll{flex:1;display:flex;flex-direction:column-reverse;gap:var(--sp-2);overflow-y:auto;padding:var(--sp-4) var(--sp-6);min-height:0}.bubble{max-width:min(560px,72%);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--surface-container-high);color:var(--on-surface);overflow-wrap:anywhere}.bubble-mine{align-self:flex-end;background:var(--primary-container);color:var(--on-primary-container)}.bubble-img{margin:calc(-1 * var(--sp-3)) calc(-1 * var(--sp-4)) var(--sp-2)}.bubble-img img{max-height:280px;object-fit:cover;width:100%}.bubble-time{display:block;margin-top:var(--sp-1);opacity:.7;text-align:right}.composer{flex:none;display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--outline-variant);background:var(--surface-container-low)}.composer-input{flex:1;min-height:40px;max-height:120px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--outline-variant);border-radius:var(--r-xl);background:var(--surface);font-size:14px;line-height:20px;resize:none;transition:border-color var(--dur-short) var(--ease)}.composer-input:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.composer-send{width:40px;height:40px;flex:none;border-radius:var(--r-full);background:var(--primary);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center}.composer-send:disabled{background:var(--surface-container-highest);color:var(--outline);cursor:not-allowed}.upload{display:flex;align-items:center;gap:var(--sp-4)}.upload-preview{position:relative;width:112px;height:112px;flex:none;border-radius:var(--r-md);border:1px dashed var(--outline);background:var(--surface-container-low);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--outline)}.upload-preview-filled{border-style:solid;border-color:var(--outline-variant)}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-body{display:grid;gap:var(--sp-2)}.post{display:grid;gap:var(--sp-3);padding:var(--sp-5);background:var(--surface-container-low);border-radius:var(--r-md)}.post-text{overflow-wrap:anywhere;white-space:pre-wrap}.post-media{border-radius:var(--r-sm);overflow:hidden;max-width:420px}.post-stats{display:flex;align-items:center;gap:var(--sp-5);color:var(--on-surface-variant)}.post-stat{display:inline-flex;align-items:center;gap:var(--sp-1)}@media(orientation:portrait){.shell,.auth{display:none!important}}.app-frame{height:100%}.rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;place-items:center;padding:var(--sp-8);background:var(--surface-container);text-align:center}@media(orientation:portrait){.rotate{display:grid}}.rotate-card{display:grid;justify-items:center;gap:var(--sp-4);max-width:420px;padding:var(--sp-10) var(--sp-8);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--e1)}.rotate-icon{display:grid;place-items:center;width:96px;height:96px;border-radius:var(--r-full);background:var(--primary-container);color:var(--on-primary-container);animation:rotate-hint 2.4s var(--ease-emph) infinite}@keyframes rotate-hint{0%,45%{transform:rotate(0)}60%,90%{transform:rotate(90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.menu-anchor{position:relative}.menu{position:absolute;right:0;top:calc(100% + var(--sp-2));z-index:30;min-width:240px;padding:var(--sp-2);background:var(--surface-container);border-radius:var(--r-sm);box-shadow:var(--e2);animation:menu-in var(--dur-medium) var(--ease-emph)}@keyframes menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:48px;padding:0 var(--sp-3);border-radius:var(--r-xs);color:var(--on-surface);font-size:14px;letter-spacing:.25px;text-align:left}.menu-item:hover{text-decoration:none}.menu-item-danger{color:var(--error)}.menu-head{display:grid;gap:2px;padding:var(--sp-3)}.reveal{position:absolute;right:var(--sp-2);top:var(--sp-2)}.dialog-form{--field-bg: var(--surface-container-high)}.dialog-body{padding-bottom:var(--sp-2)}.wizard-steps{display:flex;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-5)}.wizard-step{flex:1 1 0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1);border:none;border-radius:var(--r-full);background:none;color:var(--on-surface-variant);text-align:left;font:inherit}.wizard-step[aria-disabled=true]{cursor:default}.wizard-step:not([aria-disabled=true]){cursor:pointer}.wizard-dot{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-full);border:1px solid var(--outline);background:var(--surface);color:var(--on-surface-variant)}.wizard-step[data-state=done] .wizard-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.wizard-step[data-state=current] .wizard-dot{border-color:var(--primary);border-width:2px;color:var(--primary)}.wizard-step[data-state=current] .wizard-label{color:var(--on-surface)}.wizard-label{min-width:0}.wizard-rule{flex:1 1 0;height:1px;margin-top:12px;background:var(--outline-variant)}.wizard-panel{min-height:320px}.status-select{height:32px;width:auto;max-width:190px;margin-right:auto;padding:0 var(--sp-3);border-radius:var(--r-sm);border-color:var(--outline-variant);font-size:12px;letter-spacing:.4px;color:var(--on-surface-variant)}.conv-head{display:flex;align-items:center;gap:var(--sp-3);flex:none;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low)}.conv-notice{flex:none;padding:var(--sp-4) var(--sp-4) 0}.conv-empty{align-self:center;margin:auto;text-align:center}.post-comments{height:32px;border-radius:var(--r-sm)}.load-more{display:flex;justify-content:center;padding:var(--sp-4) 0}.comments-empty{padding:var(--sp-6) 0}.form-actions{display:flex;gap:var(--sp-2);padding-top:var(--sp-2)}.placeholder-action{display:flex;justify-content:center}.toolbar{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding-bottom:var(--sp-2)}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:var(--sp-1)}.segmented{display:inline-flex;border:1px solid var(--outline-variant);border-radius:var(--r-full);overflow:hidden}.segmented button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:36px;color:var(--on-surface-variant);transition:background-color var(--dur-short) var(--ease)}.segmented button[aria-pressed=true]{background:var(--secondary-container);color:var(--on-secondary-container)}.menu-btn{display:inline-flex;align-items:center;gap:var(--sp-1);height:36px;padding:0 var(--sp-2) 0 var(--sp-3);border-radius:var(--r-sm);color:var(--on-surface-variant);font-size:14px;font-weight:500;letter-spacing:.1px;white-space:nowrap}.tip{position:relative;display:inline-flex}.tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 4px);left:50%;z-index:45;transform:translate(-50%) scale(.9);transform-origin:top center;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-xs);background:var(--inverse-surface);color:var(--inverse-on-surface);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-short) var(--ease),transform var(--dur-short) var(--ease)}.tip:hover:after{opacity:1;transform:translate(-50%) scale(1);transition-delay:.4s}.tip:focus-within:after{opacity:1;transform:translate(-50%) scale(1);transition-delay:0ms}.tip-end:after{left:auto;right:0;transform:translate(0) scale(.9)}.tip-end:hover:after,.tip-end:focus-within:after{transform:translate(0) scale(1)}.skeleton{position:relative;overflow:hidden;background:var(--surface-container);border-radius:var(--r-xs)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.4s var(--ease) infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-media{aspect-ratio:4 / 3;border-radius:0}.skeleton-line{height:12px;border-radius:var(--r-full)}.skeleton-title{height:16px;width:55%;border-radius:var(--r-full)}.menu-start{right:auto;left:0}.menu-divider{margin:var(--sp-1) 0}.menu-check-hidden{visibility:hidden}.skeleton-short{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:var(--r-full);flex:none}.code{display:flex;gap:var(--sp-2);justify-content:center}.code-box{width:48px;height:56px;padding:0;border:1px solid var(--outline);border-radius:var(--r-sm);background:var(--surface);color:var(--on-surface);font-size:24px;font-variant-numeric:tabular-nums;text-align:center;transition:border-color var(--dur-short) var(--ease),box-shadow var(--dur-short) var(--ease)}.code-box:hover:not(:disabled){border-color:var(--on-surface)}.code-box:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.code-box:disabled{opacity:.5;cursor:not-allowed}.code-invalid .code-box{border-color:var(--error)}.code-invalid .code-box:focus{box-shadow:inset 0 0 0 1px var(--error)}.step-count{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--surface-container-high);color:var(--on-surface-variant)}.verify-target{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-width:0}.verify-target strong{min-width:0}.code-error,.code-hint{text-align:center}.code-actions{justify-content:space-between}.appbar-staff{margin-left:var(--sp-1)}.menu-head-badge{justify-self:start;margin-top:var(--sp-1)}.chart{position:relative}.chart-empty{padding:var(--sp-8) 0;text-align:center}.chart-plot{display:flex;align-items:flex-end;gap:2px;height:140px;padding-bottom:var(--sp-2);border-bottom:1px solid var(--outline-variant)}.chart-col{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;height:100%;border-radius:var(--r-xs) var(--r-xs) 0 0;transition:background-color var(--dur-short) var(--ease)}.chart-col-active{background:var(--surface-container)}.chart-bar{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:var(--primary);transition:opacity var(--dur-short) var(--ease)}.chart-col-active .chart-bar{opacity:.85}.chart-peak{position:absolute;bottom:100%;margin-bottom:var(--sp-1);padding:0 var(--sp-1);color:var(--on-surface-variant);white-space:nowrap}.chart-axis{display:flex;justify-content:space-between;padding-top:var(--sp-2)}.chart-tip{position:absolute;top:var(--sp-4);right:var(--sp-4);display:grid;gap:2px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--inverse-surface);color:var(--inverse-on-surface);box-shadow:var(--e2);pointer-events:none}.stat-warning{background:var(--warning-container);color:var(--on-warning-container)}.stat-error{background:var(--error-container);color:var(--on-error-container)}.admin-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-8)}.admin-head,.admin-row{display:grid;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-3)}.admin-head{color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);padding-bottom:var(--sp-2);margin-bottom:var(--sp-1)}.admin-row{width:100%;min-height:56px;border-radius:var(--r-md);color:var(--on-surface);text-align:left;transition:background-color var(--dur-short) var(--ease)}.admin-row+.admin-row{box-shadow:0 -1px 0 var(--outline-variant)}.admin-row:hover{background:var(--surface-container)}.admin-row>*{min-width:0}.admin-cell{display:grid;gap:2px;min-width:0;text-align:left}.admin-right{text-align:right;font-variant-numeric:tabular-nums}.admin-linkish{border-radius:var(--r-sm);padding:var(--sp-1);margin:calc(-1 * var(--sp-1))}.admin-thumb{width:40px;height:40px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--outline)}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-order-grid{grid-template-columns:120px minmax(160px,1.2fr) minmax(160px,1.2fr) 150px 110px}.admin-product-grid{grid-template-columns:40px minmax(200px,2fr) 110px 150px 110px 40px}.admin-customer-grid{grid-template-columns:32px minmax(180px,2fr) 140px 90px 120px 120px}.admin-total{padding-top:var(--sp-3);border-top:1px solid var(--outline-variant)}.mini-stat{padding:var(--sp-3) var(--sp-4);gap:2px}.report-card{display:grid;gap:var(--sp-3);width:100%;text-align:left}.report-reason{overflow-wrap:anywhere;white-space:pre-wrap}.report-parties{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.report-parties-wide{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.report-party{display:flex;align-items:center;gap:var(--sp-3);min-width:0;flex:1}.report-party-flag{justify-self:start;margin-top:2px}