:root{--clr-bg: #F5F3E7;--clr-surface: #EDECD8;--clr-surface2: #E4E3CE;--clr-surface-hover: #E4E3CE;--clr-text: #2C3E2D;--clr-text-secondary: #4A5A4C;--clr-text-muted: #6B7A6D;--clr-primary: #8FA05F;--clr-primary-hover: #4A6535;--clr-primary-text: #2C3E2D;--clr-primary-subtle: rgba(143, 160, 95, .15);--clr-border: #C4CBBA;--clr-border-strong: #9da8a0;--clr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--clr-shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--clr-success: #16a34a;--clr-success-light: #dcfce7;--clr-success-dark: #15803d;--clr-warning: #d97706;--clr-warning-light: #fef9c3;--clr-warning-dark: #a16207;--clr-danger: #dc2626;--clr-danger-light: #fee2e2;--clr-danger-dark: #b91c1c;--clr-gray-50: #f1f5f9;--clr-gray-200: #cbd5e1;--clr-gray-600: #475569;--clr-text-label: rgba(60, 80, 70, 1);--clr-accent-teal: #16a34a;--clr-accent-teal-bg: #dcfce7;--clr-accent-green: #B5C689;--clr-accent-green-text: #2C3E2D;--clr-accent-amber: #d97706;--clr-accent-amber-bg: #fef9c3;--clr-accent-cyan: #0891b2;--clr-accent-status: #16a34a;--clr-accent-status-bg: #dcfce7;--clr-accent-status-border: rgba(22, 163, 74, .22);--clr-accent-status-text: #14532d;--clr-accent: var(--clr-accent-green);--clr-on-accent: var(--clr-accent-green-text);--clr-overlay: rgba(0, 0, 0, .5);--clr-status-ongoing-bg: rgba(22, 163, 74, .12);--clr-status-ongoing-text: #16a34a;--clr-status-done-bg: rgba(100, 116, 139, .12);--clr-status-done-text: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-btn: 14px;--radius-lg: 20px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--touch-min: 44px}[data-theme=dark]{--clr-bg: #161B2A;--clr-surface: #212C42;--clr-surface2: #293550;--clr-surface-hover: #293550;--clr-text: #EEEEF5;--clr-text-secondary: #B8CADB;--clr-text-muted: #9AAFC2;--clr-text-label: rgba(170, 190, 215, 1);--clr-primary-text: #161B2A;--clr-primary-subtle: rgba(158, 186, 84, .2);--clr-border: #3C526E;--clr-border-strong: #4A6A8A;--clr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--clr-shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--clr-gray-50: rgba(255, 255, 255, .05);--clr-gray-200: rgba(255, 255, 255, .12);--clr-gray-600: rgba(255, 255, 255, .4);--clr-accent-teal: #5DCAA5;--clr-accent-teal-bg: rgba(29, 158, 117, .15);--clr-accent-green: #9EBA54;--clr-accent-green-light: #C2D872;--clr-accent-green-text: #122009;--clr-accent-amber: #EF9F27;--clr-accent-amber-bg: rgba(239, 159, 39, .12);--clr-accent-cyan: #22D3EE;--clr-accent-status: #4D9EF0;--clr-accent-status-bg: rgba(77, 158, 240, .12);--clr-accent-status-border: rgba(77, 158, 240, .22);--clr-accent-status-text: #021830;--clr-danger-light: rgba(220, 38, 38, .15);--clr-danger-dark: #f87171;--clr-success-light: rgba(22, 163, 74, .15);--clr-success-dark: #4ade80}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=industrial]):not([data-theme=industrial-dark]){--clr-bg: #161B2A;--clr-surface: #212C42;--clr-surface2: #293550;--clr-surface-hover: #293550;--clr-text: #EEEEF5;--clr-text-secondary: #B8CADB;--clr-text-muted: #9AAFC2;--clr-text-label: rgba(170, 190, 215, 1);--clr-primary-text: #161B2A;--clr-primary-subtle: rgba(158, 186, 84, .2);--clr-border: #3C526E;--clr-border-strong: #4A6A8A;--clr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--clr-shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--clr-gray-50: rgba(255, 255, 255, .05);--clr-gray-200: rgba(255, 255, 255, .12);--clr-gray-600: rgba(255, 255, 255, .4);--clr-accent-teal: #5DCAA5;--clr-accent-teal-bg: rgba(29, 158, 117, .15);--clr-accent-green: #9EBA54;--clr-accent-green-light: #C2D872;--clr-accent-green-text: #122009;--clr-accent-amber: #EF9F27;--clr-accent-amber-bg: rgba(239, 159, 39, .12);--clr-accent-cyan: #22D3EE;--clr-accent-status: #4D9EF0;--clr-accent-status-bg: rgba(77, 158, 240, .12);--clr-accent-status-border: rgba(77, 158, 240, .22);--clr-accent-status-text: #021830;--clr-danger-light: rgba(220, 38, 38, .15);--clr-danger-dark: #f87171;--clr-success-light: rgba(22, 163, 74, .15);--clr-success-dark: #4ade80}}:root{--10x-primary: var(--clr-primary);--10x-primary-hover: var(--clr-primary-hover);--10x-success: var(--clr-success);--10x-success-light: var(--clr-success-light);--10x-warning: var(--clr-warning);--10x-danger: var(--clr-danger);--10x-surface: var(--clr-surface);--10x-background: var(--clr-bg);--10x-text: var(--clr-text);--10x-muted: var(--clr-text-muted);--10x-border: var(--clr-border);--10x-shadow: var(--clr-shadow-sm);--10x-shadow-lg: var(--clr-shadow-lg);--10x-radius: var(--radius-md);--10x-radius-sm: var(--radius-sm);--10x-space-xs: var(--space-xs);--10x-space-sm: var(--space-sm);--10x-space-md: var(--space-md);--10x-space-lg: var(--space-lg);--10x-space-xl: var(--space-xl);--10x-touch-min: var(--touch-min);--bg: var(--clr-bg);--surface: var(--clr-surface);--border: var(--clr-border);--primary: var(--clr-primary);--primary-hover: var(--clr-primary-hover);--danger: var(--clr-danger);--success: var(--clr-success);--warning: var(--clr-warning);--text: var(--clr-text);--text-muted: var(--clr-text-muted);--radius: var(--radius-sm);--shadow: var(--clr-shadow-sm);--hover: var(--clr-surface-hover);--text-primary: var(--clr-text);--text-secondary: var(--clr-text-secondary);--text-label: var(--clr-text-label);--border-strong: var(--clr-border-strong);--accent-teal: var(--clr-accent-teal);--accent-teal-bg: var(--clr-accent-teal-bg);--accent-green: var(--clr-accent-green);--accent-green-text: var(--clr-accent-green-text);--accent-amber: var(--clr-accent-amber);--accent-amber-bg: var(--clr-accent-amber-bg);--accent-cyan: var(--clr-accent-cyan);--accent-status: var(--clr-accent-status);--accent-status-bg: var(--clr-accent-status-bg);--accent-status-border: var(--clr-accent-status-border);--accent-status-text: var(--clr-accent-status-text);--gap-section: 24px;--gap-field: 12px;--gap-label: 4px}[data-theme=industrial]{--clr-bg: #f8f9fa;--clr-surface: #f3f4f5;--clr-surface2: #edeeef;--clr-surface-hover: #e7e8e9;--clr-text: #191c1d;--clr-text-primary: #191c1d;--clr-text-secondary: #434749;--clr-text-muted: #747879;--clr-text-label: #434749;--clr-primary: #002317;--clr-primary-hover: #003b28;--clr-primary-text: #ffffff;--clr-primary-subtle: rgba(0, 35, 23, .08);--clr-border: #c4c7c8;--clr-border-strong: #747879;--clr-shadow-sm: 0 2px 8px rgba(25, 28, 29, .06);--clr-shadow-lg: 0 12px 32px rgba(25, 28, 29, .06);--clr-accent-green: #70fbc4;--clr-accent-green-text: #002317;--clr-accent-teal: #006c4d;--clr-accent-teal-bg: rgba(0, 108, 77, .08);--clr-accent-amber: #fc9029;--clr-accent-amber-bg: rgba(252, 144, 41, .12);--radius-sm: 4px;--radius-md: 6px;--radius-btn: 6px;--radius-lg: 8px}[data-theme=industrial-dark]{--clr-bg: #1a1f2e;--clr-surface: #252b3b;--clr-surface2: #2e3648;--clr-surface-hover: #2e3648;--clr-text: #e8eaf0;--clr-text-primary: #e8eaf0;--clr-text-secondary: #B8CADB;--clr-text-muted: #9AAFC2;--clr-text-label: rgba(170, 190, 215, 1);--clr-primary: #16a34a;--clr-primary-hover: #15803d;--clr-primary-text: #ffffff;--clr-primary-subtle: rgba(107, 159, 196, .15);--clr-border: #3C526E;--clr-border-strong: #4A6A8A;--clr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--clr-shadow-lg: 0 12px 32px rgba(0, 0, 0, .3);--clr-accent-green: #6b9fc4;--clr-accent-green-light: #8fbbd8;--clr-accent-green-text: #0d2a3d;--clr-accent-teal: #6b9fc4;--clr-accent-teal-bg: rgba(107, 159, 196, .15);--clr-accent-amber: #EF9F27;--clr-accent-amber-bg: rgba(239, 159, 39, .12);--clr-danger: #dc2626;--clr-danger-light: rgba(220, 38, 38, .15);--clr-danger-dark: #f87171;--clr-success: #16a34a;--clr-success-light: rgba(22, 163, 74, .15);--clr-success-dark: #4ade80;--clr-gray-50: rgba(255, 255, 255, .05);--clr-gray-200: rgba(255, 255, 255, .12);--clr-gray-600: rgba(255, 255, 255, .4);--radius-sm: 4px;--radius-md: 6px;--radius-btn: 6px;--radius-lg: 8px}.msp{max-width:600px;margin:0 auto;padding:1.5rem 1rem;font-family:var(--font-body, system-ui, sans-serif);color:var(--clr-text, #1a1a2e);background:var(--clr-bg, #f5f5f5);min-height:100vh}.msp__loading,.msp__error{text-align:center;padding:3rem 1rem}.msp__error h1{font-size:1.25rem;margin-bottom:.5rem}.msp__error p{color:var(--clr-text-muted, #666)}.msp__header{margin-bottom:1.5rem}.msp__logo{display:block;width:160px;height:auto;margin-bottom:1rem;color:var(--clr-text, #1a1a2e)}.msp__header h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.msp__meta{font-size:.85rem;color:var(--clr-text-muted, #888);margin:0}.msp__actions{display:flex;gap:.5rem;margin-bottom:1.5rem}.msp__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border:1px solid var(--clr-border, #ccc);border-radius:6px;background:var(--clr-surface, #fff);color:var(--clr-text, #1a1a2e);font-size:.85rem;cursor:pointer;transition:background .15s}.msp__btn:hover{background:var(--clr-surface-hover, #eee)}.msp__empty{text-align:center;color:var(--clr-text-muted, #888);padding:2rem 0}.msp__group{margin-bottom:1.5rem}.msp__group-title{font-size:.95rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--clr-border, #ddd)}.msp__list{list-style:none;margin:0;padding:0}.msp__row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--clr-border-subtle, #eee)}.msp__row:last-child{border-bottom:none}.msp__row-text{display:flex;flex-wrap:wrap;gap:.25rem .5rem;flex:1;min-width:0}.msp__row-name{font-size:.9rem}.msp__row-qty{font-size:.9rem;font-weight:600;white-space:nowrap}.msp__row-copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--clr-text-muted, #888);cursor:pointer;border-radius:4px;transition:background .15s}.msp__row-copy:hover{background:var(--clr-surface-hover, #eee)}.msp__footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--clr-border, #ddd);text-align:center}.msp__footer p{font-size:.8rem;color:var(--clr-text-muted, #888);margin:0}@media print{.msp__actions,.msp__row-copy{display:none}.msp{max-width:none;padding:0}}
