:root{--brand:#2563eb;--brand-dark:#1d4ed8;--brand-soft:#2563eb1f;--brand-ring:#2563eb29;--brand-border:#2563eb40;--success:#10b981;--success-soft:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b1f;--danger:#ef4444;--danger-soft:#ef44441f;--info:#3b82f6;--info-soft:#3b82f61f;--info-border:#3b82f640;--purple:#8b5cf6;--purple-soft:#8b5cf61f;--purple-border:#8b5cf640;--cyan:#0891b2;--cyan-soft:#06b6d41f;--chip-cyan:#0891b2;--bg-app:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--surface-3:#eef2f7;--surface-elevated:#fff;--surface-muted:#f8fafc;--surface-hover:#0f172a0a;--shadow-soft:0 6px 14px #0f172a0f;--surface-1:var(--surface);--accent-blue:var(--brand);--border:#e2e8f0;--border-soft:#e2e8f0d1;--border-strong:#cbd5e1;--text-main:#0f172a;--text-body:#475569;--text-muted:#7b8794;--text-soft:#94a3b8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 6px #0f172a0d;--shadow-md:0 8px 20px #0f172a14;--shadow-lg:0 16px 36px #0f172a24;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--sidebar-width:268px;--sidebar-compact-width:92px;--sidebar-rail-width:64px;--content-max-width:100%;--page-x:22px;--page-y:20px;--surface-page:#f8fafc;--surface-card:#fff;--surface-card-alt:linear-gradient(180deg, #fff 0%, #fbfdff 100%);--surface-inset:#f8fafc;--surface-overlay:#00000080;--surface-overlay-blur:#00000061;--grad-brand-chip:linear-gradient(135deg, #dbeafe 0%, #e0f2fe 100%);--grad-brand-chip-hover:linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%);--grad-dark-btn:linear-gradient(135deg, #27272a 0%, #18181b 100%);--grad-dark-btn-hover:linear-gradient(135deg, #18181b 0%, #27272a 100%);--grad-input:linear-gradient(180deg, #f8fbff 0%, #f1f5f9 100%);--grad-input-hover:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--grad-purple-soft:linear-gradient(135deg, #eef2ff 0%, #eff6ff 100%);--grad-purple-soft-hover:linear-gradient(135deg, #e0e7ff 0%, #dbeafe 100%);--grad-purple-card:linear-gradient(135deg, #f5f3ff 0%, #eff6ff 100%);--grad-danger-btn:linear-gradient(180deg, #ef4444 0%, #dc2626 100%);--grad-danger-btn-hover:linear-gradient(180deg, #dc2626 0%, #b91c1c 100%);--grad-brand-btn:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--grad-success-btn:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--grad-fade-bottom:linear-gradient(180deg, #f8fafc00 0%, #fff 38%);--grad-fade-bottom-alt:linear-gradient(180deg, #f8fafc00 0%, #f8fafcf2 28%, #f8fafc 100%);--grad-brand-surface:linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);--ambient-bg:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 26%), radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--warning) 11%, transparent), transparent 24%), radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 22%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--purple) 8%, transparent), transparent 30%);--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-dim:#94a3b8;--text-link:#2563eb;--text-on-brand:#fff;--text-on-surface:#0f172a;--border-default:#cbd5e1;--border-light:#e2e8f0;--border-lighter:#e5e7eb;--border-input:#d1d5db;--success-dark:#059669;--success-border:#10b98140;--warning-dark:#d97706;--warning-border:#f59e0b40;--danger-dark:#dc2626;--danger-border:#ef444440;--table-header-bg:#f8fafc;--table-row-hover:#f8fbff;--table-border:#e2e8f0bf;--card-radius:16px;--card-shadow:0 4px 20px #0f172a12;--card-shadow-lg:0 14px 36px #0f172a14;--modal-shadow:0 32px 80px #0f172a38;--input-bg:#fff;--input-border:#e2e8f0;--input-focus-border:var(--brand);--input-focus-ring:#2563eb1f;--input-placeholder:#94a3b8;--input-disabled-bg:#f8fafc;--input-height:42px;--input-radius:10px;--btn-radius:10px;--btn-height:42px;--btn-font-weight:700;--focus-ring:0 0 0 3px #2563eb1f;--focus-ring-danger:0 0 0 3px #ef44441f;--focus-ring-success:0 0 0 3px #10b9811f;--transition-fast:.14s ease;--transition-base:.2s ease;--transition-smooth:.25s cubic-bezier(.4, 0, .2, 1);--dur-1:.12s;--dur-2:.18s;--dur-3:.24s;--ease-out:ease-out;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--radius-component:var(--radius-md);--radius-card:var(--radius-lg);--radius-sm-plus:10px;--radius-full:var(--radius-pill);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:30px;--mono-font:"JetBrains Mono", "Courier New", monospace;--sidebar-bg:linear-gradient(180deg, #fff 0%, #f8fbff 100%);--sidebar-surface:#fffffff5;--sidebar-text:#526075;--sidebar-text-strong:#0f172a;--sidebar-hover:#2563eb0f;--sidebar-active:linear-gradient(90deg, #2563eb24 0%, #2563eb08 100%);--sidebar-border:#e2e8f0eb;--sidebar-footer-bg:#f8fafcdb}html.modal-open{overscroll-behavior:none;overflow:hidden}[data-theme=dark]{--brand:#3b82f6;--brand-dark:#60a5fa;--brand-soft:#ffffff0b;--brand-ring:#ffffff1a;--brand-border:#ffffff1f;--success:#34d399;--success-soft:#34d39924;--success-dark:#10b981;--success-border:#34d39940;--warning:#fbbf24;--warning-soft:#fbbf2424;--warning-dark:#f59e0b;--warning-border:#fbbf2440;--danger:#f87171;--danger-soft:#f8717124;--danger-dark:#ef4444;--danger-border:#f8717140;--info:#60a5fa;--info-soft:#60a5fa24;--info-border:#60a5fa40;--purple:#a78bfa;--purple-soft:#a78bfa24;--purple-border:#a78bfa40;--cyan:#22d3ee;--cyan-soft:#22d3ee24;--chip-cyan:#22d3ee;--bg-app:#111113;--surface:#1a1a1e;--surface-2:#202024;--surface-3:#18181b;--surface-elevated:#27272a;--surface-muted:#18181b;--surface-hover:#ffffff0d;--surface-page:#111113;--surface-card:#1a1a1e;--surface-card-alt:linear-gradient(180deg, #1a1a1e 0%, #1e1e22 100%);--surface-inset:#151517;--surface-overlay:#000000b3;--surface-overlay-blur:#0000008c;--grad-brand-chip:linear-gradient(135deg, #ffffff0e 0%, #ffffff06 100%);--grad-brand-chip-hover:linear-gradient(135deg, #ffffff14 0%, #ffffff0a 100%);--grad-dark-btn:linear-gradient(135deg, #27272a 0%, #1a1a1e 100%);--grad-dark-btn-hover:linear-gradient(135deg, #1a1a1e 0%, #27272a 100%);--grad-input:linear-gradient(180deg, #1a1a1e 0%, #18181b 100%);--grad-input-hover:linear-gradient(180deg, #222226 0%, #1a1a1e 100%);--grad-purple-soft:linear-gradient(135deg, #8b5cf61f 0%, #6366f114 100%);--grad-purple-soft-hover:linear-gradient(135deg, #8b5cf633 0%, #6366f124 100%);--grad-purple-card:linear-gradient(135deg, #8b5cf614 0%, #6366f10d 100%);--grad-danger-btn:linear-gradient(180deg, #f87171 0%, #ef4444 100%);--grad-danger-btn-hover:linear-gradient(180deg, #ef4444 0%, #dc2626 100%);--grad-brand-btn:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--grad-success-btn:linear-gradient(135deg, #34d399 0%, #10b981 100%);--grad-fade-bottom:linear-gradient(180deg, #11111300 0%, #111113 38%);--grad-fade-bottom-alt:linear-gradient(180deg, #11111300 0%, #111113f2 28%, #111113 100%);--grad-brand-surface:linear-gradient(180deg, #ffffff09 0%, #ffffff04 100%);--ambient-bg:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--brand) 13%, transparent), transparent 26%), radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--warning) 9%, transparent), transparent 24%), radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 22%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--purple) 7%, transparent), transparent 30%);--border:#2a2a2e;--border-soft:#ffffff14;--border-strong:#3a3a3f;--border-default:#2e2e33;--border-light:#252528;--border-lighter:#222225;--border-input:#3a3a3f;--text-main:#ececef;--text-body:#b0b0b8;--text-muted:#78787f;--text-soft:#5a5a62;--text-primary:#ececef;--text-secondary:#b0b0b8;--text-tertiary:#78787f;--text-dim:#5a5a62;--text-link:#60a5fa;--text-on-brand:#fff;--text-on-surface:#ececef;--table-header-bg:#18181b;--table-row-hover:#ffffff08;--table-border:#ffffff0f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000080;--shadow-soft:0 6px 14px #00000047;--card-shadow:0 4px 20px #0000004d;--card-shadow-lg:0 14px 36px #0006;--modal-shadow:0 32px 80px #0009;--input-bg:#18181b;--input-border:#2e2e33;--input-focus-border:var(--brand);--input-focus-ring:#ffffff1a;--input-placeholder:#5a5a62;--input-disabled-bg:#151517;--focus-ring:0 0 0 3px #ffffff1a;--focus-ring-danger:0 0 0 3px #f8717138;--focus-ring-success:0 0 0 3px #34d39938;--sidebar-bg:linear-gradient(180deg, #111113 0%, #141416 100%);--sidebar-surface:#111113f7;--sidebar-text:#8a8a92;--sidebar-text-strong:#ececef;--sidebar-hover:#ffffff0d;--sidebar-active:linear-gradient(90deg, #ffffff14 0%, #ffffff05 100%);--sidebar-border:#ffffff0f;--sidebar-footer-bg:#111113cc}@media (prefers-color-scheme:dark){[data-theme=auto]{--brand:#3b82f6;--brand-dark:#60a5fa;--brand-soft:#ffffff0b;--brand-ring:#ffffff1a;--brand-border:#ffffff1f;--success:#34d399;--success-soft:#34d39924;--success-dark:#10b981;--success-border:#34d39940;--warning:#fbbf24;--warning-soft:#fbbf2424;--warning-dark:#f59e0b;--warning-border:#fbbf2440;--danger:#f87171;--danger-soft:#f8717124;--danger-dark:#ef4444;--danger-border:#f8717140;--info:#60a5fa;--info-soft:#60a5fa24;--info-border:#60a5fa40;--purple:#a78bfa;--purple-soft:#a78bfa24;--purple-border:#a78bfa40;--cyan:#22d3ee;--cyan-soft:#22d3ee24;--chip-cyan:#22d3ee;--bg-app:#111113;--surface:#1a1a1e;--surface-2:#202024;--surface-3:#18181b;--surface-elevated:#27272a;--surface-muted:#18181b;--surface-hover:#ffffff0d;--surface-page:#111113;--surface-card:#1a1a1e;--surface-card-alt:linear-gradient(180deg, #1a1a1e 0%, #1e1e22 100%);--surface-inset:#151517;--surface-overlay:#000000b3;--surface-overlay-blur:#0000008c;--grad-brand-chip:linear-gradient(135deg, #ffffff0e 0%, #ffffff06 100%);--grad-brand-chip-hover:linear-gradient(135deg, #ffffff14 0%, #ffffff0a 100%);--grad-dark-btn:linear-gradient(135deg, #27272a 0%, #1a1a1e 100%);--grad-dark-btn-hover:linear-gradient(135deg, #1a1a1e 0%, #27272a 100%);--grad-input:linear-gradient(180deg, #1a1a1e 0%, #18181b 100%);--grad-input-hover:linear-gradient(180deg, #222226 0%, #1a1a1e 100%);--grad-purple-soft:linear-gradient(135deg, #8b5cf61f 0%, #6366f114 100%);--grad-purple-soft-hover:linear-gradient(135deg, #8b5cf633 0%, #6366f124 100%);--grad-purple-card:linear-gradient(135deg, #8b5cf614 0%, #6366f10d 100%);--grad-danger-btn:linear-gradient(180deg, #f87171 0%, #ef4444 100%);--grad-danger-btn-hover:linear-gradient(180deg, #ef4444 0%, #dc2626 100%);--grad-brand-btn:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--grad-success-btn:linear-gradient(135deg, #34d399 0%, #10b981 100%);--grad-fade-bottom:linear-gradient(180deg, #11111300 0%, #111113 38%);--grad-fade-bottom-alt:linear-gradient(180deg, #11111300 0%, #111113f2 28%, #111113 100%);--grad-brand-surface:linear-gradient(180deg, #ffffff09 0%, #ffffff04 100%);--border:#2a2a2e;--border-soft:#ffffff14;--border-strong:#3a3a3f;--border-default:#2e2e33;--border-light:#252528;--border-lighter:#222225;--border-input:#3a3a3f;--text-main:#ececef;--text-body:#b0b0b8;--text-muted:#78787f;--text-soft:#5a5a62;--text-primary:#ececef;--text-secondary:#b0b0b8;--text-tertiary:#78787f;--text-dim:#5a5a62;--text-link:#60a5fa;--text-on-brand:#fff;--text-on-surface:#ececef;--table-header-bg:#18181b;--table-row-hover:#ffffff08;--table-border:#ffffff0f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000080;--shadow-soft:0 6px 14px #00000047;--card-shadow:0 4px 20px #0000004d;--card-shadow-lg:0 14px 36px #0006;--modal-shadow:0 32px 80px #0009;--input-bg:#18181b;--input-border:#2e2e33;--input-focus-border:var(--brand);--input-focus-ring:#ffffff1a;--input-placeholder:#5a5a62;--input-disabled-bg:#151517;--focus-ring:0 0 0 3px #ffffff1a;--focus-ring-danger:0 0 0 3px #f8717138;--focus-ring-success:0 0 0 3px #34d39938;--sidebar-bg:linear-gradient(180deg, #111113 0%, #141416 100%);--sidebar-surface:#111113f7;--sidebar-text:#8a8a92;--sidebar-text-strong:#ececef;--sidebar-hover:#ffffff0d;--sidebar-active:linear-gradient(90deg, #ffffff14 0%, #ffffff05 100%);--sidebar-border:#ffffff0f;--sidebar-footer-bg:#111113cc}}.logo-dark{display:none}.logo-light,[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}@media (prefers-color-scheme:dark){[data-theme=auto] .logo-dark{display:block}[data-theme=auto] .logo-light{display:none}}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;position:relative;overflow-x:hidden}.section-eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;font-weight:800}body:before{content:"";pointer-events:none;z-index:0;background:var(--ambient-bg);position:fixed;inset:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit}button{background:0 0;border:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border)}.app-shell{background:var(--bg-app);height:100dvh;color:var(--text-main);z-index:1;display:flex;position:relative;overflow:hidden}.app-layout{width:100%;min-width:0;height:100%;display:flex}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);box-shadow:var(--shadow-xs);flex-direction:column;flex-shrink:0;transition:transform .25s,width .25s,min-width .25s,opacity .2s;display:flex}.app-sidebar__brand{border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-surface);flex-shrink:0;align-items:center;min-height:78px;padding:0 20px;display:flex}.app-sidebar__brand-link{align-items:center;width:100%;text-decoration:none;display:flex}.app-sidebar__brand-logo{width:156px;max-width:100%;height:auto}.app-sidebar__brand-logo--icon{object-fit:contain;width:32px;height:32px;display:none}.app-sidebar__nav{flex:1;padding:18px 12px;overflow-y:auto}.app-sidebar__section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin-bottom:8px;padding:0 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:1.4}.app-sidebar__footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar-footer-bg);flex-shrink:0;padding:16px}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-content{scroll-behavior:smooth;flex:1;min-height:0;overflow-y:auto}.app-shell[data-desktop-viewport=compact]{--sidebar-width:var(--sidebar-compact-width);--page-x:18px}.app-shell[data-desktop-viewport=narrow]{--page-x:16px;--page-y:16px}.app-shell[data-desktop-viewport=compact] .app-sidebar__brand{justify-content:center;padding:0 12px}.app-shell[data-desktop-viewport=compact] .app-sidebar__brand-link,.app-shell[data-desktop-viewport=compact] .app-sidebar__section-label,.app-shell[data-desktop-viewport=compact] .sidebar-user__info,.app-shell[data-desktop-viewport=compact] .sidebar-language-form,.app-shell[data-desktop-viewport=compact] .sidebar-link span,.app-shell[data-desktop-viewport=compact] .sidebar-footer-link span{display:none}.app-shell[data-desktop-viewport=compact] .app-sidebar__collapse-btn{margin-right:0}.app-shell[data-desktop-viewport=compact] .app-sidebar__nav{padding-left:10px;padding-right:10px}.app-shell[data-desktop-viewport=compact] .sidebar-link{justify-content:center;gap:0;padding-left:12px;padding-right:12px}.app-shell[data-desktop-viewport=compact] .sidebar-link:hover{transform:none}.app-shell[data-desktop-viewport=compact] .sidebar-link.active:before,.app-shell[data-desktop-viewport=compact] .sidebar-link[aria-current=page]:before{top:10px;bottom:10px;left:3px}.app-shell[data-desktop-viewport=compact] .sidebar-link i{width:auto}.app-shell[data-desktop-viewport=compact] .app-sidebar__footer{padding-left:10px;padding-right:10px}.app-shell[data-desktop-viewport=compact] .sidebar-user{align-items:center;gap:8px}.app-shell[data-desktop-viewport=compact] .sidebar-user__profile{justify-content:center}.app-shell[data-desktop-viewport=compact] .sidebar-user__actions{flex-direction:column;align-items:center;gap:6px}.app-shell[data-desktop-viewport=compact] .sidebar-footer-link{border-radius:var(--radius-component);background:#2563eb14;justify-content:center;gap:0;width:38px;height:38px}.app-shell[data-desktop-viewport=compact] .sidebar-footer-link--danger{background:#ef444414}.app-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;line-height:1.4;display:flex}.app-breadcrumb__link{color:var(--brand);text-underline-offset:2px;font-weight:500;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.app-breadcrumb__link:hover{color:var(--brand);text-decoration-color:var(--brand)}.app-breadcrumb__sep{color:var(--text-soft);-webkit-user-select:none;user-select:none;font-size:12px}.app-breadcrumb__current{color:var(--text-body);font-weight:500}.app-breadcrumb__link--inactive{color:var(--text-muted);cursor:default;pointer-events:none;font-weight:500}.app-mobile-header{background:var(--sidebar-surface);border-bottom:1px solid var(--border-soft);min-height:60px;box-shadow:var(--shadow-xs);backdrop-filter:blur(8px);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.app-mobile-header__toggle{border-radius:var(--radius-component);width:38px;height:38px;color:var(--text-body);cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.app-mobile-header__toggle:hover{background:var(--surface-hover);color:var(--text-main)}.app-mobile-header__brand{flex:1;justify-content:center;align-items:center;min-width:0;text-decoration:none;display:inline-flex}.app-mobile-header__brand-logo{width:122px;max-width:100%;height:auto}.app-mobile-header__profile{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex}.app-mobile-header__profile-image,.app-mobile-header__profile-fallback{border-radius:999px;width:36px;height:36px}.app-mobile-header__profile-image{object-fit:cover;border:1px solid var(--border-soft)}.app-mobile-header__profile-fallback{background:linear-gradient(180deg, #2f6df6 0%, var(--brand) 100%);color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #2563eb33}.app-mobile-header__title,.app-mobile-header__spacer{display:none}.sidebar-link{border-radius:var(--radius-component);min-height:44px;color:var(--sidebar-text);letter-spacing:-.01em;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s,box-shadow .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong);transform:translate(3px)}.sidebar-link.active,.sidebar-link[aria-current=page]{background:var(--sidebar-active);color:var(--sidebar-text-strong);border-color:#2563eb1a;font-weight:700;box-shadow:inset 0 0 0 1px #2563eb08}.sidebar-link.active:before,.sidebar-link[aria-current=page]:before{content:"";background:var(--brand);border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:-6px}.sidebar-link i{text-align:center;flex-shrink:0;width:18px}.sidebar-user{flex-direction:column;gap:10px;min-width:0;display:flex}.sidebar-user__profile{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-user__avatar{flex-shrink:0}.sidebar-user__avatar-image,.sidebar-user__avatar-fallback{border-radius:999px;width:38px;height:38px}.sidebar-user__avatar-image{object-fit:cover;border:2px solid var(--brand-soft)}.sidebar-user__avatar-fallback{background:linear-gradient(135deg, #2f6df6 0%, var(--brand) 100%);color:#fff;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 10px #2563eb38}.sidebar-user__info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar-user__name{letter-spacing:-.01em;color:var(--sidebar-text-strong);white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.sidebar-user__email{color:var(--sidebar-text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.8;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.sidebar-language-form{background:var(--surface-2,#f1f5f9);border-radius:var(--radius-md);border:1px solid var(--border-soft);align-items:center;gap:7px;padding:4px 10px 4px 8px;display:flex}.sidebar-language-icon{color:var(--sidebar-text-muted);flex-shrink:0;font-size:12px}.sidebar-language-select{min-height:unset;color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:4px 2px;font-size:12px;font-weight:600}.sidebar-user__actions{align-items:center;gap:6px;display:flex}.sidebar-footer-link{border-radius:var(--radius-md);color:var(--brand);background:var(--brand-soft);cursor:pointer;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.sidebar-footer-link:hover{color:var(--brand-dark);background:#2563eb29}.sidebar-footer-link--danger{color:var(--danger);background:var(--danger-soft)}.sidebar-footer-link--danger:hover{color:var(--danger-dark);background:#dc262621}.btn-sm{border-radius:var(--radius-sm);min-height:32px;padding:7px 10px;font-size:11px}.btn.is-loading{opacity:.7;pointer-events:none}.input,.select,.textarea{border-radius:var(--radius-component);border:1px solid var(--border-soft);background:var(--surface);width:100%;color:var(--text-main);font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.input,.select{min-height:40px;padding:10px 12px}.textarea{resize:vertical;min-height:100px;padding:12px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.field-error-border{box-shadow:0 0 0 2px #ef444426;border-color:var(--danger)!important}.panel-card{background:color-mix(in srgb, var(--surface-card-alt) 97%, transparent);border:1px solid color-mix(in srgb, var(--border-soft) 82%, var(--brand) 6%);border-radius:var(--radius-lg);box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 6%, transparent), 0 4px 12px #0f172a0d, inset 0 1px 0 #ffffffad;transition:box-shadow .2s,border-color .2s,transform .2s}.panel-card:hover{box-shadow:0 12px 32px color-mix(in srgb, var(--brand) 9%, transparent), 0 6px 16px #0f172a12, inset 0 1px 0 #ffffffad}.panel-card__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.panel-card__title-group{flex-direction:column;gap:4px;min-width:0;display:flex}.panel-card__body{padding:18px 20px}.panel-card__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:10px;font-weight:800}.panel-card__title{letter-spacing:-.01em;color:var(--text-main);margin:0;font-size:16px;font-weight:800}.panel-card__subtitle{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.table-card{background:color-mix(in srgb, var(--surface-card-alt) 97%, transparent);border:1px solid color-mix(in srgb, var(--border-soft) 82%, var(--brand) 6%);border-radius:var(--radius-lg);box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 6%, transparent), 0 4px 12px #0f172a0d, inset 0 1px 0 #ffffffad;overflow:hidden}.table-card__header{border-bottom:1px solid var(--border-soft);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.table-card__body{overflow:auto}.table-card table{border-collapse:collapse;width:100%}.table-card th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;background:var(--surface-2);border-bottom:1px solid var(--border-soft);padding:12px;font-size:11px;font-weight:800}.table-card td{color:var(--text-body);vertical-align:top;padding:12px}.table-card tbody tr{transition:background-color .15s}.table-card tbody tr:hover{background:var(--surface-hover)}.table-card__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 4px;font-size:10px;font-weight:800}.table-card__title{color:var(--text-main);margin:0;font-size:18px;font-weight:900}.table-card__subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.chip{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10.5px;line-height:1;display:inline-flex}.status-chip{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:6px 10px;font-size:10.5px;font-weight:800;line-height:1;display:inline-flex}.status-chip--pending{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-dark)}.status-chip--acknowledged{background:var(--info-soft);color:var(--brand);border-color:#3b82f629}.status-chip--in_process{background:var(--purple-soft);color:var(--purple);border-color:#8b5cf629}.status-chip--quoted{color:var(--chip-cyan,#0891b2);background:#06b6d41f;border-color:#06b6d429}.status-chip--submitted{background:var(--success-soft);border-color:var(--success-border);color:var(--success-dark)}.status-chip--supplier_followup{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-dark)}.status-chip--completed{background:var(--success-soft);border-color:var(--success-border);color:var(--success-dark)}.status-chip--redirected{background:var(--purple-soft);color:var(--purple);border-color:#a855f729}.status-chip--closed{color:var(--text-body);background:#64748b24;border-color:#64748b2e}.status-chip--cancelled{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.status-chip--default{background:var(--surface-hover);border-color:var(--border-soft);color:var(--text-body)}.status-chip--inquiry_created{background:var(--info-soft);color:var(--info)}.status-chip--rfq_sent{color:#0891b2;background:#06b6d41f}.status-chip--supplier_quoted{background:var(--purple-soft);color:var(--purple)}.status-chip--customer_approved{background:var(--success-soft);color:var(--success)}.status-chip--order_created{color:#4f46e5;background:#6366f11f}.status-chip--in_production{color:#b45309;background:#eab3081f}.status-chip--intransit{color:#0f766e;background:#14b8a624}.status-chip--dispatched{color:#2563eb;background:#3b82f624}.status-chip--delivered{color:#15803d;background:#22c55e24}.alert{border-radius:var(--radius-component);padding:12px;font-size:13px}.alert-success{background:var(--success-soft);color:var(--success)}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-warning{background:var(--warning-soft);color:var(--warning)}.alert-info{background:var(--info-soft);color:var(--info)}.toast{border-radius:var(--radius-component);min-height:44px;box-shadow:var(--shadow-md);background:var(--surface);border:1px solid var(--border-soft);color:var(--text-main);align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.toast--success{border-color:#10b9812e}.toast--error{border-color:#ef44442e}.toast--warning{border-color:#f59e0b2e}.toast--info{border-color:#3b82f62e}.empty-state{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card-alt);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:20px;display:flex}.empty-state__icon{border-radius:var(--radius-card);background:var(--surface-hover);width:52px;height:52px;color:var(--text-body);justify-content:center;align-items:center;font-size:20px;display:inline-flex}.empty-state__title{color:var(--text-main);margin:0;font-size:18px;font-weight:900}.empty-state__text{max-width:520px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.is-loading{pointer-events:none;opacity:.75;position:relative}.page-loader{background:color-mix(in srgb, var(--surface-page,#f8fafc) 24%, transparent);backdrop-filter:blur();z-index:1100;opacity:0;justify-content:center;align-items:center;transition:opacity .12s;display:none;position:fixed;inset:0}.page-loader.active{opacity:1;display:flex}.page-loader__spinner{border:3px solid #94a3b840;border-top-color:var(--brand);border-radius:999px;width:42px;height:42px;animation:.8s linear infinite ins-spin}.hidden{display:none!important}.is-focused{position:relative}.page-section{padding:var(--page-y) var(--page-x)}.page-section--tight{padding-top:16px;padding-bottom:16px}.sidebar-overlay{background:var(--surface-overlay);z-index:40;backdrop-filter:blur(2px);position:fixed;inset:0}@media (width<=1024px){.app-sidebar{z-index:50;box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar:not(.-translate-x-full){transform:translate(0)}.app-content{overflow-y:auto}.page-section{padding-left:16px;padding-right:16px}}@media (width>=1024px){.app-mobile-header,.sidebar-overlay{display:none!important}}.app-sidebar__collapse-btn{display:none}.app-sidebar__collapse-btn:hover{background:var(--brand-soft);color:var(--brand)}.app-sidebar__toggle-btn{border-radius:var(--radius-sm-plus);border:1px solid var(--sidebar-border);width:28px;height:28px;color:var(--text-soft);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .25s;display:none}.app-sidebar__toggle-btn:hover{background:var(--brand-soft,#2563eb14);color:var(--brand)}.app-sidebar__toggle-btn i{font-size:11px}@media (width>=1024px){.app-sidebar__toggle-btn{display:inline-flex}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn i{transform:rotate(180deg)}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn{background:0 0;border:none;margin:0 auto}}html[data-theme],html[data-theme] body,html[data-theme] .app-sidebar,html[data-theme] .app-sidebar__brand,html[data-theme] .app-sidebar__footer,html[data-theme] .app-mobile-header,html[data-theme] .panel-card,html[data-theme] .table-card,html[data-theme] .sidebar-link,html[data-theme] .sidebar-footer-link{transition:background-color .28s,background .28s,color .25s,border-color .25s,box-shadow .25s}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:0 0}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#94a3b859}@media (prefers-color-scheme:dark){[data-theme=auto] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=auto] ::-webkit-scrollbar-track{background:0 0}[data-theme=auto] ::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}[data-theme=auto] ::-webkit-scrollbar-thumb:hover{background:#94a3b859}}.panel-card,.table-card,.metric-card{transition:box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s,transform .22s cubic-bezier(.4,0,.2,1)}.panel-card,.table-card,.customer-directory-card,.supplier-directory-card,.orders-table-card,.po-card{position:relative;overflow:hidden}.panel-card:before,.table-card:before,.customer-directory-card:before,.supplier-directory-card:before,.orders-table-card:before,.po-card:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--brand) 78%, transparent), color-mix(in srgb, var(--warning) 72%, transparent));opacity:.9;pointer-events:none;height:1px;position:absolute;inset:0 0 auto}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}[data-theme=dark] .sidebar-language-select,[data-theme=dark] .sidebar-language-select option{color-scheme:dark;color:var(--text-main);background-color:#202024}@media (prefers-color-scheme:dark){[data-theme=auto] input,[data-theme=auto] select,[data-theme=auto] textarea{color-scheme:dark}[data-theme=auto] .sidebar-language-select,[data-theme=auto] .sidebar-language-select option{color-scheme:dark;color:var(--text-main);background-color:#202024}}.app-sidebar__expand-btn{z-index:80;border-radius:var(--radius-lg);height:44px;color:var(--text-main);background:var(--surface-elevated);border:1px solid var(--border-soft);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:8px;padding:0 12px 0 10px;transition:transform .2s,box-shadow .2s,background-color .2s,opacity .18s .2s,visibility 0s linear .38s;display:none;position:fixed;top:16px;left:16px}.app-sidebar__expand-btn:hover{background:var(--surface-card);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.app-sidebar__expand-btn .expand-btn__symbol{object-fit:contain;flex-shrink:0;width:24px;height:24px;display:block}@media (width>=1024px){.app-layout.sidebar-collapsed .app-sidebar{padding:0;overflow:hidden;width:56px!important;min-width:56px!important;max-width:56px!important}.app-layout.sidebar-collapsed .app-sidebar__brand{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:78px;padding:10px 0}.app-layout.sidebar-collapsed .app-sidebar__brand-link{flex-shrink:0;justify-content:center;width:auto}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn{width:28px;height:28px;margin:0;display:inline-flex!important}.app-layout.sidebar-collapsed .app-sidebar__brand-logo--full{display:none!important}.app-layout.sidebar-collapsed .app-sidebar__brand-logo--icon{object-fit:contain;width:30px!important;height:30px!important;display:block!important}.app-layout.sidebar-collapsed .app-sidebar__nav{padding:12px 0;overflow:hidden}.app-layout.sidebar-collapsed .app-sidebar__section-label{display:none}.app-layout.sidebar-collapsed .sidebar-link,.app-layout.sidebar-collapsed .sidebar-footer-link{border-radius:var(--radius-sm-plus);justify-content:center;width:100%;padding:10px 0;overflow:hidden}.app-layout.sidebar-collapsed .sidebar-link span,.app-layout.sidebar-collapsed .sidebar-footer-link span{display:none}.app-layout.sidebar-collapsed .sidebar-link i,.app-layout.sidebar-collapsed .sidebar-footer-link i{flex-shrink:0;margin:0;font-size:17px}.app-layout.sidebar-collapsed .app-sidebar__footer{flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:flex}.app-layout.sidebar-collapsed .sidebar-user{align-items:center;gap:4px;width:100%}.app-layout.sidebar-collapsed .sidebar-user__profile{justify-content:center}.app-layout.sidebar-collapsed .sidebar-user__actions{flex-direction:column;align-items:center;gap:2px;width:100%}.app-layout.sidebar-collapsed .sidebar-user__info{display:none}.app-layout.sidebar-collapsed .sidebar-language-form{background:0 0;border:none;justify-content:center;gap:0;width:100%;padding:0;display:flex}.app-layout.sidebar-collapsed .sidebar-language-select{display:none}.app-layout.sidebar-collapsed .sidebar-language-icon{color:var(--sidebar-text-muted);text-align:center;cursor:pointer;width:100%;padding:10px 0;font-size:17px;display:block}.app-layout.sidebar-collapsed .sidebar-footer-link{flex:unset;width:100%;background:0 0!important;border-color:#0000!important}.app-layout.sidebar-collapsed .app-sidebar__expand-btn{display:none}}@media (width<=1024px){.app-sidebar__expand-btn{display:none!important}}@media (width>=1025px){.app-layout.sidebar-collapsed .sidebar-language-form{background:#0ea5e91a;border-radius:10px;width:100%;min-height:38px;position:relative}.app-layout.sidebar-collapsed .sidebar-language-icon{color:#0284c7;font-size:18px}.app-layout.sidebar-collapsed .sidebar-footer-link--theme{color:#d97706;background:#f59e0b1f!important}.app-layout.sidebar-collapsed .sidebar-footer-link--profile{color:#2563eb;background:#2563eb1a!important}.app-layout.sidebar-collapsed .sidebar-footer-link--danger{color:#dc2626;background:#dc262614!important}.app-layout.sidebar-collapsed .sidebar-footer-link--theme:hover,.app-layout.sidebar-collapsed .sidebar-footer-link--profile:hover,.app-layout.sidebar-collapsed .sidebar-footer-link--danger:hover{filter:brightness(.96)}}.global-toast-root{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:1200;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;width:min(100%,420px);display:flex;position:fixed}.global-toast{border:1px solid var(--border-soft);background:var(--surface-elevated);width:min(420px,100vw - 32px);min-width:0;max-width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);opacity:0;pointer-events:auto;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .18s,opacity .18s;display:grid;transform:translateY(10px)}.global-toast.is-visible{opacity:1;transform:translateY(0)}.global-toast__icon{text-align:center;flex-shrink:0;width:20px}.global-toast__content{min-width:0}.global-toast__title{color:var(--text-main);margin:0 0 3px;font-size:13px;font-weight:700;line-height:1.25}.global-toast__body{color:var(--text-main);overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.45}.global-toast__close{width:32px;min-width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:20px;line-height:1}.global-toast__close:hover,.global-toast__close:focus-visible{color:var(--text-main);background:var(--surface-hover);outline:none}.global-toast--success .global-toast__icon{color:var(--success)}.global-toast--error .global-toast__icon{color:var(--danger)}.global-toast--warning .global-toast__icon{color:var(--warning)}.global-toast--info .global-toast__icon{color:var(--brand)}.global-toast--clickable{cursor:pointer}.global-toast--clickable:hover{filter:brightness(1.05);transform:translateY(-1px)}.global-confirm-root{z-index:1300;box-sizing:border-box;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.global-confirm-backdrop{background:var(--surface-overlay);backdrop-filter:blur(4px);position:absolute;inset:0}.global-confirm-dialog{z-index:1;box-sizing:border-box;border-radius:var(--radius-xl);border:1px solid var(--border-soft);background:var(--surface-elevated);width:min(92vw,460px);max-width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--modal-shadow);margin:auto;padding:24px;position:relative;overflow-y:auto}.global-confirm__eyebrow{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.global-confirm__title{color:var(--text-main);margin:0 0 10px;font-size:26px;line-height:1.08}.global-confirm__message{color:var(--text-body);margin:0;font-size:15px;line-height:1.55}.global-confirm-dialog--danger .global-confirm__eyebrow{color:var(--danger)}.global-confirm__actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.global-confirm__btn--danger{background:var(--danger);border-color:var(--danger);color:var(--text-on-brand);box-shadow:0 8px 18px color-mix(in srgb, var(--danger) 28%, transparent)}.global-confirm__btn--danger:hover,.global-confirm__btn--danger:focus-visible{background:var(--danger-dark);border-color:var(--danger-dark);color:var(--text-on-brand);box-shadow:0 10px 22px color-mix(in srgb, var(--danger) 36%, transparent)}.global-confirm__btn--danger:active{background:color-mix(in srgb, var(--danger-dark) 92%, #000);border-color:color-mix(in srgb, var(--danger-dark) 92%, #000);color:var(--text-on-brand)}[data-theme=dark] .global-confirm-dialog,[data-theme=auto] .global-confirm-dialog{background:var(--surface-elevated);border-color:var(--border-soft);color:var(--text-main)}[data-theme=dark] .global-confirm-backdrop,[data-theme=auto] .global-confirm-backdrop{background:var(--surface-overlay)}@media (width>=1025px){.app-layout.sidebar-collapsed .app-sidebar__brand{gap:10px;padding:14px 0 10px}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn{background:var(--sidebar-item-hover-bg,#0000000d);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px!important;height:30px!important;display:inline-flex!important}.app-layout.sidebar-collapsed .app-sidebar__nav .nav-item-wrap,.app-layout.sidebar-collapsed .app-sidebar__nav li{justify-content:center;padding:0;display:flex}.app-layout.sidebar-collapsed .sidebar-link{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-height:40px;overflow:hidden;width:40px!important;height:40px!important;padding:0!important;display:flex!important}.app-layout.sidebar-collapsed .sidebar-link i,.app-layout.sidebar-collapsed .sidebar-link svg{flex-shrink:0;font-size:18px;margin:0!important}.app-layout.sidebar-collapsed .sidebar-user{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.app-layout.sidebar-collapsed .sidebar-user__profile{justify-content:center;width:100%;padding:4px 0;display:flex}.app-layout.sidebar-collapsed .sidebar-user__actions{padding:0;flex-direction:column!important;align-items:center!important;gap:6px!important;width:auto!important}.app-layout.sidebar-collapsed .sidebar-footer-link{border-style:solid;border-width:1px;border-radius:10px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:inline-flex!important}.app-layout.sidebar-collapsed .sidebar-footer-link span{display:none!important}.app-layout.sidebar-collapsed .sidebar-footer-link i,.app-layout.sidebar-collapsed .sidebar-footer-link svg{flex-shrink:0;font-size:16px;margin:0!important}.app-layout.sidebar-collapsed .sidebar-footer-link--theme{color:#d97706;background:#f59e0b1f!important;border-color:#f59e0b38!important}.app-layout.sidebar-collapsed .sidebar-footer-link--profile{color:#2563eb;background:#2563eb1a!important;border-color:#2563eb33!important}.app-layout.sidebar-collapsed .sidebar-footer-link--danger{color:#dc2626;background:#dc262614!important;border-color:#dc26262e!important}.app-layout.sidebar-collapsed .sidebar-language-form{border-radius:10px;justify-content:center;align-items:center;background:#0ea5e91a!important;border:1px solid #0ea5e938!important;width:36px!important;min-height:36px!important;padding:0!important;display:flex!important}.app-layout.sidebar-collapsed .sidebar-language-icon{color:#0284c7;width:auto;font-size:16px;padding:0!important}}@media (width>=1024px){.lg\:hidden{display:none!important}}@media (width>=1024px) and (width<=1279px){.app-shell{--page-x:16px;--page-y:16px}}@media (width<=1023px) and (width>=640px){.app-shell{--page-x:18px;--page-y:16px}}@media (width<=639px){.app-shell{--page-x:14px;--page-y:12px}.page-section{padding:12px 14px}.global-toast-root{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));align-items:stretch;width:auto;top:auto}.global-toast{width:100%}.global-confirm-dialog{padding:18px 16px}.global-confirm__title{font-size:20px}.global-confirm__actions{flex-direction:column-reverse;gap:8px}.global-confirm__btn--ghost,.global-confirm__btn--danger{justify-content:center;width:100%}}@media (width<=560px){.global-toast-root{gap:8px}.global-toast{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.global-toast{transition:none}}@media (width<=640px){.table-card__header{flex-direction:column;align-items:stretch;gap:10px}.table-card__toolbar{width:100%}.panel-card__header{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:var(--surface-2);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;animation:1.6s ease-in-out infinite skeleton-pulse;position:relative;overflow:hidden;color:#0000!important}.skeleton *{visibility:hidden!important}.skeleton--shimmer{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);background-size:200% 100%;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-row td{height:48px;position:relative}.skeleton-row td:after{content:"";background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:4px;width:70%;height:12px;animation:1.8s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-row:nth-child(odd) td:after{width:55%}.skeleton-card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:20px;display:flex}.skeleton-card__line{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-card__line--title{width:60%;height:16px}.skeleton-card__line--subtitle{width:40%}.skeleton-card__line--full{width:100%}.skeleton-card__line--short{width:30%}.po-btn,.cmodal__btn,.smodal__btn,.customer-primary-btn,.supplier-primary-btn,.customer-action-btn,.supplier-action-btn,.job-danger-button,.sd-btn{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .12s}.po-btn:active,.cmodal__btn:active,.smodal__btn:active,.sd-btn:active{transform:translateY(1px)}.po-btn:disabled,.cmodal__btn:disabled,.smodal__btn:disabled,.sd-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.po-btn:focus-visible,.cmodal__btn:focus-visible,.smodal__btn:focus-visible,.customer-primary-btn:focus-visible,.supplier-primary-btn:focus-visible,.customer-action-btn:focus-visible,.supplier-action-btn:focus-visible,.sd-btn:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.supplier-primary-btn,.btn-back,.quick-action-btn,.exp-drop__btn{border-radius:18px;min-height:48px}.orders-page__title,.customer-page-header h1,.supplier-page-header h1,.dashboard-page__title,.po-page__title{font-size:clamp(20px,2vw + 12px,30px)}.orders-page__subtitle,.customer-page-header p,.supplier-page-header p{font-size:clamp(13px,.4vw + 11px,16px)}.customer-directory-header h2,.supplier-directory-header h2,.sd-page__title{font-size:clamp(17px,1.2vw + 10px,24px)}.orders-kpi-card__value,.po-stat-card__value{font-size:clamp(20px,1.6vw + 10px,28px)}@media (prefers-contrast:more){:root{--border-soft:#94a3b8;--border-default:#64748b;--text-muted:#475569;--text-dim:#64748b;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0003}.panel-card,.table-card,.po-card,.orders-table-card,.customer-directory-card,.supplier-directory-card{border-width:2px}.table-card tbody td,.po-table td,.orders-table td,.customer-table td,.supplier-table td{color:var(--text-main)}:focus-visible{outline-offset:2px!important;outline-width:3px!important}.status-chip,.po-badge,.sd-badge,.sd-type-badge{border-width:1.5px}.table-card thead th,.po-table thead th,.orders-table th,.customer-table th,.supplier-table th{color:var(--text-main);border-bottom-width:2px}}html{scroll-behavior:smooth}.po-number-link,.customer-table__link,.supplier-table__link{text-decoration:none;position:relative}.po-number-link:after,.customer-table__link:after,.supplier-table__link:after{content:"";background:currentColor;width:0;height:1.5px;transition:width .22s;position:absolute;bottom:-1px;left:0}.po-number-link:hover:after,.customer-table__link:hover:after,.supplier-table__link:hover:after{width:100%}.panel-card,.orders-kpi-card,.po-stat-card,.dashboard-metric-card{transition:box-shadow .18s}.panel-card:hover,.orders-kpi-card:hover,.po-stat-card:hover,.dashboard-metric-card:hover{box-shadow:var(--shadow-md)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.55}}.badge-active-pulse,.ic-status--online:before{animation:2s ease-in-out infinite status-pulse}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}[data-tooltip]:hover:after,.tooltip-enter{animation:.18s ease-out both tooltip-in}.orders-kpi-value,.po-stat-value,.dashboard-metric-value,.sd-total-value,td[data-col=amount],td[data-col=price],td[data-col=quantity]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.empty-state,.no-data-message,.table-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;font-size:14px;font-weight:500;display:flex}.empty-state i,.no-data-message i,.table-empty i{opacity:.35;font-size:36px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}html,.table-card__body,.orders-table-wrap,.ic-sidebar__list,.ic-messages,.modal-body,.kanban-column__body,.job-thread-messages{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}::selection{background:var(--brand-ring);color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.modal-overlay,.smodal__overlay,.cmodal__overlay{backdrop-filter:blur(4px);will-change:backdrop-filter}input[type=checkbox],input[type=radio]{appearance:none;border:2px solid var(--border-default);background:var(--surface-card);cursor:pointer;vertical-align:middle;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--brand);border-color:var(--brand)}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7l4 4 6-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 12px}input[type=radio]:checked{background:var(--brand);box-shadow:inset 0 0 0 3px #fff}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--brand)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}.toggle-switch{background:var(--border-default);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-switch:after{content:"";background:var(--surface-card);width:18px;height:18px;box-shadow:var(--shadow-xs);border-radius:50%;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.toggle-switch.is-active,.toggle-switch[aria-checked=true]{background:var(--brand)}.toggle-switch.is-active:after,.toggle-switch[aria-checked=true]:after{transform:translate(18px)}.input-group{align-items:stretch;display:flex}.input-group>input,.input-group>select{border-radius:0}.input-group>:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input-group>:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-addon{background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-dim);white-space:nowrap;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:flex}.progress-bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.progress-bar__fill{background:var(--brand);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.progress-bar__fill--success{background:var(--success)}.progress-bar__fill--warning{background:var(--warning)}.progress-bar__fill--danger{background:var(--danger)}.avatar{text-transform:uppercase;color:var(--text-on-brand);background:var(--grad-brand-btn);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:56px;height:56px;font-size:18px}.divider{border:none;border-top:1px solid var(--border-soft);margin:16px 0}.divider--strong{border-top-color:var(--border-default)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notif-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.notif-dot--brand{background:var(--brand)}.notif-dot--success{background:var(--success)}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.chip--brand{background:var(--brand-soft);color:var(--brand-dark)}.chip--success{background:var(--success-soft);color:var(--success-dark)}.chip--warning{background:var(--warning-soft);color:var(--warning-dark)}.chip--danger{background:var(--danger-soft);color:var(--danger-dark)}.chip--purple{background:var(--purple-soft);color:var(--purple)}.chip--neutral{background:var(--surface-2);color:var(--text-secondary)}.orders-table tbody tr,.po-table tbody tr,.customer-table tbody tr,.supplier-table tbody tr,.sd-table tbody tr{transition:background .12s}.btn-primary:active,.btn-secondary:active,.po-btn:active,.cmodal__btn:active,.smodal__btn:active,.sd-btn:active{transform:scale(.97)}@keyframes ins-shimmer-sweep{0%{transform:translate(-120%)skew(-12deg)}to{transform:translate(320%)skew(-12deg)}}@keyframes ins-gradient-drift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ins-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ins-row-animated{animation:.26s ease-out both ins-row-in;animation-delay:calc(var(--row-i,0) * 25ms)}.app-table tbody tr,.orders-table tbody tr,.customer-table tbody tr,.supplier-table tbody tr,.po-table tbody tr,.sd-table tbody tr,.admin-table tbody tr{transition:background-color .15s}.btn:active:not(:disabled){transition:transform 80ms;transform:scale(.97)}.customer-directory-card,.supplier-directory-card,.orders-table-card,.po-card,.sd-card,.job-card,.activities-card,.inquiry-mail-card{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s}.activities-card:hover,.inquiry-mail-card:hover{box-shadow:var(--card-shadow-lg);border-color:color-mix(in srgb, var(--brand) 22%, var(--border-soft));transform:translateY(-2px)}.po-stat-card:hover{transform:translateY(-5px)scale(1.02)}.customer-directory-header,.activities-page__header{position:relative;overflow:hidden}.customer-directory-header:after,.activities-page__header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:22%;animation:6s ease-in-out infinite ins-shimmer-sweep;position:absolute;top:0;bottom:0;left:0}[data-theme=dark] .customer-directory-header:after,[data-theme=dark] .activities-page__header:after{background:linear-gradient(90deg,#0000 0%,#ffffff12 50%,#0000 100%)}select,.inline-edit-select,.stage-select,.supplier-select{transition:border-color .15s,box-shadow .15s,background-color .15s}@media print{*{box-shadow:none!important;text-shadow:none!important;transition:none!important;animation:none!important}body{color:#000!important;background:#fff!important}input[type=checkbox],input[type=radio]{appearance:auto}}.ins-control,.ins-btn-surface{background:var(--surface-control);border:1px solid var(--border-control);box-shadow:var(--depth-control);border-radius:var(--radius-md,.625rem);cursor:pointer;color:var(--color-text,#1e293b);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.ins-control:hover,.ins-btn-surface:hover{background:var(--surface-control-hover);border-color:var(--border-control-hover);box-shadow:var(--depth-control-hover)}.ins-control:active,.ins-btn-surface:active{background:var(--surface-control-active);box-shadow:var(--depth-control-active)}.ins-control:focus-visible,.ins-btn-surface:focus-visible{border-color:var(--border-control-focus);box-shadow:var(--depth-control), 0 0 0 2px var(--border-control-focus);outline:none}.ins-input-pill{background:var(--surface-control);border:1px solid var(--border-control);border-radius:var(--radius-full,9999px);box-shadow:var(--depth-control);color:var(--color-text,#1e293b);outline:none;width:100%;padding:7px 14px;font-size:13px;transition:background .12s,border-color .12s,box-shadow .12s}.ins-input-pill::placeholder{color:var(--color-text-muted,#94a3b8)}.ins-input-pill:hover{border-color:var(--border-control-hover);box-shadow:var(--depth-control-hover)}.ins-input-pill:focus{border-color:var(--border-control-focus);box-shadow:var(--depth-control), 0 0 0 2px color-mix(in oklab, var(--border-control-focus) 30%, transparent)}.ins-select-trigger{background:var(--surface-control);border:1px solid var(--border-control);border-radius:var(--radius-md,.625rem);box-shadow:var(--depth-control);color:var(--color-text,#1e293b);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;outline:none;align-items:center;padding:7px 28px 7px 10px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.ins-select-trigger:hover{background-color:var(--surface-control-hover);border-color:var(--border-control-hover);box-shadow:var(--depth-control-hover)}.ins-select-trigger:focus{border-color:var(--border-control-focus);box-shadow:var(--depth-control), 0 0 0 2px color-mix(in oklab, var(--border-control-focus) 30%, transparent)}@media (width>=1025px){.app-layout.sidebar-collapsed .sidebar-language-form,.app-shell[data-desktop-viewport=compact] .sidebar-language-form{background:#0ea5e91a;border-radius:10px;width:100%;min-height:38px;display:flex;position:relative}.app-layout.sidebar-collapsed .sidebar-language-select,.app-shell[data-desktop-viewport=compact] .sidebar-language-select{display:none}.app-layout.sidebar-collapsed .sidebar-language-icon,.app-shell[data-desktop-viewport=compact] .sidebar-language-icon{color:#0284c7;text-align:center;width:100%;padding:10px 0;font-size:18px}.app-layout.sidebar-collapsed .sidebar-footer-link--theme,.app-shell[data-desktop-viewport=compact] .sidebar-footer-link--theme{color:#d97706;background:#f59e0b1f!important}.app-layout.sidebar-collapsed .sidebar-footer-link--profile,.app-shell[data-desktop-viewport=compact] .sidebar-footer-link--profile{color:#2563eb;background:#2563eb1a!important}.app-layout.sidebar-collapsed .sidebar-footer-link--danger,.app-shell[data-desktop-viewport=compact] .sidebar-footer-link--danger{color:#dc2626;background:#dc262614!important}.app-layout.sidebar-collapsed .app-sidebar__nav{padding:8px 0}.app-layout.sidebar-collapsed .app-sidebar-nav{flex-direction:column;align-items:center;gap:2px;display:flex}.app-layout.sidebar-collapsed .sidebar-link{flex-shrink:0;max-width:40px;min-height:40px;transition:background .15s,color .15s;overflow:hidden;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;display:flex!important}.app-layout.sidebar-collapsed .sidebar-link i,.app-layout.sidebar-collapsed .sidebar-link svg{flex-shrink:0;font-size:17px;line-height:1;margin:0!important}.app-layout.sidebar-collapsed .sidebar-link span{display:none!important}.app-layout.sidebar-collapsed .sidebar-link:hover{background:var(--sidebar-item-hover-bg,#0000000f)}.app-layout.sidebar-collapsed .sidebar-link.active{color:#2563eb;background:#2563eb1a;border-radius:10px}.app-layout.sidebar-collapsed .sidebar-user__actions{display:none!important}.app-layout.sidebar-collapsed .sidebar-user{flex-direction:column;align-items:center;gap:0;width:100%;padding:10px 0;display:flex;position:relative}.app-layout.sidebar-collapsed .sidebar-user__profile{justify-content:center;width:100%}.app-layout.sidebar-collapsed .sidebar-user__avatar{cursor:pointer;border-radius:50%;transition:box-shadow .2s,transform .15s}.app-layout.sidebar-collapsed .sidebar-user__avatar:hover{transform:scale(1.06);box-shadow:0 0 0 3px #2563eb40}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn{opacity:.7;border-radius:7px;justify-content:center;align-items:center;transition:opacity .15s,background .15s;border:1px solid var(--color-border,#e2e8f0)!important;background:0 0!important;width:26px!important;height:26px!important;display:inline-flex!important}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn:hover{opacity:1;background:var(--sidebar-item-hover-bg,#0000000d)!important}.app-layout.sidebar-collapsed .app-sidebar__toggle-btn i{font-size:11px}}.collapsed-user-popover{background:var(--surface-base,#fff);border:1px solid var(--color-border,#e2e8f0);z-index:9999;border-radius:14px;width:224px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) both cupSlideIn;display:none;position:absolute;bottom:0;left:calc(100% + 10px);box-shadow:0 16px 40px -8px #0f172a2e,0 0 0 1px #e2e8f080}.collapsed-user-popover.is-open{display:block}@keyframes cupSlideIn{0%{opacity:0;transform:translate(-6px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.cup__header{align-items:center;gap:10px;padding:8px 10px 6px;display:flex}.cup__avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.cup__identity{min-width:0}.cup__name{color:var(--color-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cup__email{color:var(--color-text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.cup__divider{background:var(--color-border,#f1f5f9);height:1px;margin:5px 0}.cup__actions{flex-direction:column;gap:1px;display:flex}.cup__item{width:100%;color:var(--color-text,#334155);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.cup__item:hover{background:var(--surface-hover,#f8fafc);color:var(--color-text,#0f172a)}.cup__item-icon{color:var(--color-text-muted,#64748b);text-align:center;flex-shrink:0;width:16px;font-size:14px}.cup__item--danger,.cup__item--danger .cup__item-icon{color:#dc2626!important}.cup__item--danger:hover{background:#fef2f2!important}[data-theme=dark] .collapsed-user-popover,[data-theme=auto] .collapsed-user-popover{background:#1e293b;border-color:#334155;box-shadow:0 16px 40px -8px #00000080}[data-theme=dark] .cup__item:hover,[data-theme=auto] .cup__item:hover{background:#ffffff12}[data-theme=dark] .cup__divider,[data-theme=auto] .cup__divider{background:#334155}.app-layout:not(.sidebar-collapsed) .collapsed-user-popover{display:none!important}.app-layout:not(.sidebar-collapsed) .sidebar-user__avatar{cursor:default;pointer-events:none}@media (width<=1024px){html,body{max-width:100vw;overflow-x:hidden}body{-moz-text-size-adjust:100%;text-size-adjust:100%}img,video,iframe,canvas,svg{max-width:100%;height:auto}table{max-width:100%}.btn,.profile-btn,.supplier-primary-btn,.supplier-back-btn,.dashboard-workload__tab,.dashboard-workload__open-btn,.dashboard-activity__open-link,.dashboard-view-toggle__btn,.view-btn,.icon-btn,.topbar-icon-btn,.topbar-link-btn,.mobile-ticket-btn,.job-mobile-panel-btn,.internal-chat-thread-list__item,.internal-chat-composer__actions .btn,.customer-table__actions .btn-sm,.sidebar-link,.sidebar-footer-link{min-height:44px}.input,.select,.textarea,.profile-input,.field-input,.field-select,.remark-input,.supplier-input,.supplier-search-box__input,.dashboard-live-table__search-input,.dashboard-live-table__filter-select,.dashboard-activity__filter-select,.customer-table-card__search-input,.customer-table-card__filter-select,.internal-chat-sidebar__search-input,.internal-chat-composer__textarea,.replybar__textarea,input[type=text],input[type=email],input[type=search],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea{font-size:16px!important}.input,.select,.profile-input,.field-input,.field-select,.supplier-input,.supplier-search-box__input,.dashboard-live-table__search-input,.dashboard-live-table__filter-select,.dashboard-activity__filter-select,.customer-table-card__search-input,.customer-table-card__filter-select,.internal-chat-sidebar__search-input{min-height:44px}.app-shell,.app-layout,.app-main,.app-content,.dashboard-page,.dashboard-page__container,.customer-page,.customer-page__container,.internal-chat-page,.internal-chat-page__container,.supplier-page-shell,.supplier-page-container,.job-detail-layout,.job-detail-main,.job-thread-section,.job-reply-section,.profile-shell,.profile-container{min-width:0}.overflow-x-auto,.dashboard-live-table__table-wrap,.customer-table-wrap,.supplier-table-wrap,.job-meta,.message-html,.job-thread__html,.internal-chat-thread-list,.internal-chat-conversation-card__body,.internal-chat-context-card__body{-webkit-overflow-scrolling:touch;overflow-x:auto}.dashboard-live-table,.customer-table,.supplier-table{min-width:max-content}.dashboard-live-table__subject-link,.dashboard-live-table__subject-text,.dashboard-live-table__secondary,.dashboard-workload__subject-link,.dashboard-workload__subject-text,.dashboard-activity__text,.dashboard-activity__text-link,.customer-table__primary,.customer-table__secondary,.internal-chat-thread-list__title,.internal-chat-thread-list__preview,.internal-chat-message__content,.internal-chat-context__value,.job-thread__meta-value,.job-thread__text,.job-thread__html,.remark-text,.timeline-line{word-break:break-word;overflow-wrap:anywhere}}@media (width<=768px){.dashboard-page__container,.customer-page__container,.internal-chat-page__container,.supplier-page-container,.profile-container,.panel-card__header,.panel-card__body,.table-card__header,.table-card__body,.supplier-panel__header,.supplier-panel__body,.profile-card__head,.profile-card__body{padding-left:16px;padding-right:16px}}@media (width<=1024px){.dashboard-page__header-actions,.dashboard-live-table__controls,.dashboard-activity__controls{width:100%}.dashboard-sync-chip{max-width:100%}.dashboard-kpi-grid,.dashboard-page__lower-grid{grid-template-columns:1fr}}@media (width<=640px){.dashboard-live-table__filters,.dashboard-activity__controls,.dashboard-page__header-actions{flex-direction:column;align-items:stretch}.dashboard-live-table__filters>*,.dashboard-activity__controls>*,.dashboard-page__header-actions>*{width:100%}.dashboard-view-toggle{grid-template-columns:1fr 1fr;width:100%;display:grid}.dashboard-view-toggle__btn{width:100%}.dashboard-workload__tabs{padding-bottom:4px}}@media (width<=768px){.job-topbar__inner,.replybar,.drawer-body,.right-panel__scroll{padding-left:12px;padding-right:12px}.job-meta,.attachments-grid,.job-thread__attachments{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.job-pill,.att-chip,.attachment-chip,.job-thread__attachment{flex-shrink:0}.job-thread__header,.job-thread__meta-row,.remark-head{gap:6px}.replybar__inner{align-items:flex-end}.replybar__send,.replybar__clip{flex-shrink:0}.drawer-panel{width:min(92vw,420px)}.customer-page__header-actions,.customer-table-card__controls,.supplier-toolbar,.supplier-topbar{width:100%}.supplier-topbar,.customer-pagination,.customer-pagination__actions{flex-direction:column;align-items:stretch}.supplier-back-btn,.customer-table__actions,.customer-table__actions .btn-sm{width:100%}.supplier-table-footer,.customer-pagination__meta{text-align:left}.internal-chat-layout,.internal-chat-layout__sidebar,.internal-chat-layout__conversation,.internal-chat-layout__context{min-width:0}.internal-chat-thread-list{max-height:320px}.internal-chat-conversation-card__body{max-height:420px}.internal-chat-message__bubble{max-width:100%}.internal-chat-composer__actions{flex-direction:column;align-items:stretch}.internal-chat-composer__actions .btn{width:100%}}@media (width<=1024px){.desktop-only{display:none!important}}@media (width>=1025px){.mobile-only{display:none!important}}@media (width<=640px){.exp-drop__panel{width:calc(100vw - 24px)!important;max-width:none!important;left:12px!important;right:12px!important}}@media (width<=768px){.dashboard-page__header{flex-direction:column;align-items:stretch;gap:12px}.dashboard-page__header-actions{flex-wrap:wrap;gap:8px}.dashboard-page__header-actions>*{flex:auto;min-width:120px}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-live-table__controls{flex-direction:column;align-items:stretch}.dashboard-live-table__search,.dashboard-live-table__filter-select,.dashboard-live-table__refresh-btn,.orders-table-controls__select,.orders-table-controls__refresh{width:100%}}@media (width<=768px){.orders-table-card__header{flex-direction:column;align-items:stretch;gap:10px}.orders-table-controls{flex-wrap:wrap;gap:8px}.orders-table-wrap{scroll-behavior:auto;touch-action:auto;-webkit-overflow-scrolling:touch;overflow:auto}.orders-table{min-width:900px}}@supports (padding:max(0px)){.app-sidebar{padding-left:max(0px, env(safe-area-inset-left))}.app-content{padding-bottom:max(16px, env(safe-area-inset-bottom));padding-right:max(0px, env(safe-area-inset-right))}.app-mobile-header{padding-top:max(0px, env(safe-area-inset-top));min-height:calc(60px + env(safe-area-inset-top))}.drawer-panel,.global-confirm-root,.sidebar-overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (width<=640px){.page-header,.page-topbar,.po-topbar,.po-list-header,.sd-page-header,.purchase-page-header,.orders-page-header{flex-wrap:wrap;gap:8px}.page-header__actions,.page-topbar__actions,.po-topbar__actions,.sd-page-header__actions,.header-actions,.topbar-actions{flex-wrap:wrap;gap:6px;width:100%}.page-header__actions>.btn,.page-topbar__actions>.btn,.topbar-actions>.btn,.header-actions>.btn{flex:auto;justify-content:center;min-width:0}.job-topbar__actions,.job-topbar__controls{flex-wrap:wrap;gap:6px}.po-list-controls,.po-create-toolbar{flex-direction:column;align-items:stretch;gap:8px}.po-list-controls>*,.po-create-toolbar>*{width:100%}.sd-toolbar,.sd-list-toolbar{flex-direction:column;align-items:stretch;gap:8px}.modal,.modal-dialog,.confirm-dialog,.global-confirm-root__box{max-width:calc(100vw - 24px)!important;margin:12px auto!important}.fab,.sticky-bottom-bar,.mobile-ticket-btn{bottom:max(16px, env(safe-area-inset-bottom))}}@media (width<=390px){.app-mobile-header{padding-left:10px;padding-right:10px}.btn{padding-left:10px;padding-right:10px;font-size:13px}.dashboard-live-table{min-width:600px}.orders-table{min-width:700px}}@media (width<=1023px){.dashboard-live-table-card__header,.orders-table-card__header{flex-direction:column;align-items:stretch;gap:12px}.dashboard-live-table__controls,.orders-table-controls{flex-wrap:wrap;gap:8px;width:100%;display:flex}.dashboard-live-table__search,.orders-table-controls__search{flex:100%;min-width:0}.dashboard-live-table__filter-select,.orders-table-controls__select{flex:calc(50% - 4px);min-width:120px;max-width:none}.dashboard-live-table__refresh-btn,.orders-table-controls__refresh{flex:0 0 44px;justify-content:center;align-self:flex-start;width:44px;padding-left:0;padding-right:0}}@media (width<=639px){.dashboard-live-table__filter-select,.orders-table-controls__select{flex:100%;width:100%}.dashboard-live-table__refresh-btn,.orders-table-controls__refresh{flex:100%;justify-content:center;width:100%}}@media (width<=1023px){[data-dashboard-section=live-jobs] .dashboard-live-table{min-width:0}}@media (width<=639px){[data-dashboard-section=live-jobs] .dashboard-live-table th:nth-child(2),[data-dashboard-section=live-jobs] .dashboard-live-table td:nth-child(2),[data-dashboard-section=live-jobs] .dashboard-live-table th:nth-child(3),[data-dashboard-section=live-jobs] .dashboard-live-table td:nth-child(3),[data-dashboard-section=live-jobs] .dashboard-live-table th:nth-child(8),[data-dashboard-section=live-jobs] .dashboard-live-table td:nth-child(8){display:none}[data-dashboard-section=live-jobs] .dashboard-live-table td:nth-child(5){max-width:150px}[data-dashboard-section=live-jobs] .dashboard-live-table__subject-text,[data-dashboard-section=live-jobs] .dashboard-live-table__subject-link{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}}@media (width<=1023px){[data-dashboard-section=orders] .orders-table{min-width:0}}@media (width>=640px) and (width<=1023px){[data-dashboard-section=orders] .orders-table th:nth-child(5),[data-dashboard-section=orders] .orders-table td:nth-child(5),[data-dashboard-section=orders] .orders-table th:nth-child(6),[data-dashboard-section=orders] .orders-table td:nth-child(6),[data-dashboard-section=orders] .orders-table th:nth-child(8),[data-dashboard-section=orders] .orders-table td:nth-child(8),[data-dashboard-section=orders] .orders-table th:nth-child(9),[data-dashboard-section=orders] .orders-table td:nth-child(9),[data-dashboard-section=orders] .orders-table th:nth-child(12),[data-dashboard-section=orders] .orders-table td:nth-child(12){display:none}}@media (width<=639px){[data-dashboard-section=orders] .orders-table th:nth-child(2),[data-dashboard-section=orders] .orders-table td:nth-child(2),[data-dashboard-section=orders] .orders-table th:nth-child(5),[data-dashboard-section=orders] .orders-table td:nth-child(5),[data-dashboard-section=orders] .orders-table th:nth-child(6),[data-dashboard-section=orders] .orders-table td:nth-child(6),[data-dashboard-section=orders] .orders-table th:nth-child(8),[data-dashboard-section=orders] .orders-table td:nth-child(8),[data-dashboard-section=orders] .orders-table th:nth-child(9),[data-dashboard-section=orders] .orders-table td:nth-child(9),[data-dashboard-section=orders] .orders-table th:nth-child(10),[data-dashboard-section=orders] .orders-table td:nth-child(10),[data-dashboard-section=orders] .orders-table th:nth-child(11),[data-dashboard-section=orders] .orders-table td:nth-child(11),[data-dashboard-section=orders] .orders-table th:nth-child(12),[data-dashboard-section=orders] .orders-table td:nth-child(12){display:none}[data-dashboard-section=orders] .orders-table td:nth-child(3){max-width:140px}[data-dashboard-section=orders] .dashboard-live-table__subject-text{white-space:nowrap;text-overflow:ellipsis;max-width:140px;display:block;overflow:hidden}}@media (width<=1023px){.customer-table{min-width:0}}@media (width>=640px) and (width<=1023px){.customer-table th:nth-child(3),.customer-table td:nth-child(3),.customer-table th:nth-child(5),.customer-table td:nth-child(5),.customer-table th:nth-child(8),.customer-table td:nth-child(8),.customer-table th:nth-child(9),.customer-table td:nth-child(9),.customer-table th:nth-child(10),.customer-table td:nth-child(10),.customer-table th:nth-child(11),.customer-table td:nth-child(11),.customer-table th:nth-child(12),.customer-table td:nth-child(12){display:none}}@media (width<=639px){.customer-table th:nth-child(3),.customer-table td:nth-child(3),.customer-table th:nth-child(4),.customer-table td:nth-child(4),.customer-table th:nth-child(5),.customer-table td:nth-child(5),.customer-table th:nth-child(7),.customer-table td:nth-child(7),.customer-table th:nth-child(8),.customer-table td:nth-child(8),.customer-table th:nth-child(9),.customer-table td:nth-child(9),.customer-table th:nth-child(10),.customer-table td:nth-child(10),.customer-table th:nth-child(11),.customer-table td:nth-child(11),.customer-table th:nth-child(12),.customer-table td:nth-child(12){display:none}.customer-table td:nth-child(2){max-width:130px}.customer-table__primary{white-space:nowrap;text-overflow:ellipsis;max-width:130px;display:block;overflow:hidden}}@media (width<=1023px){.orders-page .orders-table{min-width:0}.orders-page .orders-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.orders-page__header{flex-direction:column;align-items:stretch;gap:12px}.orders-toolbar{flex-wrap:wrap;gap:8px;width:100%;display:flex}.orders-search{flex:100%}.orders-filter{flex:calc(50% - 4px);min-width:120px}}@media (width>=640px) and (width<=1023px){.orders-page .orders-table .col-supplier,.orders-page .orders-table .col-final-supplier,.orders-page .orders-table .col-po,.orders-page .orders-table .col-order-no,.orders-page .orders-table .col-delivery{display:none}}@media (width<=639px){.orders-page .orders-table .col-date,.orders-page .orders-table .col-responsible,.orders-page .orders-table .col-supplier,.orders-page .orders-table .col-final-supplier,.orders-page .orders-table .col-po,.orders-page .orders-table .col-order-no,.orders-page .orders-table .col-purchase,.orders-page .orders-table .col-selling,.orders-page .orders-table .col-delivery{display:none}.orders-filter{flex:100%}.orders-page .orders-table .col-subject{white-space:normal;overflow-wrap:anywhere;max-width:220px}}@media (width<=1023px){.orders-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=639px){.orders-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.orders-kpi-grid .metric-card{gap:8px;min-height:110px;padding:18px 10px 14px}.orders-kpi-grid .metric-card__badge{min-width:30px;height:30px;font-size:14px;top:8px;right:8px}.orders-kpi-grid .metric-card__icon-box{border-radius:12px;width:44px;height:44px;font-size:18px}.orders-kpi-grid .metric-card__label{font-size:9px}}@media (width<=390px){.orders-kpi-grid{grid-template-columns:1fr;gap:8px}}@media (width>=768px) and (width<=1023px){.dashboard-kpi-grid{grid-template-columns:repeat(5,1fr);gap:10px}}@media (width>=480px) and (width<=767px){.dashboard-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=1024px){html{overscroll-behavior:none}.app-content,.dashboard-live-table__table-wrap,.orders-table-wrap,.customer-table-wrap,.internal-chat-thread-list,.internal-chat-conversation-card__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:auto;touch-action:auto}.table-card,.panel-card,.dashboard-kpi-card,.metric-card{border-radius:12px}.inline-cell-select{min-height:34px;padding-top:6px;padding-bottom:6px;font-size:12px}.dashboard-live-table__row-count{padding:6px 12px;font-size:12px}}@media (width<=639px){.orders-page__container,.dashboard-page__container{padding-left:12px;padding-right:12px}.table-card__body{padding-left:0;padding-right:0}.dashboard-live-table__table-wrap,.orders-table-wrap,.customer-table-wrap{position:relative}.status-chip{white-space:nowrap;padding:2px 7px;font-size:11px}.dashboard-load-more__btn{justify-content:center;width:100%}}@media (width>=1440px){:root{--page-x:28px}.dashboard-page__container{max-width:1620px;padding:24px 32px 32px}.job-detail-layout,.job-detail-layout--stacked{max-width:1360px;padding:32px 32px 52px}.customer-page__container,.supplier-page-container{max-width:1680px;padding:24px 32px 40px}.dashboard-kpi-grid{gap:14px}.dashboard-live-table__table-wrap,.orders-table-wrap{scroll-behavior:auto;touch-action:auto;overflow:auto}}@media (width>=1920px){:root{--sidebar-width:284px;--page-x:36px;--page-y:28px}.dashboard-page__container{max-width:1860px;padding:28px 40px 40px}.dashboard-page__title{font-size:26px}.dashboard-page__subtitle{font-size:14px}.dashboard-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.dashboard-page__lower-grid{gap:24px}.table-card__header{padding:20px 24px 16px}.table-card__body{padding:0 24px 24px}.job-detail-layout,.job-detail-layout--stacked{max-width:1560px;padding:36px 40px 60px}.customer-page__container,.supplier-page-container{max-width:1860px;padding:28px 40px 48px}.dashboard-workload-card,.dashboard-activity-card{min-height:480px}.metric-card{padding:20px 22px}.metric-card__value{font-size:30px}.app-sidebar__brand{min-height:84px}.sidebar-link{padding:9px 14px}}@media (width>=2560px){:root{--sidebar-width:308px;--page-x:48px;--page-y:36px}.dashboard-page__container{max-width:2280px;padding:32px 56px 48px}.dashboard-page__title{font-size:30px}.dashboard-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.dashboard-page__lower-grid{gap:28px}.job-detail-layout,.job-detail-layout--stacked{max-width:1920px;padding:40px 56px 72px}.customer-page__container,.supplier-page-container{max-width:2280px;padding:32px 56px 56px}.metric-card{padding:24px 26px}.metric-card__value{font-size:34px}.table-card__header{padding:24px 28px 20px}.table-card__body{padding:0 28px 28px}.sidebar-link{padding:10px 16px;font-size:14px}.app-sidebar__brand{min-height:92px}body{font-size:15px}.btn{padding:10px 20px;font-size:14px}.input,.select{padding:10px 14px;font-size:14px}}@media (width>=1920px){.app-shell[data-desktop-viewport=compact]{--sidebar-compact-width:100px}.app-mobile-header{display:none}}@media (width>=1440px){.profile-container{max-width:1100px;padding:28px 36px 48px}.supplier-assignment-page__container{max-width:1640px;padding:26px 32px 40px}}@media (width>=1920px){.profile-container{max-width:1300px;padding:32px 40px 56px}.supplier-assignment-page__container{max-width:1860px;padding:28px 40px 48px}}@media (width>=2560px){.supplier-assignment-page__container{max-width:2280px;padding:32px 56px 56px}}@media (width<=899px){.cmodal__row--address,#customerModal .cmodal__row--address{grid-template-columns:1fr}}@media (width<=479px){.cmodal__row--contact,.cmodal__row--address,#customerModal .cmodal__row--contact,#customerModal .cmodal__row--address{grid-template-columns:1fr!important}}@media (width<=1199px){.sd-form-sidebar,.sd-form-side{top:auto;position:static!important}}@media (width<=639px){.sd-form-submit,.sd-form-side .btn,.sd-form-side .sd-btn{justify-content:center;width:100%}.sd-setup-card-body{gap:14px;padding:14px}.po-form-side .btn,.po-action-row .btn{justify-content:center;width:100%}.supplier-modal .modal-grid-2,.supplier-form .form-grid-2{grid-template-columns:1fr!important}}.app-bottom-nav{display:none}@media (width<=1023px){.app-bottom-nav{z-index:90;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--sidebar-surface,#1a1a1e);border-top:1px solid var(--border-soft,#ffffff14);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000002e}.app-content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}.app-bottom-nav__item{cursor:pointer;color:var(--text-muted,#6b7280);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 4px;font-size:10px;font-weight:500;line-height:1.2;text-decoration:none;transition:color .15s,transform .1s;display:flex}.app-bottom-nav__item i{font-size:19px;line-height:1;transition:transform .15s}.app-bottom-nav__item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.app-bottom-nav__item:active{color:var(--brand,#3b82f6);transform:scale(.88)}.app-bottom-nav__item.is-active{color:var(--brand,#3b82f6)}.app-bottom-nav__item.is-active i{transform:translateY(-1px)}.app-bottom-nav__item--fab{flex:0 0 60px;align-self:flex-end;height:70px;margin-top:-14px;position:relative}.app-bottom-nav__item--fab i{background:var(--brand,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #3b82f673}.app-bottom-nav__item--fab:active i{transform:scale(.9);box-shadow:0 2px 6px #3b82f659}.app-bottom-nav__item--fab span{color:var(--text-muted,#6b7280);font-size:10px}.app-bottom-nav__item--fab.is-active span{color:var(--brand,#3b82f6)}.app-bottom-nav__item--more{font-family:inherit}}@media (hover:none) and (pointer:coarse){.btn:active,.icon-btn:active,.sidebar-footer-link:active{opacity:.85;transition:transform 80ms,opacity 80ms;transform:scale(.96)}.dashboard-live-table tr:active,.orders-table tr:active,.customer-table tbody tr:active,.supplier-table tbody tr:active{transition:background 80ms;background:var(--brand-soft,#3b82f614)!important}.sidebar-link:active{transition:transform 80ms;transform:scale(.98);background:var(--brand-soft,#3b82f61f)!important}.internal-chat-thread-list__item:active{transition:background 80ms;background:var(--brand-soft,#3b82f614)!important}a,button,[role=button]{-webkit-tap-highlight-color:transparent}a,button,input,select,textarea,[role=button]{touch-action:manipulation}}@media (width<=1024px){.dashboard-live-table__filter-select,.orders-table-controls__select,.dashboard-live-table__search,.orders-table-controls__search,.modal input,.modal select,.modal textarea,.global-confirm-root input,.global-confirm-root select,.global-confirm-root textarea,.internal-chat-composer__input,.internal-chat-composer textarea,.kanban-search-input,.profile-input,.profile-select,.supplier-input,.supplier-select,.inline-cell-select{font-size:16px!important}}