:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#ecf6f1;--brand-100:#d3ebde;--brand-200:#a6d6be;--brand-300:#74be9c;--brand-400:#4ea683;--brand-500:#2d8d6c;--brand-600:#196b50;--brand-700:#135a43;--brand-800:#124735;--brand-900:#0e3a2c;--brand-950:#082117;--neutral-0:#fff;--neutral-50:#f7f9f7;--neutral-100:#eef3ef;--neutral-200:#d6dfd8;--neutral-300:#bcc6bd;--neutral-400:#8a968e;--neutral-500:#5a675f;--neutral-600:#3f4942;--neutral-700:#2a322c;--neutral-800:#1c2520;--neutral-900:#11181f;--success-50:#e6f6ec;--success-500:#2c8a51;--success-700:#1d6238;--success-bg:#e6f6ec;--warning-50:#fff4df;--warning-100:#ffe6b8;--warning-500:#b6791f;--warning-700:#7a4f10;--warning-bg:#fff4df;--danger-50:#fde8e8;--danger-500:#c43d3d;--danger-700:#8c2424;--danger-bg:#fde8e8;--info-50:#e6f1f9;--info-500:#2b6fb0;--info-700:#1c4d7d;--info-bg:#e6f1f9;--page:var(--neutral-50);--surface:var(--neutral-0);--surface-raised:var(--neutral-0);--surface-muted:var(--neutral-100);--surface-sunken:#f1f5f1;--text:var(--neutral-800);--text-strong:var(--neutral-900);--text-muted:var(--neutral-500);--text-soft:var(--neutral-400);--text-on-brand:#fff;--line:var(--neutral-200);--line-strong:var(--neutral-300);--accent:var(--brand-600);--accent-strong:var(--brand-800);--accent-soft:var(--brand-50);--accent-hover:var(--brand-700);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f18130d;--shadow-sm:0 2px 6px #0f18130f;--shadow-md:0 6px 16px #0f181314;--shadow-lg:0 12px 32px #0f18131a;--shadow-xl:0 20px 48px #0f181324;--shadow-focus:0 0 0 3px #196b504d;--shadow-focus-danger:0 0 0 3px #c43d3d52;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-10:56px;--text-xs:.75rem;--text-sm:.85rem;--text-base:.95rem;--text-md:1rem;--text-lg:1.08rem;--text-xl:1.2rem;--text-2xl:1.45rem;--text-3xl:1.7rem;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.55;--leading-relaxed:1.7;--t-fast:80ms;--t-base:.14s;--t-slow:.22s;--easing:cubic-bezier(.2, .7, .2, 1);--tap-min:44px}*,:before,:after{box-sizing:border-box}html{background:var(--page);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;min-height:100%}body{min-height:100%;color:var(--text);background:radial-gradient(1200px 400px at 50% -10%, #196b501a, transparent 70%), var(--page);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:var(--text-md);line-height:var(--leading-normal);letter-spacing:.005em;font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,textarea,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}a{color:var(--accent-strong);transition:color var(--t-fast) var(--easing);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.app-shell{width:min(100%,720px);min-height:100dvh;margin:0 auto;padding:0 16px 28px}.app-shell>:not(.top-bar){position:relative}.top-bar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffd9;justify-content:space-between;align-items:center;gap:8px;min-height:60px;margin:0 -16px 18px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px #0f181305}.top-bar__nav{flex-shrink:0;align-items:center;gap:4px;min-width:0;display:inline-flex}.top-bar__back{min-height:var(--tap-min);border-radius:var(--radius-md);color:var(--accent-strong);font-size:var(--text-base);cursor:pointer;transition:background var(--t-fast) var(--easing), color var(--t-fast) var(--easing);background:0 0;border:0;align-items:center;gap:4px;padding:0 12px;font-weight:600;display:inline-flex}.top-bar__back:hover{background:var(--accent-soft);color:var(--accent-hover)}.top-bar__back:active{background:var(--brand-100)}.top-bar__history{position:relative}.top-bar__history>summary{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-md);cursor:pointer;color:var(--accent-strong);-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--easing);background:0 0;justify-content:center;align-items:center;list-style:none;display:inline-flex}.top-bar__history>summary::-webkit-details-marker{display:none}.top-bar__history>summary:hover,.top-bar__history[open]>summary{background:var(--accent-soft);color:var(--accent-hover)}.top-bar__history-menu{z-index:30;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;max-width:320px;max-height:360px;animation:dd-in .14s var(--easing);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.top-bar__history-menu li{margin:0}.top-bar__history-menu a{min-height:40px;color:var(--text);font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-md);transition:background var(--t-fast) var(--easing), color var(--t-fast) var(--easing);align-items:center;gap:10px;padding:8px 12px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.top-bar__history-menu a:before{content:"";background:var(--brand-300);border-radius:50%;flex-shrink:0;width:6px;height:6px}.top-bar__history-menu a:hover,.top-bar__history-menu a:focus-visible{background:var(--accent-soft);color:var(--accent-hover)}.top-bar h1{min-width:0;color:var(--accent-strong);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;margin:0;padding-left:8px;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);font-weight:750;line-height:1.2;overflow:hidden}.top-bar--center h1{text-align:center;padding-left:0;padding-right:0}.top-bar--center .top-bar__nav{display:none}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base) var(--easing);padding:20px}.panel h2{font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--text-strong);margin:0 0 10px;font-weight:700}.panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel__title{font-size:var(--text-xl);color:var(--text-strong);font-weight:700;line-height:var(--leading-snug);letter-spacing:-.01em;margin:0}.panel__action{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.panel__body{display:contents}.panel__footer{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.panel--hoverable{cursor:pointer;transition:transform var(--t-base) var(--easing), box-shadow var(--t-base) var(--easing), border-color var(--t-base) var(--easing)}.panel--hoverable:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200);transform:translateY(-2px)}.panel p{color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);overflow-wrap:anywhere;margin:0}.account-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);gap:12px;margin-bottom:14px;padding:16px 18px;display:grid}.account-strip>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.account-strip span{color:var(--text-muted);font-size:var(--text-sm);line-height:1.35}.account-strip strong{color:var(--accent-strong);font-size:var(--text-md);text-align:right;font-weight:700;line-height:1.35}.account-strip small{color:var(--text-soft);font-size:var(--text-xs);line-height:1.4}.account-strip p{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.account-strip__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.summary-band div{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);min-height:88px;box-shadow:var(--shadow-xs);transition:transform var(--t-base) var(--easing), box-shadow var(--t-base) var(--easing);padding:14px}.summary-band div:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.summary-band span,.action-tile span,.list-row span,.stock-row span,.stock-row dt,.party-card span,.user-row span,.meta-panel span{color:var(--text-muted);font-size:var(--text-sm);line-height:1.4;display:block}.summary-band strong{color:var(--accent-strong);letter-spacing:-.01em;margin-top:8px;font-size:1.7rem;font-weight:750;line-height:1;display:block}.summary-band small{color:var(--text-soft);font-size:var(--text-xs);margin-top:4px;line-height:1.3;display:block}.tile-grid{gap:12px;display:grid}.action-tile{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:110px;color:inherit;background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--easing), box-shadow var(--t-base) var(--easing), border-color var(--t-base) var(--easing);padding:18px 18px 22px;text-decoration:none;display:block;position:relative;overflow:hidden}.action-tile:after{content:"→";color:var(--accent);transition:transform var(--t-base) var(--easing);font-size:1.1rem;font-weight:750;line-height:1;position:absolute;bottom:12px;right:16px}.action-tile:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200);color:var(--text-strong);transform:translateY(-2px)}.action-tile:hover:after{transform:translate(4px)}.action-tile:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.action-tile strong{font-size:var(--text-lg);color:var(--text-strong);margin-bottom:6px;font-weight:700;line-height:1.3;display:block}.action-tile span{color:var(--text-muted);font-size:var(--text-sm);padding-right:32px;line-height:1.5;display:block}.action-tile em{border-radius:var(--radius-pill);min-width:28px;height:22px;color:var(--text-on-brand);background:var(--accent);font-style:normal;font-weight:700;font-size:var(--text-xs);z-index:1;justify-content:center;align-items:center;padding:0 8px;line-height:1;display:inline-flex;position:absolute;bottom:12px;right:14px}.toolbar-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.toolbar-row>*{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,button.btn,a.btn{border-radius:var(--radius-md);min-height:44px;font-family:inherit;font-size:var(--text-base);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--t-fast) var(--easing), color var(--t-fast) var(--easing), border-color var(--t-fast) var(--easing), box-shadow var(--t-fast) var(--easing), transform var(--t-fast) var(--easing);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--sm{min-height:32px;font-size:var(--text-sm);border-radius:var(--radius-sm);padding:0 10px}.btn--lg{min-height:52px;font-size:var(--text-md);border-radius:var(--radius-lg);padding:0 20px}.btn--primary,button[type=submit]:not(.inline-action){color:var(--text-on-brand);background:var(--accent);letter-spacing:.02em;box-shadow:var(--shadow-sm);font-weight:700}.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active{background:var(--brand-800);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn--secondary,button.inline-action{color:var(--accent-strong);background:var(--surface-raised);border-color:var(--line-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover,button.inline-action:hover{background:var(--accent-soft);border-color:var(--brand-200);color:var(--accent-hover)}.btn--secondary:active,button.inline-action:active{background:var(--brand-100)}.btn--ghost{color:var(--accent-strong);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--accent-soft);color:var(--accent-hover)}.btn--danger{color:var(--text-on-brand);background:var(--danger-500);box-shadow:var(--shadow-xs)}.btn--danger:hover{background:var(--danger-700)}.btn--danger:focus-visible{box-shadow:var(--shadow-focus-danger)}.btn--danger.btn--secondary{color:var(--danger-700);background:var(--surface-raised);border-color:var(--danger-500)}.btn--danger.btn--secondary:hover{background:var(--danger-50)}.btn--block{width:100%;display:flex}.btn__icon{justify-content:center;align-items:center;display:inline-flex}.btn__icon svg{flex-shrink:0;width:1em;height:1em}.btn--sm .btn__icon{font-size:.95em}.btn--lg .btn__icon{font-size:1.1em}.is-loading{pointer-events:none;position:relative}.btn .btn__label,.btn .btn__icon,.summary-band .btn,.list-row .btn,.meta-panel .btn,.party-card .btn,.user-row .btn,.stock-row .btn,.action-tile .btn{color:inherit}.is-loading .btn__label{opacity:.6}.is-loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.7s linear infinite btn-spin;position:absolute;top:50%;right:14px}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel,.summary-band>div,.action-tile,.role-card,.list-row,.stock-row,.party-card,.user-row,.meta-panel,.form-row,.form-stack,.section-title+.data-table,.section-title+.muted{animation:fade-up .28s var(--easing) both}.summary-band>div:first-child{animation-delay:30ms}.summary-band>div:nth-child(2){animation-delay:60ms}.summary-band>div:nth-child(3){animation-delay:90ms}.summary-band>div:nth-child(4){animation-delay:.12s}.action-tile:first-child,.role-card:first-child{animation-delay:60ms}.action-tile:nth-child(2),.role-card:nth-child(2){animation-delay:.1s}.action-tile:nth-child(3),.role-card:nth-child(3){animation-delay:.14s}.action-tile:nth-child(4),.role-card:nth-child(4){animation-delay:.18s}.action-tile:nth-child(5),.role-card:nth-child(5){animation-delay:.22s}.action-tile:nth-child(6),.role-card:nth-child(6){animation-delay:.26s}.action-tile:nth-child(7),.role-card:nth-child(7){animation-delay:.3s}.action-tile:nth-child(8),.role-card:nth-child(8){animation-delay:.34s}.action-tile:nth-child(9),.role-card:nth-child(9){animation-delay:.38s}.action-tile:nth-child(10),.role-card:nth-child(10){animation-delay:.42s}.action-tile:nth-child(n+11),.role-card:nth-child(n+11){animation-delay:.46s}.list-row:first-child,.stock-row:first-child,.party-card:first-child{animation-delay:30ms}.list-row:nth-child(2),.stock-row:nth-child(2),.party-card:nth-child(2){animation-delay:50ms}.list-row:nth-child(3),.stock-row:nth-child(3),.party-card:nth-child(3){animation-delay:70ms}.list-row:nth-child(4),.stock-row:nth-child(4),.party-card:nth-child(4){animation-delay:90ms}.list-row:nth-child(n+5),.stock-row:nth-child(n+5),.party-card:nth-child(n+5){animation-delay:.11s}.inline-action{border:1px solid var(--line-strong);border-radius:var(--radius-md);min-height:40px;color:var(--accent-strong);background:var(--surface-raised);font-size:var(--text-sm);cursor:pointer;transition:background var(--t-fast) var(--easing), color var(--t-fast) var(--easing), border-color var(--t-fast) var(--easing), transform var(--t-fast) var(--easing);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.inline-action:hover{background:var(--accent-soft);border-color:var(--brand-200);color:var(--accent-hover)}.inline-action:active{transform:scale(.98)}.inline-action:disabled,.inline-action[aria-disabled=true]{opacity:.5;pointer-events:none}.inline-action--primary{color:var(--text-on-brand);background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-xs)}.inline-action--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-brand)}.inline-action--danger{color:var(--text-on-brand);background:var(--danger-500);border-color:var(--danger-500)}.inline-action--danger:hover{background:var(--danger-700);border-color:var(--danger-700);color:var(--text-on-brand)}.inline-action--active{background:var(--accent);color:var(--text-on-brand);border-color:var(--accent)}.list-panel,.search-panel{gap:10px;display:grid}.search-panel{margin-bottom:12px}.search-panel input{width:100%;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);transition:border-color var(--t-fast) var(--easing), box-shadow var(--t-fast) var(--easing);padding:0 14px}.search-panel input:focus-visible{border-color:var(--brand-300)}.list-row,.stock-row,.user-row,.party-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-xs);transition:transform var(--t-base) var(--easing), box-shadow var(--t-base) var(--easing), border-color var(--t-base) var(--easing);gap:12px;padding:16px;display:grid}a:hover+.list-row,.list-row:hover,.stock-row:hover,.user-row:hover,.party-card:hover{box-shadow:var(--shadow-sm);border-color:var(--brand-200);transform:translateY(-1px)}.list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.list-row>div:last-child{text-align:right}.list-row strong,.stock-row strong,.user-row strong,.party-card strong{font-size:var(--text-md);color:var(--text-strong);overflow-wrap:anywhere;margin-top:4px;font-weight:700;line-height:1.35;display:block}.list-row small,.stock-row small,.user-row small,.party-card small{color:var(--text-soft);font-size:var(--text-xs);margin-top:4px;line-height:1.4;display:block}.list-row a,.party-card a,.user-row a{color:var(--text-strong);text-decoration:none}.list-row a:hover,.party-card a:hover,.user-row a:hover{color:var(--accent-hover)}.list-row--unread{border-left:3px solid var(--accent);background:linear-gradient(180deg, var(--accent-soft) 0%, var(--surface-raised) 70%)}.list-row .movement-tag{width:fit-content;font-size:var(--text-xs);letter-spacing:.02em;color:inherit;border:1px solid #0000;border-radius:999px;margin-bottom:6px;padding:2px 10px;font-weight:600;line-height:1.5;display:inline-block}.movement-tag--inbound{color:var(--success-700);background:var(--success-bg);border-color:#2c8a5126}.movement-tag--outbound{color:var(--accent-hover);background:var(--accent-soft);border-color:#1f548e26}.stock-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 16px}.stock-row dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0;display:grid}.stock-row dd{font-size:var(--text-md);color:var(--text-strong);margin:2px 0 0;font-weight:700}.product-label{flex-direction:column;gap:2px;min-width:0;display:flex}.product-label__sku{border-radius:var(--radius-sm);height:22px;font-size:var(--text-sm);letter-spacing:.04em;color:var(--brand-700,#135a43);background:var(--brand-50,#ecf6f1);border:1px solid var(--brand-200,#a6d6be);font-feature-settings:"tnum" 1;align-self:flex-start;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.product-label__name{font-size:var(--text-md);color:var(--text-strong);overflow-wrap:anywhere;margin-top:2px;font-weight:600;display:block}.product-label__name a{color:var(--text-strong);text-decoration:none}.product-label__name a:hover{color:var(--accent-hover)}.product-label__meta{color:var(--text-soft);font-size:var(--text-sm);margin-top:2px;display:block}.list-row>.product-label,.stock-row>.product-label{flex:auto;min-width:0}.badge{border-radius:var(--radius-sm);height:22px;font-size:var(--text-xs);color:var(--text-strong);background:var(--neutral-100);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:0 8px;font-weight:600;line-height:1;display:inline-flex}.badge--ok{color:var(--success-700);background:var(--success-bg);border-color:#2c8a5126}.badge--warn{color:var(--warning-700);background:var(--warning-bg);border-color:#b6791f26}.badge--danger{color:var(--danger-700);background:var(--danger-bg);border-color:#c43d3d26}.badge--muted{color:var(--text-muted);background:var(--neutral-100);border-color:var(--line)}.badge--info{color:var(--info-700);background:var(--info-bg);border-color:#2b6fb026}.badge--exact{color:var(--success-700);background:var(--success-bg)}.badge--alias{color:var(--info-700);background:var(--info-bg)}.badge--needs_review{color:var(--warning-700);background:var(--warning-bg)}.badge--unmatched{color:var(--danger-700);background:var(--danger-bg)}.status{border-radius:var(--radius-pill);height:24px;color:var(--accent-strong);background:var(--accent-soft);font-size:var(--text-xs);align-items:center;width:fit-content;padding:0 10px;font-weight:600;line-height:1;display:inline-flex}.status--warn{color:var(--warning-700);background:var(--warning-bg)}.form-row,.form-stack{gap:10px;display:grid}.form-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.form-stack{grid-template-columns:1fr}.form-field{gap:6px;min-width:0;display:grid}.form-field>span{color:var(--text-muted);font-size:var(--text-sm);font-weight:500;line-height:1.4}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);font-size:var(--text-base);transition:border-color var(--t-fast) var(--easing), box-shadow var(--t-fast) var(--easing);padding:0 14px}.form-field input[type=file]{height:auto;min-height:auto;padding:10px 14px}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{border-color:var(--brand-300)}.form-field--grow{flex:auto}.form-field--checkbox{min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--easing), border-color var(--t-fast) var(--easing);flex-direction:row;align-self:end;align-items:center;gap:8px;padding:8px 12px;display:flex}.form-field--checkbox:hover{background:var(--accent-soft);border-color:var(--brand-200)}.form-field--checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}.form-field--checkbox>span{color:var(--text);font-size:var(--text-sm);font-weight:500}.form-error{border-radius:var(--radius-md);color:var(--danger-700);background:var(--danger-bg);font-size:var(--text-sm);border:1px solid #c43d3d40;align-items:flex-start;gap:6px;margin:0 0 12px;padding:10px 14px;line-height:1.5;display:flex}.form-success{border-radius:var(--radius-md);color:var(--success-700);background:var(--success-bg);font-size:var(--text-sm);border:1px solid #2c8a5140;align-items:flex-start;gap:6px;margin:0 0 12px;padding:10px 14px;line-height:1.5;display:flex}.error-text{border-radius:var(--radius-md);color:var(--danger-700);background:var(--danger-bg);font-size:var(--text-sm);align-items:center;gap:6px;margin:0 0 12px;padding:10px 14px;display:flex}.empty-state{border-radius:var(--radius-md);color:var(--text-muted);background:var(--surface-muted);font-size:var(--text-sm);border:1px dashed var(--line-strong);margin:0 0 12px;padding:12px 16px;line-height:1.6;display:block}.panel--empty{text-align:center;background:radial-gradient(circle at top, var(--accent-soft) 0%, transparent 60%), var(--surface-raised);border-style:dashed;border-color:var(--brand-200);justify-items:center;padding:36px 22px;display:grid}.panel--empty:before{content:"";background:var(--accent-soft);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23196b50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 10h18'/><path d='M9 15h6'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:28px 28px;border-radius:50%;width:56px;height:56px;margin-bottom:14px;display:block;position:relative}.panel--empty h2{color:var(--text-strong);font-size:var(--text-lg);margin:0 0 6px}.panel--empty p{max-width:36ch;color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.section-title{font-size:var(--text-md);color:var(--text-strong);margin:0 0 4px;font-weight:700;line-height:1.4}.muted{color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.login-form{gap:14px;margin-top:8px;display:grid}.login-form label{gap:6px;display:grid}.login-form span{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.login-form input{width:100%;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);font-size:var(--text-md);transition:border-color var(--t-fast) var(--easing), box-shadow var(--t-fast) var(--easing);padding:0 14px}.login-form input:focus-visible{border-color:var(--brand-300)}.login-form button{width:100%;margin-top:4px}.meta-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-xs);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:16px;display:grid}.meta-panel>div{gap:4px;display:grid}.meta-panel strong{color:var(--text-strong);font-size:var(--text-md);overflow-wrap:anywhere;font-weight:600;line-height:1.4}.meta-panel small{color:var(--text-soft);font-size:var(--text-xs)}.role-home{gap:12px;display:grid}.role-card{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:132px;color:inherit;background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--easing), box-shadow var(--t-base) var(--easing), border-color var(--t-base) var(--easing);padding:18px;text-decoration:none;display:block;position:relative;overflow:hidden}.role-card:after{content:"";pointer-events:none;width:180px;height:180px;transition:transform var(--t-slow) var(--easing);background:radial-gradient(circle,#196b501a,#0000 70%);position:absolute;inset:auto -20% -50% auto}.role-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200);color:var(--text-strong);transform:translateY(-3px)}.role-card:hover:after{transform:scale(1.2)translate(10%,10%)}.role-card__meta{min-height:28px;color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;margin-bottom:12px;line-height:1.3;display:flex}.role-card__meta strong{border-radius:var(--radius-pill);min-width:28px;height:28px;color:var(--text-on-brand);background:var(--accent);font-size:var(--text-sm);justify-content:center;align-items:center;padding:0 10px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 2px #196b504d}.role-card h2{font-size:var(--text-xl);color:var(--text-strong);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 8px;font-weight:700;line-height:1.3}.role-card p{color:var(--text-muted);font-size:var(--text-base);overflow-wrap:anywhere;margin:0;line-height:1.5}.role-card__role{font-size:var(--text-sm);align-items:center;gap:6px;font-weight:500;display:inline-flex}.role-card__role-icon{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--accent);background:var(--accent-soft);justify-content:center;align-items:center;display:inline-flex}.role-card__cta{color:var(--accent);font-size:var(--text-sm);transition:gap var(--t-base) var(--easing);align-items:center;gap:4px;margin-top:12px;font-weight:600;display:inline-flex}.role-card:hover .role-card__cta{color:var(--accent-hover);gap:8px}.role-card--sales .role-card__role-icon{color:#b07a18;background:#fff4df}.role-card--purchasing .role-card__role-icon{color:var(--info-700);background:var(--info-bg)}.role-card--production .role-card__role-icon{color:#7a4f10;background:#fde9c1}.role-card--warehouse .role-card__role-icon{color:var(--accent);background:var(--accent-soft)}.role-card--admin .role-card__role-icon{color:#6a3eb1;background:#f0e8fb}.party-card{grid-template-columns:1fr;align-items:stretch}.party-card>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.party-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:8px 0 0;padding:0;display:grid}.party-meta div{gap:2px;display:grid}.party-meta dt{color:var(--text-muted);font-size:var(--text-xs);margin:0;font-weight:500;line-height:1.3}.party-meta dd{color:var(--text-strong);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.4}.party-card>footer{border-top:1px dashed var(--line);justify-content:flex-end;margin-top:12px;padding-top:10px;display:flex}.party-card>header a{color:inherit;text-decoration:none}.party-card>header a:hover strong{color:var(--brand-600);text-decoration:underline}.user-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.user-row__info{gap:4px;display:grid}.user-row__actions{align-self:stretch}.user-row__actions>summary{min-height:var(--tap-min);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--accent-strong);background:var(--surface-raised);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--easing);justify-content:center;align-items:center;padding:0 14px;font-weight:600;list-style:none;display:inline-flex}.user-row__actions>summary::-webkit-details-marker{display:none}.user-row__actions>summary:hover{background:var(--accent-soft)}.user-row__actions[open]>summary{background:var(--accent);color:var(--text-on-brand);border-color:var(--accent)}.user-form{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);gap:10px;margin-top:12px;padding:12px;display:grid}.user-form label{gap:4px;display:grid}.user-form input[type=text],.user-form input[type=password]{width:100%;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);font-size:var(--text-sm);padding:0 12px}.user-form fieldset{border:0;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:0;padding:0;display:grid}.user-form fieldset legend{font-size:var(--text-sm);color:var(--text-strong);grid-column:1/-1;margin-bottom:4px;font-weight:600}.user-form fieldset label{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:6px;padding:6px 8px;display:flex}.user-form fieldset label:hover{background:var(--accent-soft)}.table-scroll{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);width:100%;box-shadow:var(--shadow-xs);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:560px}.data-table thead th{text-align:left;background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px;font-weight:600;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:top;padding:12px 14px;line-height:1.4}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--accent-soft)}.inline-error-list{color:var(--danger-700);font-size:var(--text-xs);margin:0;padding:0;list-style:none}.inline-error-list li{margin:2px 0}.data-table tbody tr.edit-row>td{background:var(--surface-sunken);border-bottom:1px solid var(--line);padding:16px 18px}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.edit-grid>.edit-grid__full{grid-column:1/-1}.edit-grid__group{flex-direction:column;gap:6px;display:flex}.edit-grid__group h3{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.02em;margin:0;font-weight:600}.edit-grid__group .form-stack{gap:8px}.edit-grid__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.alias-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.alias-list li{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.alias-list li>strong{color:var(--text);flex:none;font-weight:600}.alias-list li>small{color:var(--text-muted);font-size:var(--text-xs);flex:auto}.alias-list li>.inline-form{margin-left:auto}.alias-list__actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.alias-list__editing{background:var(--surface-emphasis,var(--surface-raised));border-color:var(--brand,var(--line));flex-direction:column;align-items:stretch}.alias-edit-form{flex-direction:column;gap:8px;width:100%;display:flex}.inline-form{margin:0;display:inline-flex}.alias-add-form{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}@media (min-width:640px){.app-shell{padding:0 24px 32px}.top-bar{margin:0 -24px 22px;padding:12px 24px}.panel{padding:24px}.role-home,.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-band{grid-template-columns:repeat(4,minmax(0,1fr))}.form-row{grid-template-columns:minmax(0,1fr) auto auto auto}.meta-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:880px){.summary-band{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}