.pos-viewport{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-page);transition:background .3s var(--ease-out)}.pos-stage{flex-shrink:0;transform-origin:center center}:root{--brand-green: #248A55;--brand-green-deep: #2E8B57;--brand-green-soft: #EAF7EF;--brand-green-mist: #E7F6ED;--brand-green-pale: #F4FBF6;--amber: #C4872D;--amber-deep: #A36B1A;--amber-soft: #FDF9F1;--danger: #C4553B;--danger-soft: #FBF1EE;--bg-page: #F4F7F4;--bg-group: #F8FAF8;--bg-row: #F1F5F2;--border-soft: #E6ECE7;--text-primary: #1D2A22;--text-secondary: #718076;--text-tertiary: #97A39B;--text-on-green: #FFFFFF;--status-online: #248A55;--status-offline: #C4553B;--status-pending: #C4872D;--status-done: #2E8B57;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-xs: 13px;--font-sm: 14px;--font-base: 15px;--font-md: 16px;--font-lg: 17px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 22px;--font-4xl: 24px;--font-hero: 44px;--header-h: 72px;--dock-h: 64px;--content-w: 1440px;--content-h: 900px;--ease-apple: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-snappy: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.25, .1, .25, 1);--dur-press: .1s;--dur-toggle: .2s;--dur-emphasis: .3s;--dur-page: .35s;--dur-reveal: .4s;--glass-blur: 20px;--glass-saturate: 1.8;--glass-bg: color-mix(in srgb, #FFFFFF 72%, var(--brand-green));--glass-bg-strong: color-mix(in srgb, #FFFFFF 85%, var(--brand-green));--glass-border: rgba(255, 255, 255, .3);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--glass-hero-bg: rgba(255, 255, 255, .14);--glass-hero-border: rgba(255, 255, 255, .28);--glass-hero-blur: 18px;--bg-page: color-mix(in srgb, var(--brand-green) 5%, #FFFFFF);--bg-card: #FFFFFF;--bg-group: color-mix(in srgb, var(--brand-green) 3.5%, #FFFFFF);--bg-row: color-mix(in srgb, var(--brand-green) 7%, #FFFFFF);--border-soft: color-mix(in srgb, var(--brand-green) 12%, #FFFFFF);--text-primary: color-mix(in srgb, var(--brand-green) 30%, #10180F);--text-secondary: color-mix(in srgb, var(--brand-green) 22%, #5A655C);--text-tertiary: color-mix(in srgb, var(--brand-green) 14%, #8A948D)}:root,:root[data-theme=green]{--brand-green: #248A55;--brand-green-deep: #2E8B57;--brand-green-soft: #EAF7EF;--brand-green-mist: #E7F6ED;--brand-green-pale: #F4FBF6;--amber: #C4872D;--amber-deep: #A36B1A;--amber-soft: #FDF9F1;--danger: #C4553B;--danger-soft: #FBF1EE;--status-online: #248A55;--status-offline: #C4553B;--status-pending: #C4872D;--status-done: #2E8B57;--hero-from: #1B6E42;--hero-mid: #248A55;--hero-to: #33A066}:root[data-theme=olive]{--brand-green: #5C6B3C;--brand-green-deep: #6E7E4A;--brand-green-soft: #EDF0E4;--brand-green-mist: #F0F3E8;--brand-green-pale: #F5F6EE;--amber: #C9B458;--amber-deep: #A08F3E;--amber-soft: #FBF7E8;--danger: #A05336;--danger-soft: #FAF0EB;--status-online: #5C6B3C;--status-offline: #A05336;--status-pending: #C9B458;--status-done: #6E7E4A;--hero-from: #4A5730;--hero-mid: #5C6B3C;--hero-to: #6F8049}:root[data-theme=grape]{--brand-green: #6B4E9E;--brand-green-deep: #7D63AC;--brand-green-soft: #F0EBF7;--brand-green-mist: #F3EFF9;--brand-green-pale: #F8F5FB;--amber: #B8945E;--amber-deep: #9A7848;--amber-soft: #FAF4E9;--danger: #B0524E;--danger-soft: #FAEFEE;--status-online: #6B4E9E;--status-offline: #B0524E;--status-pending: #B8945E;--status-done: #7D63AC;--hero-from: #543D7E;--hero-mid: #6B4E9E;--hero-to: #8267B4}:root[data-theme=morandi]{--brand-green: #5B7C9E;--brand-green-deep: #6E8DAC;--brand-green-soft: #EBF0F5;--brand-green-mist: #EFF3F7;--brand-green-pale: #F5F8FA;--amber: #B8955E;--amber-deep: #9A7A48;--amber-soft: #FAF4E9;--danger: #A0524E;--danger-soft: #FAEFEE;--status-online: #5B7C9E;--status-offline: #A0524E;--status-pending: #B8955E;--status-done: #6E8DAC;--hero-from: #47627F;--hero-mid: #5B7C9E;--hero-to: #7091B3}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;background:var(--bg-page);color:var(--text-primary);font-size:var(--font-sm);line-height:1.4;-webkit-font-smoothing:antialiased;user-select:none}.pos-screen{width:var(--content-w);height:var(--content-h);background:var(--bg-page);display:flex;flex-direction:column;position:relative;overflow:hidden}.pos-screen>*{position:relative;z-index:1}.pos-content{flex:1;overflow:hidden;padding:14px 40px 10px;display:flex;flex-direction:column;gap:var(--space-xl)}.pos-workspace{flex:1;display:flex;gap:var(--space-2xl);min-height:0}.pos-workspace--main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-lg);overflow:hidden}.pos-workspace--side{width:392px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);padding:var(--space-xl)}.card--group{background:var(--bg-group)}.group-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:14px 20px;border-radius:var(--radius-md);background:var(--bg-row)}.group-row__label{font-size:var(--font-base);color:var(--text-secondary);white-space:nowrap}.group-row__value{font-size:var(--font-base);color:var(--text-primary);font-weight:500;text-align:right}.group-row--green .group-row__value{color:var(--status-done);font-weight:600}.group-row--amber .group-row__value{color:var(--amber-deep);font-weight:600}.group-row--danger .group-row__value{color:var(--danger);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:transform .1s var(--ease-snappy),box-shadow .1s var(--ease-snappy),filter .15s var(--ease-out);font-family:inherit;position:relative;overflow:hidden}.btn:active{transform:scale(.95);filter:brightness(.94)}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.35) 0%,transparent 60%);opacity:0;transition:opacity .2s var(--ease-out);pointer-events:none}.btn:active:after{opacity:1}.btn--primary{background:var(--brand-green);color:var(--text-on-green);min-height:56px;padding:0 var(--space-3xl);box-shadow:0 4px 14px color-mix(in srgb,var(--brand-green) 30%,transparent)}.btn--primary:disabled{opacity:.5}.btn--ghost{background:var(--brand-green-soft);color:var(--brand-green);min-height:48px;padding:0 var(--space-xl)}.btn--danger{background:var(--danger-soft);color:var(--danger);min-height:48px;padding:0 var(--space-xl)}.btn--plain{background:var(--bg-row);color:var(--text-primary);min-height:48px;padding:0 var(--space-xl)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:var(--font-xs);font-weight:500;white-space:nowrap}.badge--green{background:var(--brand-green-soft);color:var(--brand-green)}.badge--amber{background:var(--amber-soft);color:var(--amber-deep)}.badge--gray{background:var(--bg-row);color:var(--text-secondary)}.pos-header{height:72px;margin:14px 20px 0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-radius:22px;background:var(--bg-card);border:1px solid var(--border-soft);flex-shrink:0}.pos-header__brand{display:flex;flex-direction:column;gap:2px}.pos-header__name{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary)}.pos-header__date{font-size:var(--font-sm);color:var(--text-secondary)}.pos-header__right{display:flex;align-items:center;gap:var(--space-lg)}.back-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-soft);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);flex-shrink:0}.back-btn:active{transform:scale(.94)}.pos-dock{height:64px;margin:0 20px 14px;border-radius:24px;background:var(--bg-card);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;gap:64px;flex-shrink:0}.dock-item{width:112px;height:54px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;background:transparent;border:none;font-family:inherit;transition:background .15s ease}.dock-item__icon{width:22px;height:22px;color:var(--text-secondary)}.dock-item__label{font-size:12px;color:var(--text-secondary);font-weight:400}.dock-item--active{background:var(--brand-green-soft)}.dock-item--active .dock-item__icon{color:var(--brand-green)}.dock-item--active .dock-item__label{color:var(--brand-green);font-weight:600}.list-reveal-item{width:100%}::-webkit-scrollbar{width:0;height:0}.modal-mask{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-3xl);width:480px;box-shadow:0 20px 60px #0000002e}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce){.glass,.glass--header,.glass--dock,.glass--modal,.glass--toast{backdrop-filter:blur(6px) saturate(1)!important;background:#ffffffeb!important}}.glass{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--glass-shadow)}.glass--dock{backdrop-filter:blur(28px) saturate(2.2);-webkit-backdrop-filter:blur(28px) saturate(2.2);background:color-mix(in srgb,var(--brand-green) 8%,rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80,0 8px 32px #0000001f}.glass--header{backdrop-filter:blur(28px) saturate(2.2);-webkit-backdrop-filter:blur(28px) saturate(2.2);background:color-mix(in srgb,var(--brand-green) 6%,rgba(255,255,255,.6));border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80,0 4px 24px #00000014}.glass--modal{backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);background:#ffffffe6;border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),0 24px 64px #0000002e}.glass--toast{backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);background:#1d2a22d1}.modal-mask{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000059}.page-fade-enter-active{transition:opacity .42s var(--ease-spring),transform .42s var(--ease-spring),filter .42s var(--ease-apple)}.page-fade-leave-active{transition:opacity .26s var(--ease-out),transform .26s var(--ease-out),filter .26s var(--ease-out)}.page-fade-enter-from{opacity:0;transform:translate(40px) scale(.965);filter:blur(6px)}.page-fade-leave-to{opacity:0;transform:translate(-24px) scale(.98);filter:blur(3px)}.reveal-item{animation:reveal-in var(--dur-reveal) var(--ease-spring) backwards;animation-fill-mode:backwards}@keyframes reveal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.reveal-item{animation:none!important}}.pressable{transition:transform var(--dur-press) var(--ease-snappy),box-shadow var(--dur-press) var(--ease-snappy);will-change:transform}.pressable:active{transform:scale(.97)}.modal-pop-enter-active,.modal-pop-leave-active{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.modal-pop-enter-from,.modal-pop-leave-to{opacity:0;transform:scale(.95)}