@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap");:root{--ph-blue-50: #EEF5FF;--ph-blue-100: #D6E6FF;--ph-blue-200: #ADCBFF;--ph-blue-300: #7FACFB;--ph-blue-400: #4D8BF0;--ph-blue-500: #1D6FE0;--ph-blue-600: #155ABF;--ph-blue-700: #0F4897;--ph-blue-800: #0B3670;--ph-blue-900: #082750;--ph-navy-700: #364253;--ph-navy-800: #2C3647;--ph-navy-900: #1F2734;--ph-amber-50: #FFF7E6;--ph-amber-100: #FFE8B8;--ph-amber-400: #FFB534;--ph-amber-500: #F59A0B;--ph-amber-600: #C87A05;--ph-amber-700: #9C5E04;--ph-ink-900: #0F1826;--ph-ink-800: #1F2937;--ph-ink-700: #374151;--ph-ink-600: #4B5563;--ph-ink-500: #6B7280;--ph-ink-400: #9AA3B2;--ph-ink-300: #C9D0DA;--ph-ink-200: #E3E8EF;--ph-ink-100: #EEF1F5;--ph-ink-50: #F6F8FA;--ph-ink-0: #FFFFFF;--ph-success-50: #E7F7EE;--ph-success-500: #16A34A;--ph-success-600: #118A3E;--ph-warning-50: #FFF4E5;--ph-warning-500: #F59A0B;--ph-warning-600: #C87A05;--ph-danger-50: #FDECEC;--ph-danger-500: #DC2626;--ph-danger-600: #B91C1C;--ph-info-50: #E6F1FE;--ph-info-500: #1D6FE0;--color-bg-app: var(--ph-ink-50);--color-bg-surface: var(--ph-ink-0);--color-bg-sunken: var(--ph-ink-100);--color-bg-sidebar: var(--ph-navy-800);--color-bg-sidebar-hover: var(--ph-navy-700);--color-bg-sidebar-active: var(--ph-blue-500);--color-fg-primary: var(--ph-ink-900);--color-fg-secondary: var(--ph-ink-600);--color-fg-tertiary: var(--ph-ink-500);--color-fg-muted: var(--ph-ink-400);--color-fg-inverse: var(--ph-ink-0);--color-fg-brand: var(--ph-blue-500);--color-fg-on-dark: rgba(255,255,255,0.88);--color-fg-on-dark-muted: rgba(255,255,255,0.55);--color-border: var(--ph-ink-200);--color-border-strong:var(--ph-ink-300);--color-border-focus: var(--ph-blue-500);--color-brand: var(--ph-blue-500);--color-brand-hover: var(--ph-blue-600);--color-brand-press: var(--ph-blue-700);--color-brand-soft: var(--ph-blue-50);--color-accent: var(--ph-amber-500);--color-accent-soft: var(--ph-amber-50);--font-sans-cn: "Noto Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Source Han Sans CN",system-ui,sans-serif;--font-sans: var(--font-sans-cn);--font-mono: var(--font-sans-cn);--text-xs: 12px;--lh-xs: 18px;--text-sm: 13px;--lh-sm: 20px;--text-base: 14px;--lh-base: 22px;--text-md: 15px;--lh-md: 24px;--text-lg: 16px;--lh-lg: 26px;--text-xl: 18px;--lh-xl: 28px;--text-2xl: 22px;--lh-2xl: 32px;--text-3xl: 28px;--lh-3xl: 38px;--text-4xl: 34px;--lh-4xl: 44px;--text-5xl: 44px;--lh-5xl: 54px;--text-display: 56px;--lh-display: 68px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl:16px;--radius-full: 999px;--shadow-xs: 0 1px 0 rgba(15,24,38,0.04);--shadow-sm: 0 1px 2px rgba(15,24,38,0.06),0 1px 1px rgba(15,24,38,0.04);--shadow-md: 0 2px 6px rgba(15,24,38,0.06),0 1px 2px rgba(15,24,38,0.04);--shadow-lg: 0 8px 24px rgba(15,24,38,0.08),0 2px 6px rgba(15,24,38,0.04);--shadow-xl: 0 16px 48px rgba(15,24,38,0.12);--shadow-focus:0 0 0 3px rgba(29,111,224,0.22);--ease-out: cubic-bezier(0.22,0.61,0.36,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--dur-fast: 120ms;--dur-base: 180ms;--dur-slow: 260ms;--sidebar-w: 220px;--topbar-h: 56px;--content-max: 1440px}.ph-iw-bubble,.ph-fq-msg__bubble,.ph-pd3-collab-bubble{box-sizing: border-box;width: fit-content;max-width: 100%;padding: 12px 18px;border: 1px solid var(--ph-ink-100);border-radius: 12px;font-size: 13px;line-height: 1.6;white-space: pre-wrap;overflow-wrap: anywhere}.ph-display,.ph-h0{font-family: var(--font-sans-cn);font-size: var(--text-display);line-height: var(--lh-display);font-weight: 700;letter-spacing: -0.02em;color: var(--color-fg-primary)}.ph-h1{font-family: var(--font-sans-cn);font-size: var(--text-4xl);line-height: var(--lh-4xl);font-weight: 700;letter-spacing: -0.01em;color: var(--color-fg-primary)}.ph-h2{font-family: var(--font-sans-cn);font-size: var(--text-3xl);line-height: var(--lh-3xl);font-weight: 600;letter-spacing: -0.005em;color: var(--color-fg-primary)}.ph-h3{font-family: var(--font-sans-cn);font-size: var(--text-2xl);line-height: var(--lh-2xl);font-weight: 600;color: var(--color-fg-primary)}.ph-h4{font-family: var(--font-sans-cn);font-size: var(--text-xl);line-height: var(--lh-xl);font-weight: 600;color: var(--color-fg-primary)}.ph-h5{font-family: var(--font-sans-cn);font-size: var(--text-lg);line-height: var(--lh-lg);font-weight: 600;color: var(--color-fg-primary)}.ph-body{font-family: var(--font-sans-cn);font-size: var(--text-base);line-height: var(--lh-base);font-weight: 400;color: var(--color-fg-primary)}.ph-body-strong{font-family: var(--font-sans-cn);font-size: var(--text-base);line-height: var(--lh-base);font-weight: 500;color: var(--color-fg-primary)}.ph-caption{font-family: var(--font-sans-cn);font-size: var(--text-sm);line-height: var(--lh-sm);font-weight: 400;color: var(--color-fg-secondary)}.ph-micro{font-family: var(--font-sans-cn);font-size: var(--text-xs);line-height: var(--lh-xs);font-weight: 500;letter-spacing: 0.04em;color: var(--color-fg-tertiary);text-transform: uppercase}.ph-label{font-family: var(--font-sans-cn);font-size: var(--text-xs);line-height: var(--lh-xs);font-weight: 500;color: var(--color-fg-secondary);letter-spacing: 0.02em}.ph-mono{font-family: var(--font-mono);font-size: var(--text-sm);line-height: var(--lh-sm);color: var(--color-fg-primary)}.ph-num{font-family: var(--font-sans-cn);font-variant-numeric: tabular-nums;font-feature-settings: "tnum" 1;font-weight: 500}*,*::before,*::after{box-sizing: border-box}body{margin: 0;font-family: var(--font-sans-cn);font-size: var(--text-base);line-height: var(--lh-base);color: var(--color-fg-primary);background: var(--color-bg-app);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}html{--lumo-primary-color: var(--ph-blue-500);--lumo-primary-color-50pct: rgba(29,111,224,0.5);--lumo-primary-color-10pct: rgba(29,111,224,0.1);--lumo-primary-text-color: var(--ph-blue-500);--lumo-primary-contrast-color: var(--ph-ink-0);--lumo-base-color: var(--ph-ink-0);--lumo-tint-5pct: var(--ph-ink-50);--lumo-tint-10pct: var(--ph-ink-100);--lumo-shade-5pct: var(--ph-ink-100);--lumo-shade-10pct: var(--ph-ink-200);--lumo-shade-20pct: var(--ph-ink-300);--lumo-body-text-color: var(--ph-ink-900);--lumo-secondary-text-color: var(--ph-ink-600);--lumo-tertiary-text-color: var(--ph-ink-500);--lumo-disabled-text-color: var(--ph-ink-400);--lumo-success-color: var(--ph-success-500);--lumo-success-text-color: var(--ph-success-600);--lumo-error-color: var(--ph-danger-500);--lumo-error-text-color: var(--ph-danger-600);--lumo-font-family: var(--font-sans-cn);--lumo-font-size-xs: 12px;--lumo-font-size-s: 13px;--lumo-font-size-m: 14px;--lumo-font-size-l: 16px;--lumo-font-size-xl: 20px;--lumo-line-height-m: 1.57;--lumo-border-radius-s: 4px;--lumo-border-radius-m: 6px;--lumo-border-radius-l: 8px;--lumo-space-xs: 4px;--lumo-space-s: 8px;--lumo-space-m: 16px;--lumo-space-l: 24px;--lumo-space-xl: 32px;--lumo-box-shadow-xs: 0 1px 2px rgba(15,24,38,0.04);--lumo-box-shadow-s: 0 1px 4px rgba(15,24,38,0.06);--lumo-box-shadow-m: 0 4px 12px rgba(15,24,38,0.08);--lumo-box-shadow-l: 0 8px 24px rgba(15,24,38,0.10);font-variant-numeric: tabular-nums}[part="navbar"]{background: var(--ph-ink-0);border-bottom: 1px solid var(--ph-ink-200);height: 56px}[part="drawer"]{background: var(--ph-navy-800);color: rgba(255,255,255,0.88);width: 220px}[part="drawer"] vaadin-side-nav-item{color: rgba(255,255,255,0.55)}[part="drawer"] vaadin-side-nav-item:hover{background: var(--ph-navy-700);color: rgba(255,255,255,0.88)}[part="drawer"] vaadin-side-nav-item[active]{background: var(--ph-blue-500);color: var(--ph-ink-0)}.packhive-wordmark{font-weight: 600;font-size: 16px;color: var(--ph-ink-900);padding-left: 12px}.packhive-impersonation-banner{background: var(--ph-amber-50);border-bottom: 1px solid var(--ph-amber-500);color: var(--ph-amber-600);padding: 8px 16px;font-size: 13px;display: flex;align-items: center;justify-content: space-between;gap: 12px}.packhive-auth-page{display: grid;grid-template-columns: 1fr 1fr;min-height: 100vh;background: var(--ph-ink-50)}.packhive-auth-page__visual{background: linear-gradient(135deg,var(--ph-blue-500),var(--ph-blue-700));color: var(--ph-ink-0);padding: 64px;display: flex;flex-direction: column;justify-content: center}.packhive-auth-page__form{background: var(--ph-ink-0);padding: 64px 80px;display: flex;flex-direction: column;justify-content: center;max-width: 480px;margin: 0 auto;width: 100%}@media (max-width: 768px){.packhive-auth-page{grid-template-columns: 1fr}.packhive-auth-page__visual{padding: 32px;min-height: 200px}.packhive-auth-page__form{padding: 32px}}.packhive-stepper{display: flex;gap: 8px;margin-bottom: 24px}.packhive-stepper__step{flex: 1;height: 4px;background: var(--ph-ink-200);border-radius: 2px}.packhive-stepper__step--active,.packhive-stepper__step--complete{background: var(--ph-blue-500)}vaadin-text-field[invalid]::part(input-field),vaadin-password-field[invalid]::part(input-field){border-color: var(--ph-danger-500)}.ph-login-field__input-row vaadin-text-field[invalid]::part(input-field),.ph-login-field__input-row vaadin-password-field[invalid]::part(input-field){border-color: transparent;background: transparent;box-shadow: none}.ph-login-field__input-row:has(vaadin-text-field[invalid]),.ph-login-field__input-row:has(vaadin-password-field[invalid]){border-color: var(--ph-danger-500);box-shadow: 0 0 0 3px rgba(220,38,38,0.18)}.ph-login-field__input-row:has(vaadin-text-field[invalid]) .ph-login-field__icon,.ph-login-field__input-row:has(vaadin-password-field[invalid]) .ph-login-field__icon{color: var(--ph-danger-500)}.ph-login-field vaadin-text-field::part(error-message),.ph-login-field vaadin-password-field::part(error-message),.ph-login-field vaadin-text-field::part(helper-text),.ph-login-field vaadin-password-field::part(helper-text){display: none}.ph-login-field__error{color: var(--ph-danger-500);font-size: 12px;line-height: 1.4;margin-top: 6px;padding-left: 2px}.ph-login-form-error{color: var(--ph-danger-500);font-size: 13px;line-height: 1.5;padding: 10px 12px;background: #FEF2F2;border: 1px solid #FECACA;border-radius: 8px;margin: 14px 0 0 0}.ph-login-portal{display: grid;grid-template-columns: minmax(440px,1fr) 1.1fr;min-height: 100vh;background: #fff;font-family: var(--lumo-font-family)}.ph-login-portal__form{display: flex;flex-direction: column;padding: 32px 48px}.ph-login-portal__form-inner{flex: 1;display: flex;flex-direction: column;justify-content: center;max-width: 420px;width: 100%;margin: 0 auto}.ph-login-portal__brand{background: linear-gradient(135deg,#0B3670 0%,#1D6FE0 55%,#4D8BF0 100%);position: relative;overflow: hidden;padding: 48px;display: flex;flex-direction: column;justify-content: space-between;color: #fff}.ph-login-portal__hex-overlay{position: absolute;inset: 0;opacity: 0.18;pointer-events: none}.ph-login-portal__brand-hero{font-size: 44px;font-weight: 700;line-height: 1.18;letter-spacing: -0.015em;position: relative}.ph-login-portal__brand-tag{font-size: 11px;font-weight: 600;letter-spacing: 0.24em;opacity: 0.78;position: relative}.ph-login-portal__brand-sub{font-size: 15px;margin-top: 16px;opacity: 0.78;max-width: 360px;line-height: 1.7}.ph-login-portal__metrics{display: flex;gap: 36px;margin-top: 36px;position: relative}.ph-login-portal__metric-value{font-size: 26px;font-weight: 700;font-variant-numeric: tabular-nums;letter-spacing: -0.01em}.ph-login-portal__metric-label{font-size: 12px;opacity: 0.75;margin-top: 4px}.ph-login-portal__brand-footer{position: relative;font-size: 12px;opacity: 0.7}.ph-login-portal__heading{font-size: 28px;font-weight: 600;color: var(--ph-ink-900);letter-spacing: -0.005em;margin: 0}.ph-login-portal__subheading{font-size: 14px;color: var(--ph-ink-500);margin-top: 6px}.ph-login-portal__logo{height: 32px;width: auto;display: block;align-self: flex-start}.ph-portal-tabs{margin-top: 26px;display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;padding: 4px;background: var(--ph-ink-50);border-radius: 8px;border: 1px solid var(--ph-ink-200)}.ph-portal-tab{padding: 9px 10px;border: none;border-radius: 6px;background: transparent;cursor: pointer;text-align: center;transition: all 120ms;font-family: inherit}.ph-portal-tab--active{background: #fff;box-shadow: 0 1px 2px rgba(15,24,38,0.06)}.ph-portal-tab__label{font-size: 13px;font-weight: 500;color: var(--ph-ink-600)}.ph-portal-tab--active .ph-portal-tab__label{color: var(--ph-blue-500);font-weight: 600}.ph-portal-tab__sub{font-size: 10.5px;color: var(--ph-ink-400);margin-top: 2px}.ph-portal-tab--active .ph-portal-tab__sub{color: var(--ph-ink-500)}.ph-portal-tab--disabled{cursor: not-allowed}.ph-portal-tab--disabled .ph-portal-tab__label{color: var(--ph-ink-300)}.ph-portal-tab--disabled .ph-portal-tab__sub{color: var(--ph-ink-300)}.ph-account-mode-tabs{margin-top: 18px;display: flex;gap: 20px;font-size: 13px;border-bottom: 1px solid var(--ph-ink-200)}.ph-account-mode-tab{background: transparent;border: none;cursor: pointer;padding: 10px 2px 12px;font-family: inherit;border-bottom: 2px solid transparent;margin-bottom: -1px;color: var(--ph-ink-500);font-weight: 500;font-size: 13px}.ph-account-mode-tab--active{border-bottom-color: var(--ph-blue-500);color: var(--ph-blue-500);font-weight: 600}.ph-login-fields{margin-top: 20px;display: flex;flex-direction: column;gap: 14px}.ph-login-field{display: flex;flex-direction: column}.ph-login-field__label-row{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 6px}.ph-login-field__label{font-size: 12px;font-weight: 500;color: var(--ph-ink-600)}.ph-login-field__forgot{font-size: 12px;color: var(--ph-blue-500);cursor: pointer;text-decoration: none}.ph-login-field__input-row{display: flex;align-items: center;gap: 8px;height: 40px;padding: 0 12px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: #fff;transition: all 120ms}.ph-login-field__input-row:focus-within{border-color: var(--ph-blue-500);box-shadow: 0 0 0 3px rgba(29,111,224,0.22)}.ph-login-field__icon{color: var(--ph-ink-400);display: inline-flex;flex-shrink: 0}.ph-login-field__input{flex: 1;border: none;outline: none;background: transparent;font-family: inherit;font-size: 14px;color: var(--ph-ink-900);min-width: 0}.ph-login-field__input::placeholder{color: var(--ph-ink-400)}.ph-login-field__sms-btn{border: none;background: transparent;color: var(--ph-blue-500);font-size: 12px;font-weight: 500;cursor: pointer;white-space: nowrap;font-family: inherit;padding: 0}.ph-divider-with-text{display: flex;align-items: center;gap: 10px;margin: 22px 0 12px}.ph-divider-with-text__line{flex: 1;height: 1px;background: var(--ph-ink-200)}.ph-divider-with-text__label{font-size: 11px;color: var(--ph-ink-400);letter-spacing: 0.08em}.ph-alt-methods{display: grid;gap: 8px}.ph-alt-methods--3{grid-template-columns: repeat(3,1fr)}.ph-alt-methods--4{grid-template-columns: repeat(4,1fr)}.ph-alt-method-btn{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 10px 12px;background: #fff;border: 1px solid var(--ph-ink-200);color: var(--ph-ink-600);border-radius: 6px;font-size: 13px;font-weight: 500;font-family: inherit;cursor: pointer;transition: all 120ms}.ph-alt-method-btn:hover{border-color: var(--ph-ink-300)}.ph-alt-method-btn--active{background: var(--ph-blue-50);border-color: var(--ph-blue-500);color: var(--ph-blue-500)}.ph-alt-method-btn--vertical{flex-direction: column;gap: 5px;padding: 10px 6px;font-size: 11px}.ph-alt-method-btn--disabled{cursor: not-allowed;opacity: 0.45;background: #F6F8FA}.ph-alt-method-btn--disabled:hover{border-color: var(--ph-ink-200)}.ph-alt-method-btn--coming{cursor: not-allowed;background: #F6F8FA;color: #9AA3B2;opacity: 0.7;overflow: hidden;position: relative}.ph-alt-method-btn--coming::before{content: "";position: absolute;inset: 0;pointer-events: none;background: repeating-linear-gradient(135deg,transparent 0 6px,rgba(154,163,178,.08) 6px 7px)}.ph-alt-method-btn--coming:hover{border-color: var(--ph-ink-200)}.ph-alt-method-btn--beta{}.ph-alt-method-btn{position: relative}.ph-alt-method-btn__badge{position: absolute;top: 4px;right: 4px;font-size: 9px;font-weight: 600;padding: 1px 5px;border-radius: 999px;letter-spacing: .02em;line-height: 1.4;z-index: 1}.ph-alt-method-btn__badge--beta{background: #EEF5FF;color: #0F4897}.ph-alt-method-btn__badge--coming{background: #FFF4E5;color: #C87A05}.ph-social-buttons{margin-top: 14px;display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.ph-social-btn{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 12px;background: #fff;border: 1px solid var(--ph-ink-200);color: var(--ph-ink-600);border-radius: 6px;font-size: 13px;font-weight: 500;font-family: inherit;cursor: pointer}.ph-passkey-cta{margin-top: 22px;width: 100%;display: flex !important;align-items: center;justify-content: center;gap: 10px;padding: 8px 16px !important;background: var(--ph-blue-500) !important;color: #fff !important;border: none !important;border-radius: 8px !important;font-size: 14px !important;font-weight: 500 !important;cursor: pointer;transition: background 120ms;min-height: 0;height: auto;box-shadow: none;font-family: inherit}.ph-passkey-cta:hover{background: var(--ph-blue-600) !important}.ph-passkey-cta::part(label){color: #fff}.ph-passkey-cta-group{margin-top: 22px;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.ph-passkey-cta-group .ph-passkey-cta{margin-top: 0}.ph-passkey-tagline{margin-top: 10px;font-size: 12px;color: var(--ph-ink-500);text-align: center;display: flex;align-items: center;justify-content: center;gap: 6px}.ph-login-footer-links{margin-top: 26px;display: flex;justify-content: space-between;font-size: 12px}.ph-login-footer-links a{text-decoration: none}.ph-login-footer-links__primary{color: var(--ph-blue-500)}.ph-login-footer-links__secondary{color: var(--ph-ink-500)}.ph-login-internal-hint{margin-top: 14px;padding-top: 14px;border-top: 1px dashed var(--ph-ink-200);font-size: 11px;color: var(--ph-ink-400);text-align: center}.ph-login-internal-hint a{color: var(--ph-ink-500);text-decoration: underline;margin-left: 6px}.ph-login-legal{font-size: 11px;color: var(--ph-ink-400);text-align: center;line-height: 1.6;margin-top: 22px}.ph-login-legal__inline{color: var(--ph-ink-500)}.ph-login-admin{display: grid;grid-template-columns: 1.1fr minmax(460px,1fr);min-height: 100vh;background: #fff;font-family: var(--lumo-font-family)}.ph-login-admin__brand{background: linear-gradient(160deg,#0F1826 0%,#1F2937 40%,#0B3670 100%);position: relative;overflow: hidden;padding: 48px;display: flex;flex-direction: column;justify-content: space-between;color: #fff}.ph-login-admin__grid-overlay{position: absolute;inset: 0;opacity: 0.09;pointer-events: none}.ph-login-admin__top{position: relative;display: flex;align-items: center;gap: 10px}.ph-login-admin__logo{height: 30px;width: auto;display: block}.ph-login-admin__internal-badge{font-size: 11px;padding: 3px 8px;background: rgba(255,255,255,0.1);color: rgba(255,255,255,0.85);border-radius: 4px;letter-spacing: 0.1em;font-weight: 500}.ph-login-admin__brand-section{position: relative}.ph-login-admin__brand-tag{font-size: 11px;font-weight: 600;letter-spacing: 0.24em;opacity: 0.6;margin-bottom: 14px}.ph-login-admin__brand-hero{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.015em}.ph-login-admin__brand-sub{font-size: 14px;margin-top: 16px;opacity: 0.7;max-width: 380px;line-height: 1.7}.ph-login-admin__security-notice{display: flex;margin-top: 32px;padding: 14px 16px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 8px;gap: 12px;max-width: 420px}.ph-login-admin__form-error{color: var(--ph-danger-500);font-size: 13px;line-height: 1.5;padding: 10px 12px;background: #FEF2F2;border: 1px solid #FECACA;border-radius: 8px;margin: 14px 0 0 0}.ph-login-admin__security-icon{flex-shrink: 0;width: 32px;height: 32px;border-radius: 50%;background: rgba(29,111,224,0.25);display: flex;align-items: center;justify-content: center}.ph-login-admin__security-title{font-size: 13px;font-weight: 600}.ph-login-admin__security-desc{font-size: 12px;opacity: 0.7;margin-top: 4px;line-height: 1.6}.ph-login-admin__brand-footer{position: relative;font-size: 11px;opacity: 0.5;line-height: 1.7}.ph-login-admin__brand-footer a{color: rgba(255,255,255,0.8);text-decoration: none}.ph-login-admin__form{display: flex;flex-direction: column;padding: 32px 48px}.ph-login-admin__form-top{display: flex;justify-content: flex-end;align-items: center;gap: 14px;font-size: 12px;color: var(--ph-ink-500)}.ph-login-admin__form-top-current{color: var(--ph-ink-900);font-weight: 500}.ph-login-admin__form-inner{flex: 1;display: flex;flex-direction: column;justify-content: center;max-width: 440px;width: 100%;margin: 0 auto}.ph-login-admin__heading{font-size: 26px;font-weight: 600;color: var(--ph-ink-900);letter-spacing: -0.005em;margin: 0}.ph-login-admin__subheading{font-size: 14px;color: var(--ph-ink-500);margin-top: 6px}.ph-login-admin__remember-row{margin-top: 14px;display: flex;align-items: center;gap: 8px;font-size: 12px;color: var(--ph-ink-600);cursor: pointer}.ph-login-admin__remember-row vaadin-checkbox{--lumo-font-size-m: 12px}.ph-login-admin__sso-btn{width: 100%;padding: 11px 16px !important;display: flex !important;align-items: center;justify-content: center;gap: 8px;background: #fff !important;color: var(--ph-ink-900) !important;border: 1px solid var(--ph-ink-200) !important;border-radius: 6px !important;font-size: 13px !important;font-weight: 500 !important;cursor: pointer;margin-top: 18px;height: auto !important;min-height: 0;font-family: inherit}.ph-login-admin__legal{font-size: 11px;color: var(--ph-ink-400);text-align: center;line-height: 1.6;margin-top: 22px}@media (max-width: 900px){.ph-login-portal,.ph-login-admin{grid-template-columns: 1fr}.ph-login-portal__brand{order: 1}.ph-login-portal__form{order: 2}.ph-login-portal__brand,.ph-login-admin__brand{min-height: 240px;padding: 32px 24px}.ph-login-portal__form,.ph-login-admin__form{padding: 20px 20px 28px}.ph-login-portal__brand-hero{font-size: 32px}.ph-login-admin__brand-hero{font-size: 28px}.ph-login-portal__metrics{display: none}.ph-login-portal__brand-footer,.ph-login-admin__brand-footer{display: none}.ph-login-portal__logo{display: none}.ph-login-admin__security-notice{display: none}.ph-passkey-cta-group{grid-template-columns: 1fr}}.ph-first-login{min-height: 100vh;background: #F6F8FA;display: flex;flex-direction: column;font-family: var(--font-sans-cn,system-ui)}.ph-first-login__topbar{height: 56px;background: #fff;border-bottom: 1px solid #E3E8EF;display: flex;align-items: center;padding: 0 32px}.ph-first-login__logo{height: 26px}.ph-first-login__topbar-right{margin-left: auto;font-size: 12px;color: #6B7280}.ph-first-login__who{color: #9AA3B2}.ph-first-login__logout{color: #1D6FE0;cursor: pointer;text-decoration: none}.ph-first-login__stepbar{background: #fff;border-bottom: 1px solid #E3E8EF;padding: 20px 32px;display: flex;gap: 18px;align-items: center;max-width: 920px;margin: 0 auto;width: 100%;box-sizing: border-box}.ph-first-login__step{display: flex;align-items: center;gap: 8px;font-size: 13px;color: #9AA3B2;font-weight: 500}.ph-first-login__step-circle{width: 24px;height: 24px;border-radius: 50%;background: #E3E8EF;color: #9AA3B2;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600;flex-shrink: 0}.ph-first-login__step--active{color: #0F1826;font-weight: 600}.ph-first-login__step--active .ph-first-login__step-circle{background: #1D6FE0;color: #fff}.ph-first-login__step--done{color: #4B5563}.ph-first-login__step--done .ph-first-login__step-circle{background: #16A34A;color: #fff}.ph-first-login__step-line{flex: 1;height: 2px;background: #E3E8EF;min-width: 12px}.ph-first-login__step-line--done{background: #16A34A}.ph-first-login__main{flex: 1;padding: 40px 32px;display: grid;max-width: 920px;margin: 0 auto;grid-template-columns: 1.4fr 1fr;gap: 24px;align-items: start;width: 100%;box-sizing: border-box}.ph-first-login__form-card{background: #fff;border: 1px solid #E3E8EF;border-radius: 12px;padding: 28px 32px;display: flex;flex-direction: column;gap: 14px}.ph-first-login__side-card{display: flex;flex-direction: column;gap: 14px;position: sticky;top: 20px}.ph-first-login__side-requirements{background: #fff;border: 1px solid #E3E8EF;border-radius: 12px;padding: 22px 22px}.ph-first-login__side-label{font-size: 11px;font-weight: 600;color: #6B7280;letter-spacing: .08em;text-transform: uppercase;margin-bottom: 12px}.ph-first-login__side-security{background: #F0F4F8;border: 1px solid #E3E8EF;border-radius: 12px;padding: 16px 18px}.ph-first-login__side-security-head{font-size: 12.5px;font-weight: 600;color: #0F1826;display: flex;align-items: center;gap: 6px}.ph-first-login__side-security-body{font-size: 12px;color: #6B7280;margin-top: 8px;line-height: 1.65}.ph-first-login__form-heading{display: flex;align-items: center;gap: 10px;margin-bottom: 8px}.ph-first-login__form-icon{width: 36px;height: 36px;border-radius: 8px;background: #FEF3C7;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ph-first-login__form-title{font-size: 18px;font-weight: 600;color: #0F1826}.ph-first-login__form-sub{font-size: 13px;color: #6B7280;margin-top: 2px}.ph-first-login__field{display: flex;flex-direction: column;gap: 6px}.ph-first-login__field-label{font-size: 12px;font-weight: 500;color: #4B5563}.ph-first-login__field-hint{font-size: 11px;color: #9AA3B2}.ph-first-login__info-banner{margin-top: 6px;padding: 12px 14px;background: #F6F8FA;border: 1px solid #E3E8EF;border-radius: 6px;font-size: 12px;color: #4B5563;display: flex;gap: 10px;align-items: flex-start}.ph-first-login__info-icon{flex-shrink: 0;margin-top: 2px;display: inline-flex}.ph-first-login__success{padding: 32px 16px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 6px}.ph-first-login__success-icon{width: 56px;height: 56px;border-radius: 50%;background: #E7F7EE;display: flex;align-items: center;justify-content: center;margin-bottom: 8px}.ph-first-login__success-title{font-size: 17px;font-weight: 600;color: #0F1826}.ph-first-login__success-sub{font-size: 13px;color: #6B7280;margin-top: 4px}.ph-first-login__passkey-card{margin-top: 12px;padding: 20px 18px;border: 1.5px dashed #1D6FE0;background: #EEF5FF;border-radius: 10px;display: flex;gap: 14px;align-items: flex-start}.ph-first-login__passkey-icon{width: 40px;height: 40px;border-radius: 8px;background: #1D6FE0;color: #fff;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ph-first-login__passkey-body{flex: 1;min-width: 0}.ph-first-login__passkey-title{font-size: 14px;font-weight: 600;color: #0F1826}.ph-first-login__passkey-sub{font-size: 12.5px;color: #4B5563;margin-top: 4px;line-height: 1.65}.ph-first-login__passkey-btnrow{margin-top: 14px;display: flex;gap: 10px;flex-wrap: wrap}@media (max-width: 720px){.ph-first-login__main{grid-template-columns: 1fr;padding: 20px 16px}.ph-first-login__topbar,.ph-first-login__stepbar{padding-left: 16px;padding-right: 16px}.ph-first-login__side-card{position: static}}.ph-passkey-prompt__card{border: 1.5px dashed #1D6FE0;background: #EEF5FF;border-radius: 10px;padding: 20px 18px;display: flex;flex-direction: column;gap: 12px}.ph-shell{font-family: var(--font-sans-cn);--ph-shell-w: 236px;--ph-shell-pad-x: 12px}.ph-shell__sidebar{width: var(--ph-shell-w);background: #1F2937;color: rgba(255,255,255,.85);display: flex;flex-direction: column;height: 100vh;flex-shrink: 0;padding: 14px var(--ph-shell-pad-x) 12px;box-sizing: border-box;gap: 12px;transition: padding .22s cubic-bezier(0.22,0.61,0.36,1);overflow: hidden}.ph-shell__brand{display: flex;flex-direction: column;gap: 6px;padding: 0 2px;flex-shrink: 0;text-decoration: none;color: inherit;cursor: pointer}.ph-shell__brand:hover{text-decoration: none}.ph-shell__brand-row{display: flex;align-items: center;gap: 12px;height: 48px;min-width: 0}.ph-shell__brand-logo{width: 48px;height: 48px;border-radius: 12px;display: block;flex-shrink: 0}.ph-shell__brand-text{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 5px;overflow: hidden;transition: opacity .15s ease .05s}.ph-shell__brand-name{font-size: 16px;font-weight: 700;color: #fff;line-height: 1;white-space: nowrap;letter-spacing: -.01em}.ph-shell__brand-env{display: flex;align-items: center;gap: 6px;font-size: 10.5px;line-height: 1;color: rgba(255,255,255,.45);white-space: nowrap}.ph-shell__env-dot{width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.ph-shell__env-name{font-weight: 600}.ph-shell__env-sep{color: rgba(255,255,255,.25)}.ph-shell__env-version{font-family: var(--font-mono)}.ph-shell__env-bar{display: none;width: 24px;height: 3px;border-radius: 2px;align-self: center}.ph-shell__scroll{flex: 1;min-height: 0;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;gap: 10px;scrollbar-width: thin;scrollbar-color: rgba(255,255,255,.14) transparent}.ph-shell__scroll::-webkit-scrollbar{width: 4px}.ph-shell__scroll::-webkit-scrollbar-track{background: transparent}.ph-shell__scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.14);border-radius: 3px}.ph-shell__scroll:hover::-webkit-scrollbar-thumb{background: rgba(255,255,255,.28)}.ph-shell__card{background: rgba(255,255,255,.05);border: 1px solid rgba(255,255,255,.07);border-radius: 10px;padding: 6px;flex-shrink: 0}.ph-shell__card-head{width: 100%;border: none;background: #1F2937;position: sticky;top: -1px;z-index: 1;border-radius: 6px;margin-bottom: 4px;padding: 6px 10px 8px 8px;font-size: 10px;letter-spacing: .1em;text-transform: uppercase;color: rgba(255,255,255,.4);display: flex;align-items: center;gap: 6px;white-space: nowrap;cursor: pointer;font-family: inherit;text-align: left}.ph-shell__card-chevron{display: inline-flex;transition: transform .15s;transform: rotate(90deg)}.ph-shell__card-chevron--folded{transform: rotate(0deg)}.ph-shell__card-count{font-weight: 400;letter-spacing: 0;color: rgba(255,255,255,.28)}.ph-shell__card-roll{margin-left: auto;font-weight: 600;letter-spacing: 0;color: rgba(255,255,255,.45)}.ph-shell__card-roll--amber{color: #F59A0B}.ph-shell__card--folded .ph-shell__item{display: none}.ph-shell__item{box-sizing: border-box;text-decoration: none;color: rgba(255,255,255,.85);border-radius: 7px;display: flex;align-items: center;gap: 10px;padding: 8px 10px;font-size: 13px;position: relative}.ph-shell__item:hover{background: rgba(255,255,255,.08);text-decoration: none}.ph-shell__item-icon{color: rgba(255,255,255,.6);flex-shrink: 0}.ph-shell__item-label{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: opacity .15s ease .05s}.ph-shell__item--active{background: #fff;color: #0F1826;font-weight: 600;box-shadow: 0 1px 2px rgba(0,0,0,.25)}.ph-shell__item--active .ph-shell__item-icon{color: #1D6FE0}.ph-shell__badge{font-size: 10.5px;font-weight: 700;color: #1F2937;background: rgba(255,255,255,.75);border-radius: 999px;padding: 0 6px;line-height: 16px;min-width: 16px;text-align: center}.ph-shell__badge--amber{background: #F59A0B}.ph-shell__item--active .ph-shell__badge{color: #fff;background: #1D6FE0}.ph-shell__item--active .ph-shell__badge--amber{background: #F59A0B}.ph-shell__dot{display: none;position: absolute;top: 5px;right: 7px;width: 7px;height: 7px;border-radius: 50%;background: #1D6FE0;border: 2px solid #1F2937}.ph-shell__dot--amber{background: #F59A0B}.ph-shell__foot{border-top: 1px solid rgba(255,255,255,.08);padding-top: 8px;display: flex;flex-direction: column;gap: 2px;flex-shrink: 0}.ph-shell__notif-host{display: flex}.ph-shell__notif{flex: 1;min-width: 0;border: none;background: none;text-align: left;color: rgba(255,255,255,.85);border-radius: 7px;font-family: inherit;display: flex;align-items: center;gap: 10px;padding: 8px 10px;font-size: 13px;cursor: pointer;position: relative}.ph-shell__notif:hover{background: rgba(255,255,255,.08)}.ph-shell__notif-host--open .ph-shell__notif{background: rgba(255,255,255,.1)}.ph-shell__notif-icon{display: inline-flex;flex-shrink: 0;color: rgba(255,255,255,.6);position: relative}.ph-shell__notif-label{flex: 1;min-width: 0;line-height: 18px;white-space: nowrap;overflow: hidden;transition: opacity .15s ease .05s}.ph-shell__notif-badge{font-size: 10.5px;font-weight: 700;color: #fff;background: #DC2626;border-radius: 999px;padding: 0 6px;line-height: 16px;min-width: 16px;text-align: center}.ph-shell__notif-panel{position: fixed;top: auto;right: auto;left: calc(var(--ph-shell-w,236px) + 8px);bottom: 14px;width: 340px;max-height: 520px;background: #fff;border: 1px solid #E3E8EF;border-radius: 12px;box-shadow: 0 16px 48px rgba(15,24,38,.22);z-index: 2000;display: flex;flex-direction: column;overflow: hidden}.ph-shell__notif-panel-head{padding: 12px 14px;border-bottom: 1px solid #EEF1F5;display: flex;align-items: center;gap: 8px}.ph-shell__notif-panel-title{font-size: 13.5px;font-weight: 700;color: #0F1826}.ph-shell__notif-empty{padding: 36px 20px;display: flex;flex-direction: column;gap: 6px;align-items: center;text-align: center}.ph-shell__notif-empty-title{font-size: 13px;font-weight: 600;color: #0F1826}.ph-shell__notif-empty-sub{font-size: 11.5px;color: #9AA3B2;line-height: 1.5}.ph-shell__user-avatar{width: 30px;height: 30px;border-radius: 50%;background: #F59A0B;color: #1F2937;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;flex-shrink: 0}.ph-shell__user-meta{flex: 1;min-width: 0;overflow: hidden;transition: opacity .15s ease .05s}.ph-shell__user-name{font-size: 12.5px;line-height: 16px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-shell__user-role{display: flex;align-items: center;gap: 5px;margin-top: 1px}.ph-shell__user-role-dot{width: 5px;height: 5px;border-radius: 50%;background: #F59A0B;flex-shrink: 0}.ph-shell__user-role-text{font-size: 10.5px;line-height: 14px;color: rgba(255,255,255,.55);white-space: nowrap}.ph-shell__user-main{display: flex;align-items: center;gap: 10px;flex: 1;min-width: 0;cursor: pointer;border-radius: 7px;padding: 6px 10px}.ph-shell__user-main:hover{background: rgba(255,255,255,.08)}.ph-avatarmenu--open .ph-shell__user-main{background: rgba(255,255,255,.1)}.ph-shell__user-chevron{display: inline-flex;flex-shrink: 0;transition: transform .15s}.ph-avatarmenu--open .ph-shell__user-chevron{transform: rotate(180deg)}.ph-shell__topbar{height: 56px;background: #fff;border-bottom: 1px solid #E3E8EF;display: flex;align-items: center;padding: 0 20px 0 12px;gap: 8px;width: 100%;flex: 1;box-sizing: border-box;font-size: 13px}.ph-shell__collapse-btn{width: 30px;height: 30px;border: none;border-radius: 6px;background: none;color: #667085;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;margin-right: 4px}.ph-shell__collapse-btn:hover{background: #F2F5F9;color: #0F1826}.ph-shell__topbar-divider{width: 1px;height: 18px;background: #E3E8EF;margin-right: 6px;flex-shrink: 0}.ph-shell__breadcrumb-slot{display: flex;align-items: center;min-width: 0}.ph-shell__breadcrumb{font-size: 13px;color: #6B7280;display: flex;align-items: center;gap: 6px}.ph-shell__breadcrumb-root{color: #9AA3B2}.ph-shell__breadcrumb-sep{color: #C2C9D4}.ph-shell__breadcrumb-current{color: #0F1826;font-weight: 600}.ph-shell__breadcrumb-parent{color: #9AA3B2;font-weight: 400}.ph-shell__breadcrumb-subtitle{color: #9AA3B2;font-weight: 400;margin-left: 10px}.ph-shell__menu-toggle{color: #0F1826;margin: 0 4px 0 -4px;background: transparent !important;box-shadow: none !important;--lumo-contrast-5pct: transparent;--lumo-contrast-10pct: rgba(15,24,38,0.06)}.ph-shell__menu-toggle::part(button){background: transparent;box-shadow: none;width: 32px;height: 32px;min-width: 0}@media (min-width: 901px){.ph-shell__menu-toggle{display: none !important}.ph-shell--collapsed{--ph-shell-w: 72px;--ph-shell-pad-x: 10px}.ph-shell--collapsed .ph-shell__brand{padding: 0}.ph-shell--collapsed .ph-shell__brand-row{gap: 0;justify-content: center}.ph-shell--collapsed .ph-shell__brand-text{flex: 0 0 0px;width: 0;min-width: 0;opacity: 0}.ph-shell--collapsed .ph-shell__env-bar{display: block}.ph-shell--collapsed .ph-shell__card-head{display: none}.ph-shell--collapsed .ph-shell__card--folded .ph-shell__item{display: flex}.ph-shell--collapsed .ph-shell__item{justify-content: center;padding: 8px 0;gap: 0}.ph-shell--collapsed .ph-shell__item-label{flex: 0 0 0px;width: 0;min-width: 0;opacity: 0}.ph-shell--collapsed .ph-shell__badge{display: none}.ph-shell--collapsed .ph-shell__dot{display: block}.ph-shell--collapsed .ph-shell__notif{justify-content: center;padding: 8px 0;gap: 0}.ph-shell--collapsed .ph-shell__notif-label{flex: 0 0 0px;width: 0;min-width: 0;opacity: 0}.ph-shell--collapsed .ph-shell__notif-badge{display: none}.ph-shell--collapsed .ph-shell__user-main{justify-content: center;padding: 6px 0;gap: 0}.ph-shell--collapsed .ph-avatarmenu--sidebar{flex: none;justify-content: center}.ph-shell--collapsed .ph-shell__user-meta{flex: 0 0 0px;width: 0;min-width: 0;opacity: 0}.ph-shell--collapsed .ph-shell__user-chevron{display: none}.ph-shell--collapsed .ph-shell__collapse-btn{color: #0F1826}}@media (max-width: 900px){.ph-shell__topbar{height: 52px;padding: 0 14px;gap: 10px}.ph-shell__sidebar{height: 100%;width: 260px}.ph-shell__collapse-btn,.ph-shell__topbar-divider{display: none}}vaadin-app-layout.ph-shell,vaadin-app-layout.ph-shell::part(navbar){transition: none}vaadin-app-layout[overlay]::part(backdrop),vaadin-app-layout[overlay] [part="backdrop"]{background: rgba(15,24,38,0.5)}vaadin-app-layout::part(drawer){background-color: transparent;border-inline-end-color: transparent;width: auto}.ph-orgs{background: #F6F8FA;width: 100%;height: 100%;align-self: stretch}.ph-orgs__header-area{background: #fff;border-bottom: 1px solid #E3E8EF;padding: 20px 14px 0;width: 100%;box-sizing: border-box;flex-shrink: 0}.ph-orgs__content-area{padding: 6px 14px 14px 14px;flex: 1;display: flex;flex-direction: column;min-height: 0;width: 100%;box-sizing: border-box}.ph-orgs__toolbar{width: 100%}.ph-orgs__heading{font-size: 22px;font-weight: 600;color: #0F1826;letter-spacing: -0.01em;margin: 0}.ph-orgs__heading-sub{margin-top: 4px;font-size: 12px;color: #6B7280}.ph-orgs__header-row{flex-wrap: wrap;row-gap: 12px}.ph-orgs__header-left{flex: 1 1 0;min-width: 0}.ph-orgs__new-btns{display: flex;gap: 8px;flex-wrap: nowrap;flex-shrink: 0}@media (max-width: 1100px){.ph-orgs__header-left{flex: 0 0 100%}.ph-orgs__new-btns{flex: 0 0 100%;flex-wrap: wrap}.ph-orgs__heading-sub{white-space: normal}.ph-orgs__toolbar>vaadin-text-field{flex: 0 0 100% !important;max-width: 100% !important;width: 100% !important}}.ph-orgs__new-btn{--lumo-contrast-5pct: #fff;--lumo-contrast-10pct: #FAFCFE;--lumo-button-color: #4B5563;background: #fff !important;border: 1px solid #E3E8EF !important;border-radius: 6px !important;color: #4B5563 !important;box-shadow: none !important;font-size: 13px !important;height: 34px !important;min-width: 0 !important;padding: 0 14px !important}.ph-orgs__new-btn:hover{background: #FAFCFE !important}.ph-orgs__new-btn[theme~="primary"]{--lumo-primary-color: #1D6FE0;--lumo-primary-text-color: #fff;background: #1D6FE0 !important;color: #fff !important;border: 1px solid #1D6FE0 !important}.ph-orgs__new-btn[theme~="primary"]:hover{background: #155ABF !important;border-color: #155ABF !important}.ph-orgs__type-tabs{display: flex;gap: 4px;overflow-x: auto;margin-bottom: -1px}.ph-orgs__type-tab{background: transparent;border: none;cursor: pointer;padding: 12px 16px;font-size: 13px;color: #6B7280;font-weight: 500;border-bottom: 2px solid transparent;display: flex;align-items: center;gap: 8px;white-space: nowrap}.ph-orgs__type-tab--active{color: #1D6FE0;font-weight: 600;border-bottom-color: #1D6FE0}.ph-orgs__type-tab-count{font-size: 11px;padding: 1px 7px;background: #F0F4F8;color: #9AA3B2;border-radius: 999px;font-weight: 500}.ph-orgs__type-tab--active .ph-orgs__type-tab-count{background: #EEF5FF;color: #1D6FE0}.ph-orgs__toolbar{padding: 0 0 6px 0}.ph-orgs__toolbar vaadin-text-field,.ph-orgs__toolbar vaadin-select{--lumo-contrast-10pct: #fff;--lumo-contrast-5pct: #fff;--lumo-border-radius-m: 6px}.ph-orgs__toolbar vaadin-text-field::part(input-field),.ph-orgs__toolbar vaadin-select::part(input-field){background: #fff !important;border: 1px solid #E3E8EF !important;border-radius: 6px !important;box-shadow: none !important}.ph-orgs__toolbar vaadin-text-field[focused]::part(input-field),.ph-orgs__toolbar vaadin-select[focused]::part(input-field){border-color: #1D6FE0 !important}.ph-orgs__toolbar vaadin-text-field::part(input-field)::before,.ph-orgs__toolbar vaadin-text-field::part(input-field)::after,.ph-orgs__toolbar vaadin-select::part(input-field)::before,.ph-orgs__toolbar vaadin-select::part(input-field)::after{display: none !important}.ph-orgs__card{background: #fff;border: 1px solid #E3E8EF;border-radius: 12px;margin-bottom: 16px}.ph-orgs__grid-card{background: #fff;border: 1px solid #E3E8EF;border-radius: 12px;overflow: hidden;flex: 1;display: flex;min-height: 0}.ph-orgs__grid-card vaadin-grid{border: none !important;border-radius: 12px;background: transparent;flex: 1;height: 100%}select.ph-orgs__status-select{flex: 0 0 auto;height: 34px;padding: 0 28px 0 10px;margin-left: 8px;border: 1px solid #E3E8EF;border-radius: 6px;background: #fff;font-family: inherit;font-size: 13px;color: #0F1826;cursor: pointer;box-sizing: border-box}select.ph-orgs__status-select:focus{outline: none;border-color: #1D6FE0}.ph-orgs__meta-grid{padding: 18px 22px;display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 16px}.ph-orgs__form-grid{padding: 18px 22px;display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 16px}.ph-orgs__card-footer{border-top: 1px solid #EEF1F5;padding: 12px 22px;display: flex;justify-content: flex-end;gap: 8px}.ph-orgs__detail-back{display: inline-flex;align-items: center;gap: 6px;color: #1D6FE0;font-size: 12px;text-decoration: none;margin-bottom: 14px;width: fit-content}.ph-orgs__detail-back:hover{color: #155ABF;text-decoration: underline}.ph-orgs__detail{padding: 24px !important;background: #F6F8FA;overflow: auto}.ph-orgs__detail>*{max-width: 1100px;margin-left: auto;margin-right: auto;width: 100%}@media (max-width: 720px){.ph-orgs__detail{padding: 14px !important}}.ph-orgs__warning-banner{margin: 0 22px 18px;padding: 10px 14px;background: #FFF8EB;border: 1px solid #FED7AA;border-radius: 6px;font-size: 12px;color: #92400E}.ph-orgs__type-tag{display: inline-flex;align-items: center;padding: 3px 10px;border-radius: 4px;font-size: 12px;font-weight: 500}.ph-orgs__type-tag--buyer{background: #EEF5FF;color: #1D6FE0}.ph-orgs__type-tag--factory{background: #F1ECFD;color: #7B5BD9}.ph-orgs__type-tag--logistics{background: #E6F5F2;color: #0F8B7A}.ph-orgs__status-badge{padding: 2px 10px;border-radius: 4px;font-size: 12px;font-weight: 500}.ph-orgs__status-badge--success{background: #E7F7EE;color: #118A3E}.ph-orgs__status-badge--warn{background: #FFF8EB;color: #B45309}.ph-orgs__status-badge--neutral{background: #F1F4F8;color: #6B7280}.ph-orgs__detail-meta{font-size: 12px;color: #6B7280;gap: 14px;flex-wrap: wrap}.ph-orgs__detail-meta-item{display: inline-flex;gap: 4px;align-items: baseline}.ph-orgs__detail-meta-label{color: #9AA3B2}.ph-orgs__detail-meta-mono{font-family: var(--font-mono)}.ph-orgs__detail-actions{gap: 8px;flex-wrap: wrap}.ph-orgs__detail .ph-orgs__detail-title-area h1,.ph-orgs__detail h1{font-size: 24px !important;font-weight: 600 !important;letter-spacing: -0.01em !important;margin: 4px 0 0 !important;line-height: 1.3 !important}.ph-orgs__form-grid vaadin-text-field,.ph-orgs__form-grid vaadin-text-area,.ph-orgs__form-grid vaadin-email-field{--lumo-contrast-10pct: #fff;--lumo-contrast-5pct: #fff;--lumo-border-radius-m: 6px;min-width: 0}.ph-orgs__form-grid vaadin-text-field::part(input-field),.ph-orgs__form-grid vaadin-text-area::part(input-field),.ph-orgs__form-grid vaadin-email-field::part(input-field){background: #fff !important;border: 1px solid #E3E8EF !important;border-radius: 6px !important;box-shadow: none !important}.ph-orgs__form-grid vaadin-text-field[focused]::part(input-field),.ph-orgs__form-grid vaadin-text-area[focused]::part(input-field),.ph-orgs__form-grid vaadin-email-field[focused]::part(input-field){border-color: #1D6FE0 !important}.ph-orgs__form-grid vaadin-text-field::part(input-field)::before,.ph-orgs__form-grid vaadin-text-field::part(input-field)::after{display: none !important}.ph-orgs__detail-actions{flex-wrap: nowrap !important;flex-shrink: 0}vaadin-button.ph-orgs__btn-warn::part(label){color: #B45309}vaadin-button.ph-orgs__btn-warn{--lumo-contrast-30pct: #FED7AA}vaadin-button.ph-orgs__btn-danger::part(label){color: #DC2626}vaadin-button.ph-orgs__btn-danger{--lumo-contrast-30pct: #FCA5A5}.ph-orgs vaadin-grid::part(header-cell){background: #F6F8FA !important;font-size: 11px !important;font-weight: 500 !important;color: #6B7280 !important;letter-spacing: 0.04em !important;text-transform: uppercase !important}.ph-orgs vaadin-grid::part(row):hover{background: #FAFCFE !important}.ph-section-header{padding: 14px 22px;border-bottom: 1px solid #EEF1F5;display: flex;align-items: center}.ph-section-header__title{font-size: 13px;font-weight: 600;color: #0F1826}.ph-section-header__action{margin-left: auto}.ph-field{display: flex;flex-direction: column;gap: 6px}.ph-field--full{grid-column: 1 / -1}.ph-field__label{font-size: 12px;font-weight: 500;color: #4B5563;display: flex;align-items: center;gap: 6px}.ph-field__required{color: #DC2626}.ph-field__hint{font-size: 11px;color: #9AA3B2}.ph-field__error{font-size: 11px;color: #DC2626}.ph-meta{display: flex;flex-direction: column}.ph-meta__label{color: #9AA3B2;font-size: 11px;font-weight: 500;letter-spacing: .04em;text-transform: uppercase;margin-bottom: 5px}.ph-meta__value{color: #0F1826;font-weight: 500;font-size: 13px}.ph-meta__value--mono{font-family: var(--font-mono)}.ph-meta__value--success{color: #118A3E}.ph-meta__value--warn{color: #B45309}.ph-temp-pwd__header{display: flex;align-items: center;gap: 10px;padding: 20px 22px 16px;border-bottom: 1px solid #EEF1F5}.ph-temp-pwd__icon-box{width: 36px;height: 36px;border-radius: 8px;background: #E7F7EE;color: #118A3E;display: flex;align-items: center;justify-content: center}.ph-temp-pwd__title{font-size: 15px;font-weight: 600;color: #0F1826}.ph-temp-pwd__sub{font-size: 12px;color: #6B7280;margin-top: 2px}.ph-temp-pwd__warning{padding: 12px 14px;background: #FEF3C7;border: 1px solid #F59A0B;border-radius: 6px;font-size: 12px;color: #92400E;margin: 16px 22px;display: flex;gap: 8px;align-items: flex-start}.ph-temp-pwd__label{font-size: 11px;color: #6B7280;letter-spacing: .06em;text-transform: uppercase;font-weight: 500;margin: 0 22px 6px}.ph-temp-pwd__row{padding: 0 22px;gap: 8px}.ph-temp-pwd__field input{background: #F6F8FA !important;font-family: var(--font-mono) !important;font-size: 16px !important;font-weight: 600;letter-spacing: 0.04em}.ph-new-org::part(overlay){border-radius: 12px;box-shadow: 0 20px 60px rgba(15,24,38,.25);max-width: calc(100vw - 24px);max-height: calc(100vh - 32px)}.ph-new-org::part(header),.ph-new-org::part(content),.ph-new-org::part(footer){padding: 0 !important}.ph-new-org::part(header){background: #fff}.ph-new-org::part(footer){background: #fff;border-top: 1px solid #EEF1F5;padding: 12px 22px !important;justify-content: flex-end}.ph-new-org__header{width: 100%;box-sizing: border-box;padding: 16px 22px;border-bottom: 1px solid #EEF1F5;display: flex;align-items: center;gap: 10px}.ph-new-org__type-tag{display: inline-flex;align-items: center;gap: 6px;padding: 3px 10px;border-radius: 4px;font-size: 11px;font-weight: 500}.ph-new-org__title{font-size: 16px;font-weight: 600;color: #0F1826}.ph-new-org__close{margin-left: auto;cursor: pointer;color: #6B7280;display: inline-flex;padding: 4px}.ph-new-org__close:hover{color: #0F1826}.ph-new-org__body{padding: 20px 22px;flex: 1;overflow-y: auto}.ph-new-org__subtitle{margin-bottom: 10px}.ph-new-org__subtitle-text{font-size: 13px;font-weight: 600;color: #0F1826}.ph-new-org__subtitle-hint{font-size: 11.5px;color: #6B7280;margin-top: 4px;line-height: 1.55}.ph-new-org__field-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 14px;margin-bottom: 22px}.ph-new-org__field-grid:last-of-type{margin-bottom: 0}.ph-new-org__warning{margin-top: 18px;padding: 10px 14px;background: #FFF8EB;border: 1px solid #FED7AA;border-radius: 6px;font-size: 12px;color: #92400E;display: flex;gap: 8px;align-items: flex-start}.ph-new-org__warning-icon{flex-shrink: 0;margin-top: 1px}.ph-new-org__cancel-btn{--lumo-contrast-5pct: transparent;background: transparent !important;color: #4B5563 !important;border: none !important;box-shadow: none !important}.ph-new-org__cancel-btn:hover{background: #F6F8FA !important}.ph-new-org__primary-btn{--lumo-primary-color: #1D6FE0;background: #1D6FE0 !important;color: #fff !important;border: none !important}.ph-new-org__primary-btn:hover{background: #155ABF !important}.ph-new-org__body vaadin-text-field,.ph-new-org__body vaadin-email-field{--lumo-contrast-10pct: #fff;--lumo-contrast-5pct: #fff;--lumo-border-radius-m: 6px;margin: 0 !important;padding: 0 !important}.ph-new-org__body vaadin-text-field::part(label),.ph-new-org__body vaadin-email-field::part(label){display: none}.ph-new-org__body vaadin-text-field::part(input-field),.ph-new-org__body vaadin-email-field::part(input-field){background: #fff !important;border: 1px solid #E3E8EF !important;border-radius: 6px !important;box-shadow: none !important}.ph-new-org__body vaadin-text-field[focused]::part(input-field),.ph-new-org__body vaadin-email-field[focused]::part(input-field){border-color: #1D6FE0 !important}.ph-new-org__body vaadin-text-field::part(input-field)::before,.ph-new-org__body vaadin-text-field::part(input-field)::after,.ph-new-org__body vaadin-email-field::part(input-field)::before,.ph-new-org__body vaadin-email-field::part(input-field)::after{display: none !important}.ph-placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 80px 16px;text-align: center;gap: 12px}.ph-placeholder__icon{color: #9AA3B2;font-size: 48px}vaadin-dialog-overlay::part(backdrop),vaadin-dialog-overlay::backdrop{background: transparent !important}vaadin-dialog::part(backdrop){background: rgba(15,24,38,0.45)}vaadin-dialog-overlay{background: transparent !important;z-index: 1100}vaadin-dialog.ph-modal-overlay::part(overlay){background: transparent !important;box-shadow: none !important;border-radius: 0 !important;border: none !important}vaadin-dialog.ph-modal-overlay::part(content){padding: 0 !important}vaadin-dialog.ph-modal-overlay::part(backdrop){background: rgba(15,24,38,0.45) !important}dialog::backdrop{background: transparent}.ph-new-cat::part(overlay){border-radius: 12px}.ph-new-cat__header{padding: 16px 22px;border-bottom: 1px solid #EEF1F5;width: 100%;box-sizing: border-box}.ph-new-cat__title-row{display: flex;align-items: center;gap: 8px}.ph-new-cat__title{font-size: 16px;font-weight: 600;color: #0F1826}.ph-new-cat__depth-pill{background: #EEF5FF;color: #1D6FE0;font-weight: 600;padding: 2px 7px;border-radius: 3px;font-size: 11px;font-variant-numeric: tabular-nums}.ph-new-cat__close{margin-left: auto;color: #6B7280;cursor: pointer;padding: 4px}.ph-new-cat__close:hover{color: #0F1826}.ph-new-cat__parent-row{margin-top: 8px;display: flex;align-items: center;gap: 6px;font-size: 12px;color: #6B7280}.ph-new-cat__parent-label{color: #9AA3B2}.ph-new-cat__parent-name{color: #0F1826;font-weight: 500}.ph-new-cat__parent-code{color: #9AA3B2;font-family: var(--font-mono)}.ph-new-cat__body{overflow-y: auto}.ph-new-cat__form-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 14px}.ph-new-cat__field{display: flex;flex-direction: column;gap: 6px}.ph-new-cat__field-label{font-size: 12px;font-weight: 500;color: #4B5563}.ph-new-cat__field-hint{font-size: 11px;color: #9AA3B2}.ph-new-cat__seg-row{display: flex;gap: 6px}.ph-new-cat__seg-btn{flex: 1;height: 38px;padding: 0 10px;border: 1px solid #E3E8EF;border-radius: 6px;background: #fff;color: #0F1826;font-size: 12.5px;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 120ms;user-select: none}.ph-new-cat__seg-btn--active{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0;font-weight: 600}.ph-new-cat__seg-btn--disabled{background: #F6F8FA;color: #9AA3B2;cursor: not-allowed}.ph-new-cat__cover-row{display: flex;gap: 14px;align-items: stretch}.ph-new-cat__cover-preview{width: 88px;height: 88px;border-radius: 10px;background: #F6F8FA;border: 1px solid #E3E8EF;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ph-new-cat__cover-upload{flex: 1;min-height: 88px;border: 1.5px dashed #C9D0DA;border-radius: 8px;background: #FAFCFE;padding: 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center}.ph-new-cat__cover-upload::part(drop-label){color: #6B7280;font-size: 12.5px;margin: 0}.ph-new-cat__cover-upload::part(drop-label-icon){display: none !important}.ph-new-cat__cover-upload::part(file-list){display: none !important}.ph-new-cat__cover-upload::part(primary-buttons){margin: 0}.ph-new-cat__cover-upload [slot="add-button"]{background: transparent !important;color: #1D6FE0 !important;border: none !important;box-shadow: none !important;font-size: 12.5px !important;font-weight: 500 !important}.ph-new-cat__preview-strip{margin-top: 18px;padding: 12px 14px;background: #F6F8FA;border: 1px solid #E3E8EF;border-radius: 8px;display: flex;align-items: center;gap: 10px;font-size: 12.5px}.ph-new-cat__preview-name{font-weight: 500;color: #0F1826}.ph-new-cat__preview-code{font-size: 11px;color: #9AA3B2;font-family: var(--font-mono)}.ph-new-cat__preview-leaf{background: #E6F4EC;color: #118A3E;padding: 2px 7px;border-radius: 3px;font-size: 11px;font-weight: 500}.ph-new-cat__preview-nonleaf{background: #F0F4F8;color: #6B7280;padding: 2px 7px;border-radius: 3px;font-size: 11px;font-weight: 500}.ph-new-cat__footer-hint{font-size: 11.5px;color: #9AA3B2}.ph-new-cat__code-row{display: flex;align-items: center;gap: 6px}.ph-ai-btn{height: 38px !important;padding: 0 11px !important;border-radius: 6px !important;border: 1px solid #C7D8FF !important;background: linear-gradient(180deg,#F4F8FF 0%,#EEF5FF 100%) !important;color: #1D6FE0 !important;font-size: 12px !important;font-weight: 600 !important;cursor: pointer !important;flex-shrink: 0;white-space: nowrap}.ph-ai-btn:hover{background: #EEF5FF !important}.ph-ai-btn[disabled]{opacity: 0.5;cursor: not-allowed !important}.ph-section-title{font-size: 12.5px;font-weight: 600;color: #0F1826;margin-bottom: 10px;margin-top: 18px;padding-bottom: 5px;border-bottom: 1px solid #EEF1F5}.ph-section-title:first-child{margin-top: 0}.ph-type-cards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(145px,1fr));gap: 8px;margin-bottom: 4px}.ph-type-card{background: #fff;border: 1.5px solid #E3E8EF;border-radius: 8px;padding: 10px 12px;display: flex;align-items: center;gap: 10px;cursor: pointer;transition: border-color 120ms,background 120ms;user-select: none}.ph-type-card:hover{border-color: #C7D8FF}.ph-type-card--active{background: #EEF5FF;border-color: #1D6FE0}.ph-type-card--disabled{cursor: not-allowed;opacity: 0.5}.ph-type-card__icon{width: 32px;height: 32px;border-radius: 6px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 14px}.ph-type-card__text{flex: 1}.ph-type-card__label{font-size: 12.5px;font-weight: 600;color: #0F1826;line-height: 1.3}.ph-type-card--active .ph-type-card__label{color: #1D6FE0}.ph-type-card__key{font-size: 10.5px;color: #9AA3B2;margin-top: 1px;font-family: var(--font-mono)}.ph-attr-dlg__header-row{display: flex;align-items: flex-start;gap: 10px;width: 100%}.ph-attr-dlg__type-icon{width: 36px;height: 36px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ph-attr-dlg__type-icon--text{background: #F0F4F8;color: #4B5563}.ph-attr-dlg__type-icon--info{background: #EEF5FF;color: #1D6FE0}.ph-attr-dlg__type-icon--warn{background: #FEF3C7;color: #B45309}.ph-attr-dlg__type-icon--measurement{background: #F0F4F8;color: #4B5563}.ph-attr-dlg__type-icon--capacity{background: #E0EBFF;color: #155ABF}.ph-attr-dlg__title-block{flex: 1;min-width: 0}.ph-attr-dlg__title-row{font-size: 16px;font-weight: 600;color: #0F1826;display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.ph-attr-dlg__code-chip{font-size: 12px;color: #6B7280;font-family: var(--font-mono);font-weight: 400;background: #F6F8FA;padding: 1px 6px;border-radius: 3px}.ph-attr-dlg__sub--lock{font-size: 11.5px;color: #B45309;margin-top: 4px;display: flex;align-items: center;gap: 4px}.ph-attr-dlg__sub--info{font-size: 11.5px;color: #6B7280;margin-top: 4px}.ph-attr-dlg__sub--info b{color: #0F1826;font-weight: 600}.ph-attr-dlg__close{background: transparent;border: none;padding: 4px;cursor: pointer;color: #6B7280}.ph-attr-dlg__close:hover{color: #0F1826}.ph-attr-dlg__measurement-panel,.ph-attr-dlg__capacity-panel{display: flex;flex-direction: column;gap: 12px}.ph-attr-dlg__axis-list{display: flex;flex-direction: column;gap: 4px}.ph-attr-dlg__axis-row{display: flex;align-items: center;gap: 8px;padding: 6px 0}.ph-attr-dlg__axis-handle{cursor: grab;color: #9CA3AF}.ph-attr-dlg__axis-remove{color: #DC2626;cursor: pointer}.ph-attr-dlg__unit-row{display: flex;gap: 16px;align-items: baseline;padding: 8px 0}.ph-attr-dlg__hint{display: block;padding-top: 4px;color: #6B7280;font-size: 0.875rem}.ph-toggle{width: 44px;height: 24px;border-radius: 999px;background: #C9D0DA;border: none;cursor: pointer;padding: 0;position: relative;transition: background 120ms;flex-shrink: 0}.ph-toggle--on{background: #1D6FE0}.ph-toggle__knob{position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.2);transition: left 120ms}.ph-toggle--on .ph-toggle__knob{left: 22px}.ph-toggle-label{font-size: 12.5px;font-weight: 500;color: #6B7280}.ph-toggle-label--on{font-weight: 600;color: #DC2626}.ph-seg-row{display: flex;gap: 6px}.ph-seg-btn{flex: 1;height: 38px;padding: 0 10px;border: 1px solid #E3E8EF;background: #fff;color: #0F1826;border-radius: 6px;cursor: pointer;font-size: 12.5px;font-weight: 500;display: inline-flex;align-items: center;justify-content: center;gap: 5px;transition: all 120ms;user-select: none}.ph-seg-btn--active{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0;font-weight: 600}.ph-dialog-footer-hint{font-size: 11.5px;color: #9AA3B2;flex: 1}.ph-opt-dlg__header-row{display: flex;align-items: center;gap: 10px;width: 100%}.ph-opt-dlg__swatch{width: 34px;height: 34px;border-radius: 7px;background: #E3E8EF;border: 1px solid rgba(15,24,38,.08);flex-shrink: 0;overflow: hidden;position: relative}.ph-opt-dlg__swatch img{width: 100%;height: 100%;object-fit: cover}.ph-opt-dlg__title-block{flex: 1;min-width: 0}.ph-opt-dlg__title-row{font-size: 15px;font-weight: 600;color: #0F1826;display: flex;align-items: center;gap: 6px}.ph-opt-dlg__sub{font-size: 11.5px;color: #9AA3B2;margin-top: 2px}.ph-opt-dlg__close{background: transparent;border: none;padding: 4px;cursor: pointer;color: #6B7280}.ph-opt-dlg__image-row{display: flex;gap: 12px;align-items: stretch}.ph-opt-dlg__image-preview{width: 80px;height: 80px;border-radius: 8px;border: 1px solid #E3E8EF;flex-shrink: 0;overflow: hidden;position: relative;background: #1D6FE0}.ph-opt-dlg__image-preview img{width: 100%;height: 100%;object-fit: cover}.ph-opt-dlg__upload{flex: 1}.ph-opt-dlg__presets{margin-top: 10px;padding: 10px 12px;background: #F6F8FA;border: 1px solid #EEF1F5;border-radius: 6px}.ph-opt-dlg__presets-label{font-size: 11px;color: #6B7280;font-weight: 500;margin-bottom: 6px}.ph-opt-dlg__color-row{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 8px}.ph-opt-dlg__color{width: 22px;height: 22px;border-radius: 4px;border: 1px solid rgba(15,24,38,.1);cursor: pointer;padding: 0}.ph-opt-dlg__color--active{border: 2px solid #0F1826}.ph-opt-dlg__pattern-row{display: flex;flex-wrap: wrap;gap: 4px}.ph-opt-dlg__pattern{padding: 3px 9px;border-radius: 4px;font-size: 11px;border: 1px solid #E3E8EF;background: #fff;color: #4B5563;font-weight: 500;cursor: pointer;font-family: inherit}.ph-opt-dlg__pattern--active{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0;font-weight: 600}.ph-new-cat__cover-empty-icon{color: #9AA3B2}.ph-cat-img-field{display: flex;flex-direction: column;gap: 10px}.ph-cat-img-grid{display: flex;flex-wrap: wrap;gap: 16px}.ph-cat-img-tile{position: relative;width: 110px;height: 110px;border-radius: 12px;overflow: hidden;border: 1px solid rgba(15,24,38,.08);background: #F6F8FA;transition: all 120ms}.ph-cat-img-tile--cover{border: 2px solid #1D6FE0;box-shadow: 0 0 0 3px #EEF5FF}.ph-cat-img-tile__fill{position: absolute;inset: 0}.ph-cat-img-tile__fill--swatch{display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 600;font-size: 56px}.ph-cat-img-tile__img{width: 100%;height: 100%;object-fit: cover;display: block}.ph-cat-img-tile__index{position: absolute;top: 6px;left: 6px;font-size: 10px;font-weight: 600;padding: 1px 6px;border-radius: 3px;background: rgba(15,24,38,.7);color: #fff;font-variant-numeric: tabular-nums}.ph-cat-img-tile__cover-badge{position: absolute;top: 6px;right: 6px;display: inline-flex;align-items: center;gap: 3px;font-size: 10px;font-weight: 600;padding: 1px 7px;border-radius: 3px;background: #1D6FE0;color: #fff}.ph-cat-img-tile__overlay{position: absolute;left: 8px;right: 8px;bottom: 8px;opacity: 0;transition: opacity 120ms;display: flex;gap: 6px}.ph-cat-img-tile:hover .ph-cat-img-tile__overlay{opacity: 1}.ph-cat-img-tile__set-cover{flex: 1;padding: 6px 8px;border-radius: 6px;background: rgba(255,255,255,.95);color: #0F1826;font-size: 12px;font-weight: 600;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 4px;box-shadow: 0 1px 3px rgba(15,24,38,.2);user-select: none}.ph-cat-img-tile__set-cover:hover{background: #fff}.ph-cat-img-tile__remove{flex: 0 0 auto;padding: 5px 8px;border-radius: 6px;background: rgba(255,255,255,.95);color: #C0322B;font-size: 12px;font-weight: 600;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 4px;box-shadow: 0 1px 3px rgba(15,24,38,.2);user-select: none}.ph-cat-img-tile__remove:hover{background: #fff}.ph-cat-img-tile__remove--full{flex: 1}.ph-cat-img-add-wrap{width: 110px;height: 110px}.ph-cat-img-add-wrap vaadin-upload{width: 100%;height: 100%;padding: 0;border: none;background: transparent}.ph-cat-img-add-upload::part(primary-buttons){width: 100%;height: 100%;padding: 0;margin: 0}.ph-cat-img-add-upload::part(drop-label){display: none !important}.ph-cat-img-add-upload::part(drop-label-icon){display: none !important}.ph-cat-img-add-upload::part(file-list){display: none !important}.ph-optimg-upload{width: 56px;height: 56px;padding: 0;border: none;background: transparent}.ph-optimg-upload::part(primary-buttons){width: 56px;height: 56px;padding: 0;margin: 0}.ph-optimg-upload::part(drop-label){display: none !important}.ph-optimg-upload::part(drop-label-icon){display: none !important}.ph-optimg-upload::part(file-list){display: none !important}.ph-optimg-upload [slot="add-button"]{width: 56px;height: 56px}.ph-cat-img-add-upload [slot="add-button"]{width: 100%;height: 100%}.ph-cat-img-add{width: 100%;height: 100%;box-sizing: border-box;border: 1.5px dashed #C9D0DA;border-radius: 12px;background: #FAFCFE;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;padding: 8px;text-align: center;cursor: pointer;transition: all 120ms;color: #6B7280}.ph-cat-img-add:hover{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0}.ph-cat-img-add__icon{font-size: 22px;font-weight: 400;line-height: 1;color: #1D6FE0}.ph-cat-img-add__title{font-size: 11.5px;font-weight: 500;color: #0F1826}.ph-cat-img-add:hover .ph-cat-img-add__title{color: #1D6FE0}.ph-cat-img-add__counter{font-size: 10px;color: #9AA3B2}.ph-cat-img-footer{display: flex;align-items: center;gap: 10px;font-size: 11px;color: #9AA3B2}.ph-cat-img-footer__left{flex: 1}.ph-cat-img-footer__cover{margin-left: auto;display: inline-flex;align-items: center;gap: 4px;color: #118A3E;font-weight: 500}.ph-basic-info-card vaadin-text-field::part(input-field),.ph-basic-info-card vaadin-text-area::part(input-field),.ph-modal vaadin-text-field::part(input-field),.ph-modal vaadin-text-area::part(input-field),.ph-modal vaadin-combo-box::part(input-field){background: #EEF1F6;border-radius: 8px;box-shadow: none}.ph-basic-info-card vaadin-text-field[focused]::part(input-field),.ph-basic-info-card vaadin-text-area[focused]::part(input-field),.ph-modal vaadin-text-field[focused]::part(input-field),.ph-modal vaadin-text-area[focused]::part(input-field),.ph-modal vaadin-combo-box[focused]::part(input-field){background: #fff;box-shadow: inset 0 0 0 1px #1D6FE0}.ph-basic-info-card__top-row>div:first-child>div{height: 40px;box-sizing: border-box}.ph-basic-info-card__top-row .ph-ai-code input{height: 40px}.ph-basic-info-card__top-row vaadin-text-field{--lumo-text-field-size: 40px;padding: 0}.ph-basic-info-card__top-row vaadin-text-field::part(input-field){min-height: 40px}[data-reorder-id]{cursor: grab}[data-reorder-id]:active{cursor: grabbing}[data-reorder-id].ph-drop-over{box-shadow: inset 0 2px 0 0 #1D6FE0;background: #EEF5FF !important}[data-reorder-id].ph-drop-after{box-shadow: inset 0 -2px 0 0 #1D6FE0;background: #EEF5FF !important}vaadin-vertical-layout>h1,.staff-page h1{font-size: 24px;font-weight: 600;margin: 0 0 4px;color: #1F2937}.staff-page p{font-size: 13px;color: #6B7280;margin: 0 0 16px}vaadin-tabs vaadin-tab .tab-count{background: #E5E7EB;color: #4B5563;border-radius: 10px;padding: 1px 8px;font-size: 11px;font-weight: 600;margin-left: 6px}.role-chip{background: #EEF5FF;color: #1D6FE0;border: 1px solid #D6E6FF;border-radius: 12px;padding: 2px 10px;font-size: 12px;line-height: 18px}.role-grid{display: grid !important;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 16px;padding: 8px 0;width: 100%}.staff-page{width: 100%;background: #F8FAFC}.staff-page>*{width: 100%}.role-card{background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;padding: 20px}.role-card h3{margin: 0;font-size: 16px;font-weight: 600;color: #111827}.role-card .role-code{color: #6B7280;font-size: 12px;font-family: var(--font-mono)}.role-card p{color: #4B5563;font-size: 13px;line-height: 1.5;margin: 8px 0}.role-card .perm-line{display: block;margin: 12px 0 4px;font-weight: 600;color: #111827;font-size: 13px}.badge-sys{background: #F3F4F6;color: #6B7280;border-radius: 4px;padding: 2px 8px;font-size: 11px;font-weight: 500;margin-left: 8px}.badge-custom{background: #FEF3C7;color: #B45309;border-radius: 4px;padding: 2px 8px;font-size: 11px;font-weight: 500;margin-left: 8px}.auth-passkey{background: #DCFCE7;color: #166534;border: 1px solid #BBF7D0;border-radius: 4px;padding: 2px 8px;font-size: 11px;font-weight: 500}.auth-warn{background: #FEF3C7;color: #B45309;border: 1px solid #FDE68A;border-radius: 4px;padding: 2px 8px;font-size: 11px;font-weight: 500}vaadin-tab .tab-count{margin-left: 8px}vaadin-vertical-layout.staff-page{background: #F8FAFC !important}.staff-section{background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 10px;padding: 16px;margin: 0 0 12px 0;width: 100%;box-sizing: border-box}.staff-section-title{margin: 0 0 12px;font-size: 12px;font-weight: 600;color: #6B7280;text-transform: uppercase;letter-spacing: 0.05em}.status-active{color: #166534;background: #DCFCE7;padding: 2px 8px;border-radius: 4px;font-size: 12px}.status-disabled{color: #991B1B;background: #FECACA;padding: 2px 8px;border-radius: 4px;font-size: 12px}.status-invited{color: #92400E;background: #FEF3C7;padding: 2px 8px;border-radius: 4px;font-size: 12px}.self-badge{background: #DBEAFE;color: #1E40AF;padding: 2px 8px;border-radius: 4px;font-size: 12px;font-weight: 500;margin-left: 8px}.staff-subheader{color: #6B7280;font-size: 13px;margin: 4px 0 16px;display: block}.login-status-card{flex: 1;background: #F1F5F9;border: 1px solid #E2E8F0;border-radius: 6px;padding: 8px 12px;font-size: 13px}.perm-summary{color: #6B7280;font-size: 12px;margin-top: 4px;display: block}body{font-family: var(--font-sans-cn) !important}vaadin-vertical-layout.staff-page{background: #F6F8FA !important;padding: 24px !important}.staff-page h1{font-size: 22px !important;font-weight: 600 !important;color: #0F1826 !important;margin: 0 0 4px !important;line-height: 1.4 !important}.staff-page p{font-size: 13px !important;color: #6B7280 !important;margin: 0 0 16px !important}vaadin-tabs{border-bottom: 1px solid #E5E7EB;background: #FFFFFF}vaadin-tab{font-size: 13px !important;font-weight: 500 !important;color: #6B7280 !important;padding: 12px 18px !important;gap: 8px !important;min-height: 45px !important}vaadin-tab[selected]{color: #1D6FE0 !important;font-weight: 600 !important}vaadin-tab .tab-count{display: inline-block !important;background: #EEF5FF !important;color: #1D6FE0 !important;border-radius: 999px !important;padding: 1px 7px !important;font-size: 11px !important;font-weight: 500 !important;margin-left: 8px !important;line-height: 16px !important}.staff-page vaadin-button[theme~=primary]{background: #1D6FE0 !important;color: #FFFFFF !important;font-size: 13px !important;font-weight: 500 !important;padding: 8px 16px !important;border-radius: 6px !important;height: 37px !important;min-height: 37px !important}.role-card h3{font-size: 14px !important;font-weight: 600 !important;color: #0F1826 !important}.role-card .role-code{font-size: 11px !important;color: #94A3B8 !important}.role-card p{font-size: 12px !important;color: #6B7280 !important;line-height: 1.5 !important}.role-card .perm-line{font-size: 12px !important}vaadin-vertical-layout.staff-section{background: #FFFFFF !important;border: 1px solid #E5E7EB !important;border-radius: 8px !important;padding: 14px 16px !important;margin: 0 0 12px 0 !important;width: 100% !important;box-sizing: border-box !important}.staff-section-title,.staff-section h4{margin: 0 0 10px !important;font-size: 11px !important;font-weight: 600 !important;color: #6B7280 !important;text-transform: uppercase !important;letter-spacing: 0.05em !important}.filter-bar vaadin-combo-box,.filter-bar vaadin-text-field{--lumo-border-radius-m: 6px;--lumo-contrast-10pct: #E3E8EF}.role-chip{display: inline-flex !important;align-items: center !important;gap: 6px !important;background: rgba(11,54,112,0.08) !important;color: #0B3670 !important;padding: 2px 8px !important;border-radius: 4px !important;font-size: 11px !important;line-height: 16px !important;border: none !important}.role-chip-dot{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #0B3670;flex-shrink: 0}.status-chip{display: inline-flex !important;align-items: center !important;gap: 6px !important;padding: 3px 9px !important;border-radius: 999px !important;font-size: 11px !important;line-height: 16px !important}.status-dot{display: inline-block;width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.status-chip--active{background: #E7F7EE;color: #118A3E}.status-chip--active .status-dot{background: #16A34A}.status-chip--disabled{background: #FFF7ED;color: #C2410C}.status-chip--disabled .status-dot{background: #EA580C}.status-chip--invited{background: #FFFBEB;color: #B45309}.status-chip--invited .status-dot{background: #F59E0B}.auth-passkey{background: #EEF5FF !important;color: #0F4897 !important;padding: 1px 6px !important;border-radius: 3px !important;font-size: 11px !important;border: none !important}.auth-warn{background: transparent !important;color: #B45309 !important;padding: 0 !important;font-size: 11px !important;border: none !important}.role-meta-banner{background: linear-gradient(135deg,#EEF5FF 0%,#F6F8FA 100%);border: 1px solid #C9DCF9;border-radius: 8px;padding: 12px 16px;display: flex;align-items: center;gap: 12px;font-size: 12.5px;color: #0F4897}.role-meta-banner__icon{display: inline-flex;color: #0F4897}.role-meta-banner__icon svg{display: block}.role-meta-banner__text{flex: 1}.role-meta-banner__text b{font-variant-numeric: tabular-nums}.role-meta-banner__export{font-size: 12px;color: #1D6FE0;cursor: pointer;text-decoration: none}.role-meta-banner__export:hover{text-decoration: underline}.role-grid{display: grid !important;grid-template-columns: repeat(auto-fill,minmax(280px,1fr)) !important;gap: 14px !important;padding: 0 !important;width: 100% !important}.role-card{background: #FFFFFF !important;border: 1px solid #E3E8EF !important;border-radius: 8px !important;padding: 0 !important;overflow: hidden;display: flex !important;flex-direction: column}.role-card__top{padding: 16px 18px;border-bottom: 1px solid #EEF1F5}.role-card__head{display: flex;align-items: center;gap: 10px;margin-bottom: 8px}.role-card__icon{width: 36px;height: 36px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.role-card__icon svg{display: block}.role-card__name-block{flex: 1;min-width: 0}.role-card__name-row{display: flex;align-items: center;gap: 6px}.role-card__name-row h3{margin: 0 !important;font-size: 14px !important;font-weight: 600 !important;color: #0F1826 !important}.role-card .role-code{font-size: 11px !important;color: #9AA3B2 !important;font-family: var(--font-mono) !important;margin-left: 0 !important}.role-card__desc{font-size: 12px !important;color: #6B7280 !important;line-height: 1.55 !important;margin: 0 !important;min-height: 36px}.role-card__mid{padding: 14px 18px;flex: 1}.role-card__perm-row{width: 100% !important;align-items: center !important;font-size: 11px !important;color: #6B7280 !important;margin-bottom: 6px}.role-card__progress{height: 6px;background: #F0F4F8;border-radius: 3px;overflow: hidden}.role-card__progress-fill{height: 100%;border-radius: 3px;transition: width .2s ease}.role-card__member-row{margin-top: 14px;display: flex;align-items: center;justify-content: space-between;font-size: 12px;color: #4B5563}.role-card__member-left{display: inline-flex;align-items: center}.role-card__footer{padding: 8px 12px;background: #FAFCFE;border-top: 1px solid #EEF1F5;display: flex;align-items: center;gap: 4px}.role-card__footer-btn{font-size: 12px !important;color: #1D6FE0 !important;padding: 4px 8px !important;min-width: 0 !important;height: auto !important;background: transparent !important}.role-card__footer-btn:hover{background: #EEF5FF !important}.role-card__footer-btn--danger{color: #DC2626 !important}.role-card__footer-btn--danger:hover{background: #FEF2F2 !important}.role-card .badge-sys{background: #F0F4F8 !important;color: #6B7280 !important;border-radius: 4px !important;padding: 1px 6px !important;font-size: 10.5px !important;font-weight: 500 !important}.role-card .badge-custom{background: #EEF5FF !important;color: #1D6FE0 !important;border-radius: 4px !important;padding: 1px 6px !important;font-size: 10.5px !important;font-weight: 500 !important}@keyframes ph-cd-roll{0%{left: -6px;opacity: 0}15%{opacity: 1}85%{opacity: 1}100%{left: 100px;opacity: 0}}.ph-conveyor-dots-wrap{display: flex;flex-direction: column;align-items: center;gap: 16px}.ph-conveyor-dots{width: 100px;height: 16px;position: relative;display: flex;align-items: center}.ph-conveyor-dots__line{position: absolute;left: 0;right: 0;top: 50%;height: 1px;background: #E3E8EF}.ph-conveyor-dots__dot{position: absolute;top: 50%;margin-top: -3px;width: 6px;height: 6px;border-radius: 50%;background: #1D6FE0;animation: ph-cd-roll 1800ms cubic-bezier(.5,0,.5,1) infinite}.ph-conveyor-dots__dot:nth-child(2){animation-delay: 0ms}.ph-conveyor-dots__dot:nth-child(3){animation-delay: 220ms}.ph-conveyor-dots__dot:nth-child(4){animation-delay: 440ms}.ph-conveyor-dots__text{font-size: 14px;color: #6B7280;font-weight: 500}.ph-loading-dialog::part(overlay){padding: 0;box-shadow: 0 8px 32px rgba(15,24,38,.18);border-radius: 12px}.ph-loading-dialog__inner{padding: 32px 48px;background: #fff;border-radius: 12px}.ph-attr-rules-btn{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 500;color: #6B7280;background: transparent;border: 1px solid transparent;cursor: pointer;padding: 4px 8px}.ph-attr-rules-btn:has(.ph-attr-rules-btn__badge){color: #B45309;font-weight: 600}.ph-attr-rules-btn:hover{background: #F0F4F8;border-color: #DCE3EB;border-radius: 4px}.ph-attr-rules-btn__badge{display: inline-flex;align-items: center;justify-content: center;background: #FEF3C7;color: #B45309;font-size: 10px;font-weight: 600;padding: 0 5px;border-radius: 8px;font-variant-numeric: tabular-nums}.ph-rules-drawer{width: 720px;max-width: 100vw}.ph-rules-drawer__header{padding: 18px 24px 12px;border-bottom: 1px solid #EEF1F5}.ph-rules-drawer__title{font-size: 18px;font-weight: 600;color: #0F1826}.ph-rules-drawer__code{font-family: var(--font-mono);color: #9AA3B2;font-size: 12px;margin-top: 4px}.ph-rules-drawer__hint{font-size: 12px;color: #6B7280;margin-top: 10px;line-height: 1.55}.ph-rule-list-tabs{display: inline-flex;gap: 0;padding: 2px;margin: 12px 24px 0;background: #F6F8FA;border: 1px solid #E3E8EF;border-radius: 6px;width: fit-content}.ph-rule-list-tab{padding: 4px 12px;font-size: 12px;font-weight: 500;line-height: 1.5;border-radius: 4px;cursor: pointer;color: #6B7280;background: transparent;border: 1px solid transparent}.ph-rule-list-tab--active{color: #0F1826;background: #FFFFFF;font-weight: 600}.ph-rule-list-search{padding: 8px 24px}.ph-rule-list-row{background: #fff;border: 1px solid #EEF1F5;border-radius: 6px;padding: 12px 14px;margin: 8px 24px;display: flex;flex-direction: column;gap: 8px}.ph-rule-list-row__title{font-size: 13px;font-weight: 600;color: #0F1826}.ph-rule-list-row__cond{font-size: 12px;color: #6B7280}.ph-rule-list-row__chips{display: flex;flex-wrap: wrap;gap: 6px}.ph-rule-list-row__chip{background: #EEF1F5;color: #1F2937;border-radius: 4px;padding: 2px 9px;font-size: 12px;font-weight: 500}.ph-rule-empty{margin: 32px 24px;padding: 32px 20px;text-align: center;border: 1px dashed #E3E8EF;border-radius: 12px;color: #9AA3B2;background: #FAFCFE}.ph-rule-empty__icon{font-size: 28px;margin-bottom: 12px}.ph-rule-edit{padding: 16px 24px;display: flex;flex-direction: column;gap: 18px}.ph-rule-edit__section{background: #fff;border: 1px solid #EEF1F5;border-radius: 10px;padding: 14px 16px}.ph-rule-edit__section-title{font-size: 13px;font-weight: 600;color: #0F1826;margin-bottom: 10px}.ph-rule-edit__cond-card{background: #FAFCFE;border: 1px solid #EEF1F5;border-radius: 10px;padding: 12px 14px;margin-bottom: 10px}.ph-rule-edit__cond-card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.ph-spec-header{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.ph-spec-header__chip{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;border-radius: 999px;font-size: 11px;font-weight: 500;line-height: 16.5px}.ph-spec-header__chip--reselect{background: #FDECEC;color: #B91C1C}.ph-spec-header__chip--constrained{background: #FFF4E5;color: #C87A05}.ph-spec-header__reset-btn{margin-left: auto;font-size: 12px;color: #1D6FE0;background: none;border: none;cursor: pointer}.ph-rec-attr-field__lock-badge{display: inline-flex;align-items: center;gap: 3px;padding: 2px 8px;border-radius: 999px;font-size: 11px;font-weight: 500;background: #FFF4E5;color: #C87A05;margin-left: 6px}.ph-rec-attr-field__rule-source{margin-left: auto;font-size: 11px;font-weight: 400;color: #C87A05}.ph-rec-attr-field--needs-reselect{border: 1px solid #F5C7C7;background: #FFF6F6;border-radius: 6px;padding: 10px 12px}.ph-rec-attr-field--needs-reselect .ph-rec-attr-field__reset-chip{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;background: #FDECEC;color: #B91C1C;font-size: 11px;font-weight: 500;margin-left: 6px}.ph-rec-attr-field__upstream{margin-left: auto;font-size: 11px;font-weight: 400;color: #B91C1C}.ph-rule-banner{background: #FDECEC;border: 1px solid #F5C7C7;border-radius: 6px;padding: 10px 12px;margin-bottom: 12px;font-size: 14px;color: #0F1826;display: flex;flex-direction: column;gap: 6px}.ph-rule-banner__title{font-weight: 600;color: #B91C1C}.ph-rule-banner__list{padding-left: 16px;margin: 4px 0}.ph-rule-banner__actions{display: flex;gap: 10px;justify-content: flex-end}.ph-rule-sidecar{background: #fff;border: 1px solid #E3E8EF;border-radius: 8px;padding: 12px 14px;gap: 12px;display: flex;flex-direction: column;position: sticky;top: 16px}.ph-rule-sidecar__header{display: flex;align-items: center;justify-content: space-between}.ph-rule-sidecar__title{font-size: 12px;font-weight: 600;color: #0F1826}.ph-rule-sidecar__chip{background: #FFF4E5;color: #C87A05;padding: 2px 8px;border-radius: 999px;font-size: 11px;font-weight: 500}.ph-rule-sidecar__card{background: #FFFBF1;border: 1px solid #FFE0A8;border-radius: 6px;padding: 10px 12px;font-size: 14px;color: #0F1826;margin-bottom: 0}.ph-rule-sidecar__card-title{font-weight: 600;font-size: 14px;color: #0F1826;margin-bottom: 4px}.ph-rule-sidecar__card-cond{font-size: 12px;font-weight: 400;color: #0F1826;margin-bottom: 4px}.ph-rule-sidecar__card-chips{display: flex;flex-wrap: wrap;gap: 4px}.ph-rule-sidecar__card-chip{background: #EEF1F5;color: #1F2937;padding: 2px 9px;border-radius: 4px;font-size: 12px;font-weight: 500}.ph-rule-sidecar__footer{font-size: 11px;color: #9AA3B2;padding-top: 4px}.ph-rec-item-card{background: #fff;border: 1px solid #E3E8EF;border-radius: 10px;overflow: hidden;box-shadow: 0 1px 2px rgba(15,24,38,.04);transition: border-color 120ms,box-shadow 120ms}.ph-rec-item-card--customized{border-color: #D6E6FF;box-shadow: 0 0 0 3px rgba(29,111,224,.06)}.ph-rec-item-card__head{display: flex;align-items: center;gap: 10px;padding: 12px 14px;cursor: pointer}.ph-rec-item-card__index{width: 22px;text-align: center;flex-shrink: 0;font-size: 11px;font-weight: 600;color: #9AA3B2;font-variant-numeric: tabular-nums}.ph-rec-item-card__index--customized,.ph-rec-item-card--customized .ph-rec-item-card__index{color: #0F4897}.ph-rec-item-card__thumb{width: 56px;height: 56px;flex-shrink: 0;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 700;color: #fff;box-sizing: border-box}.ph-rec-item-card__name-block{flex: 1;min-width: 0}.ph-rec-item-card__title-row{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.ph-rec-item-card__name{font-size: 13.5px;font-weight: 600;color: #0F1826;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 260px}.ph-rec-item-card__tier-badge{font-size: 10px;padding: 1px 6px;border-radius: 3px;font-weight: 600;flex-shrink: 0;white-space: nowrap}.ph-rec-item-card__customized-chip{display: inline-flex;align-items: center;gap: 3px;font-size: 10px;padding: 1px 6px;border-radius: 999px;background: #EEF5FF;color: #0F4897;border: 1px solid #D6E6FF;font-weight: 600;flex-shrink: 0;white-space: nowrap}.ph-rec-item-card__customized-dot{width: 5px;height: 5px;border-radius: 50%;background: #1D6FE0}.ph-rec-item-card__subtitle{margin-top: 3px;font-size: 11.5px;color: #6B7280;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;align-items: center;gap: 6px}.ph-rec-item-card__subtitle-dot{color: #D3D8E0}.ph-rec-item-card__price{font-family: var(--font-mono);color: #374151}.ph-rec-item-card__price--custom{color: #0F4897;font-weight: 600}.ph-rec-item-card__price-exclusive{font-size: 11.5px;color: #1D6FE0}.ph-rec-item-card__qty-meta{font-family: var(--font-mono);color: #0F4897;font-weight: 600}.ph-rec-item-card__head-actions{display: flex;align-items: center;gap: 4px;flex-shrink: 0;color: #6B7280}.ph-rec-item-card__chevron-btn,.ph-rec-item-card__remove-btn{width: 28px !important;min-width: 28px !important;height: 28px !important;padding: 0 !important;border: 1px solid #E3E8EF !important;background: #fff !important;border-radius: 6px;color: #6B7280 !important;box-shadow: none !important}.ph-rec-item-card__chevron-btn vaadin-icon,.ph-rec-item-card__remove-btn vaadin-icon{width: 12px;height: 12px}.ph-rec-item-card__body{border-top: 1px dashed #E3E8EF;padding: 14px 16px;background: #FAFBFD;display: flex;flex-direction: column;gap: 14px}.ph-rec-item-card__section{display: block}.ph-rec-item-card__section-label-row{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;margin-bottom: 8px}.ph-rec-item-card__section-label{font-size: 11px;font-weight: 600;color: #0F1826;letter-spacing: .04em;text-transform: uppercase}.ph-rec-item-card__section-meta{font-size: 10.5px;color: #9AA3B2}.ph-rec-item-card__price-empty{padding: 10px 12px;background: #F6F8FA;border-radius: 6px;font-size: 12px;color: #6B7280;display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap}.ph-rec-item-card__price-empty-range{color: #0F1826;font-family: var(--font-mono);font-weight: 700}.ph-rec-item-card__price-add-btn{padding: 4px 10px;border: 1px solid #1D6FE0;background: #fff;color: #0F4897;border-radius: 5px;font-size: 11.5px;font-weight: 600}.ph-rec-item-card__price-rows{display: flex;flex-direction: column;gap: 8px}.ph-rec-item-card__price-row{display: grid;grid-template-columns: 1.1fr 1.4fr 28px;gap: 8px;align-items: center}.ph-rec-item-card__price-row-header{font-size: 10.5px;font-weight: 600;color: #9AA3B2;letter-spacing: .04em;text-transform: uppercase;padding: 0 2px}.ph-rec-item-card__price-cell{display: flex;align-items: center;height: 32px;padding: 0 9px;border: 1px solid #E3E8EF;border-radius: 6px;background: #fff}.ph-rec-item-card__price-input{flex: 1;min-width: 0}.ph-rec-item-card__price-input::part(input-field){background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;min-height: 0;font-family: var(--font-mono);font-size: 12.5px;color: #0F1826}.ph-rec-item-card__price-input-prefix,.ph-rec-item-card__price-input-suffix{color: #9AA3B2;font-size: 10.5px;white-space: nowrap}.ph-rec-item-card__price-input-prefix{font-size: 12.5px;margin-right: 2px}.ph-rec-item-card__price-row-remove{width: 28px !important;min-width: 28px !important;height: 32px !important;padding: 0 !important;border: 1px solid #E3E8EF !important;background: #fff !important;border-radius: 6px;color: #9AA3B2 !important;box-shadow: none !important}.ph-rec-item-card__price-footer{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding-top: 2px}.ph-rec-item-card__price-add-tier-btn{padding: 5px 10px !important;border: 1px dashed #C9D0DA !important;background: transparent !important;color: #1D6FE0 !important;border-radius: 5px;font-size: 11.5px;font-weight: 600;box-shadow: none !important}.ph-rec-item-card__price-clear-btn{color: #6B7280 !important;font-size: 11px;font-weight: 500;text-decoration: underline;text-underline-offset: 2px;background: transparent !important;padding: 0 4px !important;box-shadow: none !important}.ph-rec-item-card__price-hint{font-size: 10.5px;color: #9AA3B2;line-height: 1.5;padding: 2px}.ph-rec-item-card__price-hint-range{color: #0F1826;font-family: var(--font-mono);font-weight: 600}.ph-rec-item-card__qty-note-row{display: grid;grid-template-columns: minmax(180px,240px) 1fr;gap: 12px}.ph-rec-item-card__qty-block,.ph-rec-item-card__note-block{display: flex;flex-direction: column;gap: 6px}.ph-rec-item-card__qty-control{display: flex;align-items: center;gap: 4px;height: 34px;padding: 0 10px;border: 1px solid #E3E8EF;border-radius: 6px;background: #fff}.ph-rec-item-card__qty-input{flex: 1;min-width: 0}.ph-rec-item-card__qty-input::part(input-field){background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;min-height: 0;font-family: var(--font-mono);font-size: 13px;color: #0F1826}.ph-rec-item-card__qty-input-suffix{color: #9AA3B2;font-size: 11.5px;white-space: nowrap}.ph-rec-item-card__note-input{width: 100%}.ph-rec-item-card__note-input::part(input-field){border: 1px solid #E3E8EF !important;background: #fff !important;box-shadow: none !important;padding: 8px 10px !important;font-size: 12.5px;line-height: 1.5;color: #0F1826;border-radius: 6px}.ph-rec-drawer-overlay{position: fixed;inset: 0;z-index: 200;display: flex;justify-content: flex-end;background: rgba(15,24,38,.4);animation: phRecFadeIn 160ms ease-out}.ph-rec-drawer__panel{width: 560px;max-width: 100%;height: 100vh;background: #fff;box-shadow: -8px 0 32px rgba(15,24,38,.18);display: flex;flex-direction: column;animation: phRecSlideInRight 220ms cubic-bezier(.32,.72,.32,1)}.ph-rec-drawer__header-left{flex: 1;min-width: 0}@keyframes phRecFadeIn{from{opacity: 0}to{opacity: 1}}@keyframes phRecSlideInRight{from{transform: translateX(100%)}to{transform: translateX(0)}}@media (max-width: 640px){.ph-rec-drawer__panel{width: 100%}}.ph-rec-drawer__header{padding: 16px 20px;border-bottom: 1px solid #E3E8EF;display: flex;align-items: center;gap: 12px;flex-shrink: 0}.ph-rec-drawer__title{font-size: 15px;font-weight: 600;color: #0F1826}.ph-rec-drawer__subtitle{font-size: 12px;color: #6B7280;margin-top: 2px}.ph-rec-drawer__close{width: 28px;height: 28px;background: #F6F8FA;border-radius: 6px;flex-shrink: 0}.ph-rec-drawer__hint{padding: 10px 20px;background: #FAFBFD;border-bottom: 1px solid #EEF1F5;font-size: 11.5px;color: #6B7280;flex-shrink: 0}.ph-rec-drawer__list{flex: 1;min-height: 0;overflow-y: auto;padding: 12px 16px;display: flex;flex-direction: column;gap: 10px}.ph-rec-drawer__empty{padding: 60px 16px;text-align: center;color: #9AA3B2;font-size: 13px}.ph-rec-drawer__footer{padding: 14px 20px;border-top: 1px solid #E3E8EF;background: #FAFBFD;flex-shrink: 0}.ph-rec-drawer__note-label{font-size: 11.5px;color: #6B7280;font-weight: 600;display: block;margin-bottom: 6px}.ph-rec-drawer__actions{display: flex;gap: 8px;margin-top: 10px}.ph-rec-drawer__continue-btn{flex: 1}.ph-rec-drawer__save-btn{flex: 1}.ph-rec-saved-detail{flex: 1;overflow: auto;background: #F6F8FA}.ph-rec-saved-detail__header{position: sticky;top: 0;z-index: 5;background: #fff;border-bottom: 1px solid #E3E8EF;padding: 14px 24px;display: flex;align-items: center;gap: 12px}.ph-rec-saved-detail__back-btn{padding: 6px 12px;background: transparent;border: 1px solid #E3E8EF;border-radius: 6px;font-size: 12px;color: #4B5563;flex-shrink: 0;white-space: nowrap}.ph-rec-saved-detail__info{flex: 1;min-width: 0}.ph-rec-saved-detail__title-row{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.ph-rec-saved-detail__customer{font-size: 15px;font-weight: 600;color: #0F1826;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-rec-saved-detail__meta{margin-top: 3px;font-size: 11.5px;color: #6B7280;display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.ph-rec-saved-detail__actions{display: flex;gap: 8px;flex-shrink: 0}.ph-rec-saved-detail__kpi-band{padding: 12px 24px;background: #fff;border-bottom: 1px solid #EEF1F5;display: grid;grid-template-columns: repeat(4,1fr);gap: 18px}.ph-rec-kpi-tile__label{font-size: 10.5px;font-weight: 600;color: #9AA3B2;letter-spacing: .06em;text-transform: uppercase}.ph-rec-kpi-tile__value{margin-top: 4px;font-size: 18px;font-weight: 600;color: #0F1826;font-variant-numeric: tabular-nums}.ph-rec-kpi-tile--info .ph-rec-kpi-tile__value{color: #0F4897}.ph-rec-kpi-tile__hint{font-size: 10.5px;color: #9AA3B2}.ph-rec-saved-detail__main{max-width: 960px;margin: 0 auto;padding: 20px 24px 60px;display: flex;flex-direction: column;gap: 16px;box-sizing: border-box}.ph-rec-saved-detail__note-card{background: #fff;border-radius: 10px;border: 1px solid #EEF1F5}.ph-rec-saved-detail__note-header{padding: 12px 18px;border-bottom: 1px solid #EEF1F5;display: flex;align-items: center;gap: 8px}.ph-rec-saved-detail__note-title{font-size: 13px;font-weight: 600;color: #0F1826}.ph-rec-saved-detail__note-sub{font-size: 11px;color: #9AA3B2}.ph-rec-saved-detail__note-counter{margin-left: auto;font-size: 11px;color: #9AA3B2;font-variant-numeric: tabular-nums}.ph-rec-saved-detail__note-area{width: 100%;padding: 12px 18px;border: none;outline: none;resize: vertical;font-size: 13px;color: #0F1826;line-height: 1.6;background: transparent}.ph-rec-saved-detail__list-header{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;padding: 0 4px}.ph-rec-saved-detail__list-title{font-size: 13px;font-weight: 600;color: #0F1826;white-space: nowrap}.ph-rec-saved-detail__list-hint{font-size: 11.5px;color: #9AA3B2}.ph-rec-saved-detail__list{display: flex;flex-direction: column;gap: 10px}.ph-rec-saved-detail__empty{background: #fff;padding: 48px;text-align: center;border-radius: 10px}.ph-rec-saved-detail__empty-icon{width: 56px;height: 56px;margin: 0 auto 12px;border-radius: 50%;background: #F6F8FA;display: flex;align-items: center;justify-content: center;color: #9AA3B2}.ph-rec-saved-detail__empty-title{font-size: 14px;font-weight: 600;color: #0F1826;margin-bottom: 4px}.ph-rec-saved-detail__empty-sub{font-size: 12.5px;color: #6B7280;margin-bottom: 14px}.ph-rec-saved-detail__removed-toast{background: #0F1826;color: #fff;padding: 10px 18px;border-radius: 8px;font-size: 12.5px;font-weight: 500;box-shadow: 0 6px 20px rgba(15,24,38,.28)}.ph-rec-quote-placeholder{background: #C9D0DA !important;color: #fff !important;opacity: .7;cursor: not-allowed}.ph-rec-soon-badge{margin-left: 6px;padding: 1px 5px;border-radius: 3px;background: rgba(255,255,255,.25);font-size: 9px;font-weight: 600;letter-spacing: .04em}.save-confirm-action{color: #1D6FE0;font-size: 12px;font-weight: 600;padding: 4px 8px}.save-confirm-action:hover{background: rgba(29,111,224,.08)}.ph-rec-saved-detail__back-btn,.ph-rec-saved-detail__add-more-btn{background: #fff !important;border: 1px solid #E3E8EF !important;color: #0F1826 !important;border-radius: 6px;font-size: 12.5px;height: 32px;min-width: 0;padding: 0 12px;box-shadow: none}.ph-rec-saved-detail__back-btn vaadin-icon,.ph-rec-saved-detail__add-more-btn vaadin-icon{width: 13px;height: 13px;color: #4B5563;margin-inline-end: 4px}.ph-rec-saved-detail__back-btn::part(label),.ph-rec-saved-detail__add-more-btn::part(label){color: inherit;font-weight: 500}.ph-rec-quote-placeholder{background: #C9D0DA !important;color: #fff !important;opacity: .8;cursor: not-allowed !important;border: none !important;border-radius: 6px;padding: 0 14px;height: 32px;font-size: 12.5px;font-weight: 600}.ph-rec-quote-placeholder vaadin-icon{width: 13px;height: 13px;color: #fff;margin-inline-end: 4px}.ph-rec-quote-placeholder::part(label){color: #fff;font-weight: 600}.ph-rec-quote-placeholder[disabled]{pointer-events: auto !important}.ph-rec-quote-placeholder .ph-rec-soon-badge{margin-left: 6px;padding: 1px 5px;border-radius: 3px;background: rgba(255,255,255,.25);font-size: 9px;font-weight: 600;letter-spacing: .04em;color: #fff;line-height: 1.4;flex: 0 0 auto}.ph-rec-saved-detail__note-area{width: 100%;padding: 0;background: transparent;--lumo-contrast-10pct: transparent;--lumo-text-field-size: auto}.ph-rec-saved-detail__note-area::part(input-field){background: transparent !important;border: none !important;box-shadow: none !important;padding: 12px 18px !important;min-height: 72px;font-size: 13px;line-height: 1.6;color: #0F1826}.ph-rec-saved-detail__note-area:hover::part(input-field){background: #FAFBFD !important}.ph-rec-saved-detail__note-area[focused]::part(input-field){background: #FAFBFD !important}.ph-rec-saved-detail__note-area>[slot="input"]{font-family: var(--font-sans-cn)}@media (max-width: 640px){.ph-rec-item-card__head{padding: 10px 12px;gap: 8px}.ph-rec-item-card__cover{width: 48px;height: 48px}.ph-rec-item-card__name{max-width: 180px}.ph-rec-item-card__body{padding: 12px}.ph-rec-item-card__qty-note{grid-template-columns: 1fr}.ph-rec-item-card__custom-price-row{grid-template-columns: 1fr 1fr 28px}.ph-rec-saved-detail__kpi-band{grid-template-columns: 1fr 1fr;gap: 10px;padding: 10px 14px}.ph-rec-saved-detail__header{padding: 10px 14px}.ph-rec-saved-detail__main{padding: 14px 14px 60px}}@keyframes ph-iq-pulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: .45;transform: scale(.78)}}.ph-iq-strip__pulse-dot{animation: ph-iq-pulse 1.6s ease-in-out infinite}.ph-iq-strip__pulse-pill{animation: ph-iq-pulse 2.4s ease-in-out infinite}.ph-fq-bottom-grid{display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: 16px;align-items: start}.ph-fq-bottom-grid>:last-child{position: sticky;top: 16px}@container admin-main (max-width: 899px){.ph-fq-bottom-grid{grid-template-columns: 1fr}.ph-fq-bottom-grid>:last-child{position: static}}.ph-product-archive{container: ph-product-archive / inline-size;display: flex;flex-direction: column;flex: 1 0 auto;width: 100%;min-width: 0;min-height: 560px;align-self: stretch;box-sizing: border-box;border: 1px solid var(--ph-ink-200);border-radius: 12px;background: #fff;overflow: hidden}.ph-product-archive [hidden]{display: none}.ph-product-archive__viewer{display: flex;flex-direction: column;flex: 1;min-height: 260px;min-width: 0;overflow: hidden;background: #f4f6f8}.ph-product-archive__viewer>[data-ph-scene-preview]{display: flex;flex-direction: column;flex: 1;min-height: 0}.ph-product-archive__viewer>.ph-dc-tech__foot-warn{flex: none;padding: 6px 12px;font-size: 11px;line-height: 1.5;background: var(--ph-amber-50,#fffbeb)}.ph-product-archive__maintenance{display: flex;flex-direction: column;flex: 1;align-items: center;justify-content: center;gap: 12px;padding: 40px 24px;text-align: center}.ph-product-archive__maintenance>:first-child{color: var(--ph-ink-400)}.ph-product-archive__maintenance-title{font-size: 14px;font-weight: 600;color: var(--ph-ink-700)}.ph-product-archive__maintenance-note{max-width: 270px;font-size: 12px;line-height: 1.7;color: var(--ph-ink-600)}.ph-product-archive__specs{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 24px;flex: none;padding: 10px 18px;border-bottom: 1px solid var(--ph-ink-100);background: #fff}.ph-product-archive__tags{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 6px;padding: 2px 0 10px}.ph-product-archive__tag{padding: 1px 8px;border-radius: 4px;background: var(--ph-ink-50);color: var(--ph-ink-600);font: 11px/20px var(--font-sans-cn);overflow-wrap: anywhere}.ph-product-archive__spec{display: grid;grid-template-columns: 64px minmax(0,1fr);gap: 8px;align-items: baseline;min-height: 24px;padding: 1px 0;border-bottom: 1px solid var(--ph-ink-100);font: 12px/20px var(--font-sans-cn)}.ph-product-archive__spec:last-child{border-bottom: 0}.ph-product-archive__key{color: var(--ph-ink-600);font-size: 11px;overflow-wrap: anywhere}.ph-product-archive__value{color: var(--ph-ink-900);font-weight: 500;overflow-wrap: anywhere}.ph-product-archive__spec--dimension .ph-product-archive__value{color: var(--ph-blue-700);font-weight: 600;font-variant-numeric: tabular-nums}.ph-product-archive__empty,.ph-product-archive__note{grid-column: 1 / -1;font-size: 12px;line-height: 1.6;color: var(--ph-ink-600);white-space: pre-wrap;overflow-wrap: anywhere}.ph-product-archive__note{margin-top: 6px}.ph-product-archive__materials{flex: none;border-top: 1px solid var(--ph-ink-100);padding: 8px 18px;background: #fafbfd}.ph-product-archive__materials .ph-fq-assets{border: 0;border-radius: 0;background: transparent}.ph-product-archive__materials .ph-fq-assets__head{gap: 8px;min-height: 18px;margin-bottom: 6px;padding: 0;border: 0}.ph-product-archive__materials .ph-fq-assets__head>.ph-icon{display: none}.ph-product-archive__materials .ph-fq-assets__title{font-size: 11px;line-height: 18px;color: var(--ph-ink-800)}.ph-product-archive__materials .ph-fq-assets__count{font-size: 10px;color: var(--ph-ink-600)}.ph-product-archive__materials .ph-fq-assets__summary{margin-right: auto;font-size: 9px;line-height: 18px;color: var(--ph-ink-600)}.ph-product-archive__materials .ph-fq-assets__toggle{padding: 0 3px;min-height: 20px;flex: none;border: 0;border-radius: 3px;background: transparent;color: var(--ph-blue-700);font: 10px/18px var(--font-sans-cn);white-space: nowrap;cursor: pointer}.ph-product-archive__materials .ph-fq-assets__toggle:hover{background: var(--ph-blue-50)}.ph-product-archive__materials .ph-fq-assets__body{display: grid;grid-template-columns: 204px minmax(0,1fr);gap: 16px;align-items: start;padding: 0;height: max(calc(var(--ph-assets-media-rows) * 62px - 6px),calc(var(--ph-assets-file-rows) * 33px - 1px));overflow: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-gutter: stable;scrollbar-color: var(--ph-ink-300) transparent}.ph-product-archive__materials .ph-fq-assets__body--files-only{grid-template-columns: minmax(0,1fr)}.ph-product-archive__materials .ph-fq-assets__grid{grid-template-columns: repeat(3,64px);gap: 6px}.ph-product-archive__materials .ph-fq-assets__body--media-only{grid-template-columns: minmax(0,1fr);height: auto;max-height: max(0px,calc(var(--ph-assets-media-rows) * 62px - 6px))}.ph-product-archive__materials .ph-fq-assets__body--media-only .ph-fq-assets__grid{grid-template-columns: repeat(auto-fill,64px)}.ph-product-archive__materials .ph-fq-assets__tile{position: relative}.ph-product-archive__materials .ph-fq-assets__preview{width: 64px;height: 56px;border: 0;border-radius: 5px;background: #e9eef3}.ph-product-archive__materials .ph-fq-assets__preview:hover{outline: 1px solid var(--ph-blue-300);outline-offset: -1px}.ph-product-archive__materials .ph-fq-assets__tile-foot{position: absolute;bottom: 2px;right: 2px;min-height: 18px}.ph-product-archive__materials .ph-fq-assets__name{display: none}.ph-product-archive__materials .ph-fq-assets__tile-foot .ph-fq-assets__download{opacity: 0;background: #fff;border-radius: 3px}.ph-product-archive__materials .ph-fq-assets__tile:is(:hover,:focus-within) .ph-fq-assets__download{opacity: 1}.ph-product-archive__materials .ph-fq-assets__cover{top: 2px;left: 2px;padding: 0 3px;font-size: 8px}.ph-product-archive__materials .ph-fq-assets__file-list{gap: 1px;min-width: 0}.ph-product-archive__materials .ph-fq-assets__file-row{min-height: 18px;padding: 0;gap: 6px;border: 0}.ph-product-archive__materials .ph-fq-assets__format{width: 25px;height: 15px;border-radius: 3px;font-size: 8px;background: var(--ph-ink-100);color: var(--ph-ink-700)}.ph-product-archive__materials .ph-fq-assets a.ph-fq-assets__file-name{font-size: 11px;line-height: 18px;font-weight: 400;color: var(--ph-ink-800)}.ph-product-archive__materials .ph-fq-assets a.ph-fq-assets__download{justify-content: center;min-height: 18px;width: 18px;padding: 0;color: var(--ph-blue-700)}.ph-product-archive__materials :is(button,a):focus-visible{outline: 2px solid var(--ph-blue-500);outline-offset: -1px}.ph-product-archive__materials .ph-fq-assets__body:focus-visible{outline: 2px solid var(--ph-blue-500);outline-offset: -2px}@container ph-product-archive (max-width: 380px){.ph-product-archive__specs{grid-template-columns: minmax(0,1fr);gap: 0;padding: 16px 18px}.ph-product-archive__spec{grid-template-columns: 88px minmax(0,1fr);min-height: 28px}.ph-product-archive__key{font-size: 12px}.ph-product-archive__value{font-size: 13px}.ph-product-archive__materials .ph-fq-assets__body{grid-template-columns: minmax(0,1fr);gap: 12px;height: calc(max(0px,var(--ph-assets-media-rows) * 84px - 8px) + max(0px,var(--ph-assets-file-rows) * 38px - 6px) + var(--ph-assets-group-gap))}.ph-product-archive__materials .ph-fq-assets__grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.ph-product-archive__materials .ph-fq-assets__body--media-only{max-height: max(0px,calc(var(--ph-assets-media-rows) * 84px - 8px))}.ph-product-archive__materials .ph-fq-assets__body--media-only .ph-fq-assets__grid{grid-template-columns: repeat(3,minmax(0,1fr))}.ph-product-archive__materials .ph-fq-assets__preview{width: 100%;height: 76px}.ph-product-archive__materials .ph-fq-assets__file-list{gap: 6px}.ph-product-archive__materials .ph-fq-assets__file-row{min-height: 24px}.ph-product-archive__materials .ph-fq-assets a.ph-fq-assets__file-name{line-height: 24px}.ph-product-archive__materials .ph-fq-assets a.ph-fq-assets__download{width: 24px;min-height: 24px}}.ph-saved-artwork-note{position: absolute;left: 12px;bottom: 12px;z-index: 3;max-width: min(420px,calc(100% - 24px));box-sizing: border-box;padding: 6px 10px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-ink-700);font-size: 12px;line-height: 1.5;pointer-events: none}