@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.ph-crash{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg-panel)}.ph-crash-page{min-height:0;padding:var(--sp-8) var(--sp-6);background:transparent}.ph-crash-box{width:440px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-6);text-align:center;background:var(--ark-white);border:1px solid var(--border-1);border-radius:var(--rad-xl);box-shadow:var(--shadow-2)}.ph-crash-box>svg{color:var(--ark-yellow-600)}.ph-crash-title{font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--fg-1)}.ph-crash-text{font-size:var(--fs-13);color:var(--fg-2);line-height:var(--lh-normal)}.ph-crash-tech{font-size:var(--fs-11);font-family:var(--font-mono);color:var(--fg-3);word-break:break-word}.app{height:100vh}.app-fallback{display:flex;flex-direction:column;gap:var(--sp-3);padding:14px 28px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg-panel)}.login-card{width:380px;max-width:100%;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);background:var(--ark-white);border:1px solid var(--border-1);border-radius:var(--rad-xl);box-shadow:var(--shadow-2);animation:phRise .2s var(--ease-out)}.login-head{display:flex;align-items:center;gap:var(--sp-3)}.login-head-text{min-width:0}.login-title{font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.login-sub{font-size:var(--fs-12);color:var(--fg-3);line-height:var(--lh-snug);margin-top:2px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--fg-2)}.login-submit{width:100%;justify-content:center;margin-top:var(--sp-1)}.login-foot{font-size:var(--fs-11);color:var(--fg-3);text-align:center}:root{--ark-white: #FFFFFF;--ark-gray-50: #F8F9FB;--ark-gray-100: #F4F6F8;--ark-gray-200: #ECEFF2;--ark-gray-300: #E6E9EC;--ark-gray-400: #C9CFD6;--ark-gray-500: #9AA3AE;--ark-gray-600: #5B6573;--ark-gray-700: #3A4452;--ark-gray-800: #1F2733;--ark-gray-900: #0F1620;--ark-blue-50: #EAF3FE;--ark-blue-100: #CFE2FB;--ark-blue-300: #7AB4F5;--ark-blue-500: #2A8AF0;--ark-blue-600: #1F7AE0;--ark-blue-700: #1865BE;--ark-green-100: #DEF5E5;--ark-green-500: #16A34A;--ark-green-600: #128640;--ark-yellow-100: #FFF1C8;--ark-yellow-500: #E0A21A;--ark-yellow-600: #B5821A;--ark-red-100: #FCE3E3;--ark-red-500: #DC4646;--ark-red-600: #B83030;--ark-violet-100: #ECE7FE;--ark-violet-500: #7E5CF0;--ark-av-1: #E26B7E;--ark-av-2: #E08A3C;--ark-av-3: #C9A227;--ark-av-4: #59A861;--ark-av-5: #3FA3B3;--ark-av-6: #4F86E0;--ark-av-7: #8865D8;--ark-av-8: #B85F9E;--bg-app: var(--ark-white);--bg-panel: var(--ark-gray-100);--bg-panel-2: var(--ark-gray-50);--bg-elevated: var(--ark-white);--bg-hover: var(--ark-gray-100);--bg-press: var(--ark-gray-200);--bg-selected: var(--ark-blue-50);--fg-1: var(--ark-gray-900);--fg-2: var(--ark-gray-600);--fg-3: var(--ark-gray-500);--fg-disabled: var(--ark-gray-400);--fg-on-accent: var(--ark-white);--fg-link: var(--ark-blue-600);--border-1: var(--ark-gray-300);--border-2: var(--ark-gray-200);--border-strong: var(--ark-gray-400);--border-focus: var(--ark-blue-500);--accent: var(--ark-blue-500);--accent-hover: var(--ark-blue-600);--accent-press: var(--ark-blue-700);--accent-soft: var(--ark-blue-50);--status-new-bg: var(--ark-gray-200);--status-new-fg: var(--ark-gray-700);--status-contact-bg: var(--ark-blue-100);--status-contact-fg: var(--ark-blue-700);--status-qualified-bg: var(--ark-yellow-100);--status-qualified-fg: var(--ark-yellow-600);--status-won-bg: var(--ark-green-100);--status-won-fg: var(--ark-green-600);--status-lost-bg: var(--ark-red-100);--status-lost-fg: var(--ark-red-600);--success: var(--ark-green-500);--warning: var(--ark-yellow-500);--danger: var(--ark-red-500);--info: var(--ark-blue-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-tight: -.01em;--ls-normal: 0;--ls-wide: .04em;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--rad-xs: 3px;--rad-sm: 4px;--rad-md: 6px;--rad-lg: 8px;--rad-xl: 12px;--rad-2xl: 16px;--rad-pill: 999px;--rad-full: 50%;--shadow-0: none;--shadow-1: 0 1px 2px rgba(15, 22, 32, .06);--shadow-2: 0 4px 12px rgba(15, 22, 32, .08);--shadow-3: 0 12px 32px rgba(15, 22, 32, .12);--shadow-focus: 0 0 0 2px rgba(42, 138, 240, .35);--layout-sidebar-w-collapsed: 64px;--layout-sidebar-w-expanded: 240px;--layout-topbar-h: 52px;--layout-min-w: 1180px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s}html,body{font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--fg-1);background:var(--bg-app);font-feature-settings:"cv11","ss01","tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h-page{font-size:var(--fs-20);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg-1)}.h-section{font-size:var(--fs-16);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg-1)}.h-card{font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg-1)}.h-kpi{font-size:var(--fs-32);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg-1);font-feature-settings:"tnum"}.t-body{font-size:var(--fs-14);color:var(--fg-1);line-height:var(--lh-normal)}.t-body-sm{font-size:var(--fs-13);color:var(--fg-1);line-height:var(--lh-snug)}.t-secondary{font-size:var(--fs-13);color:var(--fg-2);line-height:var(--lh-snug)}.t-caption{font-size:var(--fs-12);color:var(--fg-3);line-height:var(--lh-snug)}.t-overline{font-size:var(--fs-11);color:var(--fg-3);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:var(--fw-medium)}.t-mono{font-family:var(--font-mono);font-size:var(--fs-13)}.t-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.t-link{color:var(--fg-link);text-decoration:none}.t-link:hover{text-decoration:underline}code,.t-code{font-family:var(--font-mono);font-size:.92em;background:var(--ark-gray-100);padding:1px 5px;border-radius:var(--rad-sm);color:var(--fg-1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline}.app{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:100vh;background:var(--bg-app);color:var(--fg-1);min-width:0}@media (max-width: 1100px){.app{grid-template-columns:220px minmax(0,1fr)}}.sidebar-wide{background:var(--bg-panel);border-right:1px solid var(--border-1);display:flex;flex-direction:column;min-height:0;height:100%}.nav-wide{flex:1 1 auto;overflow-y:auto;scrollbar-gutter:stable;padding:10px 8px;display:flex;flex-direction:column;gap:1px;min-height:0;background:var(--bg-panel)}.brand-wide{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--border-1);position:relative;overflow:hidden;flex:none}.brand-wide .brand-mark{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.brand-wide:hover .brand-mark{transform:scale(.92) rotate(-6deg)}.brand-emoji{font-size:18px;line-height:1;display:block}.brand-wide .brand-name{font-weight:var(--fw-bold);font-size:var(--fs-15);letter-spacing:var(--ls-tight)}.brand-ver{font-size:10px;color:var(--fg-3);font-family:var(--font-mono);margin-left:2px}.brand-dancer{display:inline-block;margin-left:2px;font-size:20px;line-height:1;transform:scale(0);transform-origin:center;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(220,80,140,.35));transition:opacity .15s ease}.brand-wide:hover .brand-dancer{animation:brandDance 1.4s ease-in-out infinite;opacity:1}@keyframes brandDance{0%{transform:scale(0) rotate(0)}15%{transform:scale(1.15) rotate(-12deg)}35%{transform:scale(1.05) rotate(14deg) translateY(-2px)}55%{transform:scale(1.1) rotate(-10deg) translateY(2px)}75%{transform:scale(1.05) rotate(8deg) translateY(-1px)}to{transform:scale(1) rotate(0)}}.nav-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--rad-md);border:0;background:transparent;font:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--fg-1);cursor:pointer;text-align:left;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-row:hover{background:var(--ark-gray-200);text-decoration:none}.nav-row.active{background:var(--ark-white);color:var(--accent);box-shadow:var(--shadow-1)}.nav-row-icon{flex:none;color:currentColor}.nav-row-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-row-pip{background:var(--ark-red-500);color:var(--fg-on-accent);font-size:var(--fs-11);font-weight:var(--fw-semibold);font-family:var(--font-mono);min-width:18px;height:18px;padding:0 6px;border-radius:var(--rad-pill);display:inline-flex;align-items:center;justify-content:center}.ph-nav-count{font-size:var(--fs-11);font-family:var(--font-mono);color:var(--fg-3)}.nav-row.active .ph-nav-count{color:var(--accent)}.nav-spacer{flex:1}.user-card-wide{display:flex;align-items:center;gap:10px;padding:12px 14px;flex:none;border-top:1px solid var(--border-1);background:var(--bg-panel)}.user-card-wide .uc-body{flex:1;min-width:0}.user-card-wide .uc-name{font-size:var(--fs-13);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-wide .uc-role{font-size:var(--fs-11);color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ucw-actions{display:flex;align-items:center;gap:2px}.main{display:grid;grid-template-rows:1fr;min-width:0;min-height:0}.icon-btn{width:32px;height:32px;border-radius:var(--rad-md);border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2);position:relative;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.icon-btn:hover{background:var(--bg-hover);color:var(--fg-1)}.icon-btn:disabled{color:var(--fg-disabled);cursor:default;background:transparent}.icon-btn .pip{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:var(--rad-full);background:var(--ark-red-500);border:1.5px solid var(--ark-white)}.content{overflow:auto;min-height:0;scrollbar-gutter:stable;container-type:inline-size}.content-inner{padding:14px 28px 32px;max-width:1480px}.content::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-thumb{background:var(--ark-gray-300);border-radius:5px;border:2px solid transparent;background-clip:padding-box}.content::-webkit-scrollbar-thumb:hover{background:var(--ark-gray-400);background-clip:padding-box;border:2px solid transparent}.seg{display:inline-flex;background:var(--bg-panel);padding:2px;border-radius:7px;border:1px solid var(--border-1)}.seg button{border:0;background:transparent;padding:5px 12px;font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);border-radius:5px;cursor:pointer;color:var(--fg-2);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg button:hover{color:var(--fg-1)}.seg button.active{background:var(--ark-white);color:var(--fg-1);box-shadow:var(--shadow-1)}.seg-sm{display:inline-flex;background:var(--ark-white);padding:2px;border-radius:var(--rad-md);border:1px solid var(--border-1)}.seg-sm button{border:0;background:transparent;padding:4px 10px;font:inherit;font-size:var(--fs-12);border-radius:var(--rad-sm);cursor:pointer;color:var(--fg-2);white-space:nowrap}.seg-sm button.active{background:var(--ark-blue-50);color:var(--accent);font-weight:var(--fw-medium)}.btn{height:32px;padding:0 14px;border-radius:var(--rad-md);border:1px solid transparent;font-family:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--accent);color:var(--fg-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--ark-white);color:var(--fg-1);border-color:var(--border-1)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-1)}.btn-sm{height:26px;padding:0 10px;font-size:var(--fs-12)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{cursor:default;opacity:.55}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:18px}.page-header .left h1{font-size:var(--fs-20);font-weight:var(--fw-semibold);letter-spacing:-.015em;margin:0 0 var(--sp-1)}.page-header .left .sub{font-size:var(--fs-12);color:var(--fg-3)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}.kpi{background:var(--ark-white);border:1px solid var(--border-1);border-radius:10px;padding:var(--sp-4) 18px;display:flex;flex-direction:column;gap:var(--sp-2);position:relative;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.kpi:hover{border-color:var(--ark-gray-400);box-shadow:var(--shadow-1)}.kpi-label{font-size:var(--fs-12);color:var(--fg-2);font-weight:var(--fw-medium);display:flex;align-items:center;gap:6px}.kpi-label .info{width:14px;height:14px;border-radius:var(--rad-full);background:var(--ark-gray-200);color:var(--fg-3);font-size:9px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;cursor:help}.kpi-value-row{display:flex;align-items:baseline;gap:var(--sp-2)}.kpi-value{font-size:30px;font-weight:var(--fw-semibold);letter-spacing:-.02em;font-feature-settings:"tnum";line-height:1}.kpi-unit{font-size:var(--fs-13);color:var(--fg-2);font-weight:var(--fw-medium)}.kpi-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:22px}.kpi-sub{font-size:var(--fs-11);color:var(--fg-3)}.kpi.empty .kpi-value{color:var(--fg-3);font-weight:var(--fw-medium)}@container (max-width: 1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.delta{display:inline-flex;gap:3px;align-items:center;font-size:var(--fs-11);font-weight:var(--fw-semibold);padding:2px var(--sp-2);border-radius:var(--rad-sm);font-family:var(--font-mono);letter-spacing:var(--ls-tight);white-space:nowrap;flex:none}.delta.up{color:var(--ark-green-600);background:var(--ark-green-100)}.delta.down{color:var(--ark-red-600);background:var(--ark-red-100)}.delta.flat{color:var(--fg-2);background:var(--ark-gray-200)}.delta.up-bad{color:var(--ark-red-600);background:var(--ark-red-100)}.delta.down-good{color:var(--ark-green-600);background:var(--ark-green-100)}.card-block{background:var(--ark-white);border:1px solid var(--border-1);border-radius:10px;padding:var(--sp-4) 18px;display:flex;flex-direction:column;min-height:0}.card-block-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:14px}.card-block-head .title{font-size:var(--fs-14);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:var(--sp-2)}.card-block-head .title .count-pill{background:var(--ark-red-100);color:var(--ark-red-600);font-size:var(--fs-11);font-weight:var(--fw-semibold);font-family:var(--font-mono);padding:1px 7px;border-radius:var(--rad-pill)}.dropdown{height:28px;padding:0 10px;border-radius:var(--rad-md);background:var(--ark-white);border:1px solid var(--border-1);font:inherit;font-size:var(--fs-12);cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-out)}.dropdown:hover{border-color:var(--border-strong)}@media print{@page{size:A4 landscape;margin:10mm}html,body,#root{height:auto!important;overflow:visible!important}.no-print{display:none!important}.app{display:block!important;min-width:0!important}.main,.content{display:block!important;overflow:visible!important;height:auto!important}.content-inner{padding:0!important;max-width:none!important}.kpi,.card-block,.ph-table{break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ph-brand-mark{background:var(--ark-blue-100);border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none}.ph-mono{font-family:var(--font-mono);font-size:var(--fs-12)}.ph-sub-2{font-size:var(--fs-12);color:var(--fg-3)}.ph-danger{color:var(--ark-red-600)!important}.ph-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ph-title-row{display:flex;align-items:center;gap:10px}.ph-cb{accent-color:var(--accent);margin:0}.ph-file-input{display:none}.ph-link{display:inline-flex;align-items:center;gap:var(--sp-1);border:0;background:none;padding:0;font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--accent);cursor:pointer;white-space:nowrap}.ph-link:hover{color:var(--accent-hover)}.ph-link:disabled{color:var(--fg-3);cursor:default}.ph-input{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-1);border-radius:var(--rad-md);font:inherit;font-size:var(--fs-13);color:var(--fg-1);background:var(--ark-white);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}textarea.ph-input{height:auto;padding:var(--sp-2) 10px;resize:vertical;line-height:1.45;font-size:var(--fs-14)}.ph-input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.ph-input:disabled{background:var(--bg-panel-2);color:var(--fg-2);cursor:default}.ph-field-lbl{display:block;font-size:var(--fs-12);color:var(--fg-2);font-weight:var(--fw-medium);margin:14px 0 6px}.ph-mini-ok{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ark-green-600);font-weight:var(--fw-medium)}.ph-tag-warn{font-size:10.5px;font-weight:var(--fw-semibold);color:var(--ark-yellow-600);background:var(--ark-yellow-100);padding:1px 6px;border-radius:var(--rad-sm);margin-left:var(--sp-2);white-space:nowrap}.ph-creative{position:relative;overflow:hidden;border-radius:var(--rad-xs);box-shadow:0 0 0 1px #0f162014;flex:none}.ph-checker{background-color:var(--ark-gray-50);background-image:linear-gradient(45deg,#EEF0F3 25%,transparent 25%,transparent 75%,#EEF0F3 75%),linear-gradient(45deg,#EEF0F3 25%,transparent 25%,transparent 75%,#EEF0F3 75%);background-size:12px 12px;background-position:0 0,6px 6px}.ph-spin{width:11px;height:11px;border-radius:var(--rad-full);border:1.5px solid currentColor;border-right-color:transparent;display:inline-block;animation:phSpin .8s linear infinite;flex:none}@keyframes phSpin{to{transform:rotate(360deg)}}.ph-status{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--rad-sm);font-size:var(--fs-11);font-weight:var(--fw-semibold);white-space:nowrap}.ph-status-ok{background:var(--ark-green-100);color:var(--ark-green-600)}.ph-status-check{background:var(--ark-yellow-100);color:var(--ark-yellow-600)}.ph-status-proc{background:var(--ark-blue-50);color:var(--accent)}.ph-status-muted{background:var(--ark-gray-200);color:var(--fg-2)}.ph-status .ph-spin{width:9px;height:9px}.ph-progress{display:flex;flex-direction:column;gap:var(--sp-2)}.ph-progress-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--accent)}.ph-progress-head>span:first-child{display:inline-flex;align-items:center;gap:var(--sp-2)}.ph-progress-bar{height:6px;border-radius:var(--rad-pill);background:var(--ark-gray-200);overflow:hidden}.ph-progress-bar span{display:block;height:100%;background:var(--accent);border-radius:var(--rad-pill);transition:width .3s var(--ease-out)}.ph-toolbar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.ph-search{height:34px;width:320px;max-width:100%;background:var(--ark-white);border:1px solid var(--border-1);border-radius:var(--rad-md);display:flex;align-items:center;gap:var(--sp-2);padding:0 6px 0 10px}.ph-search:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.ph-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-13);color:var(--fg-1)}.ph-table{border:1px solid var(--border-1);border-radius:10px;overflow:hidden;background:var(--ark-white)}.ph-tr{display:grid;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-top:1px solid var(--border-2);font-size:var(--fs-13);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ph-tr:hover{background:var(--bg-hover)}.ph-th{border-top:0;background:var(--bg-panel-2);font-size:var(--fs-11);color:var(--fg-2);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);cursor:default;padding:10px var(--sp-4)}.ph-th:hover{background:var(--bg-panel-2)}@container (max-width: 760px){.ph-table{overflow-x:auto}.ph-table .ph-tr{min-width:720px}}.ph-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:10px var(--sp-4);border-top:1px solid var(--border-1);background:var(--ark-white);font-size:12.5px;color:var(--fg-2);flex-wrap:wrap}.ph-pager-btns{display:flex;align-items:center;gap:var(--sp-1)}.ph-pager-btns button{min-width:30px;height:30px;padding:0 var(--sp-2);border:1px solid var(--border-1);background:var(--ark-white);border-radius:var(--rad-md);font:inherit;font-size:12.5px;font-family:var(--font-mono);color:var(--fg-1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ph-pager-btns button:hover:not(:disabled){background:var(--bg-hover)}.ph-pager-btns button.on{background:var(--accent);border-color:var(--accent);color:var(--fg-on-accent)}.ph-pager-btns button:disabled{opacity:.45;cursor:default}.ph-pager select{height:30px}.ph-pager-size{display:flex;align-items:center;gap:var(--sp-2)}.ph-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f162066;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);animation:phFade .16s var(--ease-out)}@keyframes phFade{0%{opacity:0}to{opacity:1}}.ph-modal{width:640px;max-width:100%;max-height:calc(100vh - 48px);background:var(--ark-white);border-radius:var(--rad-xl);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden;animation:phRise .2s var(--ease-out)}@keyframes phRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ph-modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5) var(--sp-2)}.ph-modal-head h2{margin:0;font-size:var(--fs-18);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}.ph-modal-tabs{display:flex;gap:2px;padding:0 var(--sp-5);border-bottom:1px solid var(--border-1)}.ph-modal-tabs button{display:inline-flex;align-items:center;gap:7px;padding:10px var(--sp-3);border:0;background:none;font:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--fg-2);cursor:pointer;border-bottom:2px solid transparent}.ph-modal-tabs button:hover{color:var(--fg-1)}.ph-modal-tabs button.active{color:var(--fg-1);border-bottom-color:var(--accent)}.ph-modal-body{padding:18px var(--sp-5);overflow-y:auto}.ph-modal-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ph-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-1);background:var(--bg-panel-2)}.ph-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f162066;display:flex;justify-content:flex-end;animation:phFade .16s var(--ease-out)}.ph-drawer{width:min(1080px,calc(100vw - 120px));height:100%;background:var(--ark-white);box-shadow:var(--shadow-3);display:flex;flex-direction:column;animation:phSlide .22s var(--ease-out)}@keyframes phSlide{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.ph-drawer-head{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5) 14px var(--sp-6);border-bottom:1px solid var(--border-1)}.ph-drawer-title{margin:0;font-size:var(--fs-20);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ph-drawer-head>.ph-drawer-title{flex:1}.ph-drawer-tools{display:flex;align-items:center;gap:var(--sp-1);flex:none}.ph-drawer-tools .btn{margin-right:var(--sp-2)}.ph-drawer-body{flex:1;overflow-y:auto;container-type:inline-size}.ph-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0f1620e0;display:flex;flex-direction:column;animation:phFade .16s var(--ease-out)}.ph-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-6);color:var(--ark-white);font-size:var(--fs-13);font-weight:var(--fw-medium)}.ph-lightbox-bar .icon-btn{color:var(--ark-white)}.ph-lightbox-bar .icon-btn:hover{background:#ffffff1f;color:var(--ark-white)}.ph-lightbox-img{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-10) var(--sp-10);min-height:0}.ph-logo-slot{width:64px;height:40px;border-radius:var(--rad-md);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;color:var(--fg-3);flex:none}.ph-swatches{display:flex;align-items:center;gap:6px}.ph-swatch{width:28px;height:28px;border-radius:var(--rad-md);box-shadow:inset 0 0 0 1px #0f16201f}.ph-chips-edit{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ph-chip-edit{display:inline-flex;align-items:center;gap:var(--sp-1);height:28px;padding:0 var(--sp-1) 0 10px;border-radius:var(--rad-md);background:var(--ark-gray-100);border:1px solid var(--border-2);font-size:var(--fs-13)}.ph-chip-edit button{width:20px;height:20px;border:0;background:none;border-radius:var(--rad-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-3);cursor:pointer}.ph-chip-edit button:hover{background:var(--ark-gray-200);color:var(--fg-1)}.ph-chip-add{display:inline-flex;align-items:center;gap:var(--sp-1);height:28px;padding:0 10px;border-radius:var(--rad-md);border:1px dashed var(--border-strong);background:none;font:inherit;font-size:var(--fs-13);color:var(--accent);cursor:pointer}.ph-chip-input input{height:28px;width:140px;border:1px dashed var(--border-strong);border-radius:var(--rad-md);padding:0 10px;font:inherit;font-size:var(--fs-13);outline:none}.ph-chip-input input:focus{border-color:var(--accent);border-style:solid}.ph-state{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) 0}.ph-skeleton{flex:none;background:var(--ark-gray-200);animation:phPulse 1.2s var(--ease-in-out) infinite}@keyframes phPulse{50%{opacity:.5}}.ph-banner{display:flex;align-items:center;gap:var(--sp-2);padding:10px var(--sp-3);border-radius:var(--rad-md);background:var(--ark-red-100);color:var(--ark-red-600);font-size:var(--fs-13)}.ph-banner>svg{flex:none}.ph-banner-text{flex:1;min-width:0}.ph-sub-empty{padding:var(--sp-6);text-align:center;color:var(--fg-3);font-size:var(--fs-13)}.ph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-12) var(--sp-6);border:1px dashed var(--border-strong);border-radius:var(--rad-xl);background:var(--bg-panel-2);text-align:center}.ph-empty-ico{width:44px;height:44px;border-radius:var(--rad-lg);background:var(--ark-white);border:1px solid var(--border-1);color:var(--fg-3);display:flex;align-items:center;justify-content:center}.ph-empty-title{font-size:var(--fs-15);font-weight:var(--fw-semibold);color:var(--fg-1)}.ph-empty-text{font-size:var(--fs-13);color:var(--fg-2);max-width:420px;line-height:var(--lh-snug)}.ph-empty-act{margin-top:var(--sp-2)}.ph-toast{position:fixed;left:50%;bottom:var(--sp-6);transform:translate(-50%);z-index:130;display:flex;align-items:center;gap:var(--sp-2);padding:10px 14px;border-radius:var(--rad-lg);background:var(--ark-gray-900);color:var(--ark-white);font-size:var(--fs-13);white-space:nowrap;box-shadow:var(--shadow-3);cursor:pointer;animation:phRise .2s var(--ease-out)}.ph-toast>svg{flex:none}.ph-toast-err{color:var(--ark-red-100)}.ph-pager-gap{color:var(--fg-3);padding:0 var(--sp-1)}.settings-shell{display:block;height:100%;min-height:0;background:var(--bg-app)}.set-toptabs{display:flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-8);border-bottom:1px solid var(--border-1);background:var(--bg-app);position:sticky;top:0;z-index:4;overflow-x:auto}.set-toptabs::-webkit-scrollbar{display:none}.set-toptab{height:44px;padding:0 14px;background:transparent;border:0;border-bottom:2px solid transparent;font:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap;text-decoration:none;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.set-toptab:hover{color:var(--fg-1);text-decoration:none}.set-toptab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--fw-semibold)}.set-content{overflow:auto;min-height:0;height:100%;background:var(--bg-app)}.set-content-inner{max-width:1080px;padding:var(--sp-6) var(--sp-8) var(--sp-16)}.set-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:22px}.set-h1{margin:0 0 var(--sp-1);font-size:22px;font-weight:var(--fw-semibold);letter-spacing:-.015em;color:var(--fg-1)}.set-sub{font-size:var(--fs-13);color:var(--fg-2);max-width:640px;line-height:1.45}.set-head-actions{display:flex;align-items:center;gap:var(--sp-3);flex:none}.dirty-pill{font-size:var(--fs-12);color:var(--ark-yellow-600);background:var(--ark-yellow-100);padding:var(--sp-1) 10px;border-radius:var(--rad-md);font-weight:var(--fw-medium)}.set-card{background:var(--ark-white);border:1px solid var(--border-1);border-radius:10px;margin-bottom:var(--sp-4);overflow:hidden}.set-card-head{padding:var(--sp-4) var(--sp-5) var(--sp-3);border-bottom:1px solid var(--border-2)}.set-card-title{font-size:var(--fs-14);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}.set-card-desc{font-size:var(--fs-12);color:var(--fg-2);margin-top:var(--sp-1);line-height:1.45}.set-card-body{padding:18px var(--sp-5)}.set-card-foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-2);background:var(--bg-panel-2)}.set-disabled-block{opacity:.5;pointer-events:none}.form-grid{display:grid;gap:var(--sp-4) var(--sp-5)}.form-grid-2{grid-template-columns:1fr 1fr}.fld{display:flex;flex-direction:column;gap:6px;min-width:0}.fld-span2{grid-column:1 / -1}.fld-lbl{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--fg-2);display:inline-flex;align-items:center;gap:var(--sp-1)}.fld-lbl .req{color:var(--ark-red-500)}.fld-hint{font-size:var(--fs-11);color:var(--fg-3);line-height:1.4}.txt{display:flex;align-items:center;height:34px;background:var(--ark-white);border:1px solid var(--border-1);border-radius:var(--rad-md);padding:0 10px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.txt:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.txt input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-13);color:var(--fg-1)}.txt-mono input{font-family:var(--font-mono);font-size:var(--fs-12)}.txt-locked{background:var(--bg-panel-2)}.txt-locked input{color:var(--fg-2);cursor:default}.txt-suffix{font-size:var(--fs-12);color:var(--fg-3);font-family:var(--font-mono);margin-left:6px;flex:none}.txt-area{width:100%;background:var(--ark-white);border:1px solid var(--border-1);border-radius:var(--rad-md);padding:10px;font:inherit;font-size:var(--fs-13);color:var(--fg-1);resize:vertical;min-height:72px;line-height:1.45}.txt-area:focus{outline:0;border-color:var(--accent);box-shadow:var(--shadow-focus)}.sel{position:relative;height:34px;background:var(--ark-white);border:1px solid var(--border-1);border-radius:var(--rad-md);display:flex;align-items:center;padding:0 10px}.sel:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.sel select{flex:1;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-13);color:var(--fg-1);padding-right:18px;cursor:pointer}.sel>svg{color:var(--fg-3);pointer-events:none;flex:none}.sw-row{display:flex;align-items:flex-start;gap:var(--sp-3);cursor:pointer;-webkit-user-select:none;user-select:none}.sw{flex:none;width:36px;height:20px;border-radius:var(--rad-pill);background:var(--ark-gray-300);border:0;position:relative;cursor:pointer;padding:0;margin-top:1px;transition:background var(--dur-fast) var(--ease-out)}.sw .sw-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--ark-white);border-radius:var(--rad-full);box-shadow:0 1px 2px #0000002e;transition:left var(--dur-fast) var(--ease-out)}.sw.on{background:var(--accent)}.sw.on .sw-knob{left:18px}.sw:disabled{cursor:default;opacity:.55}.sw-text{display:flex;flex-direction:column;gap:2px}.sw-label{font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--fg-1)}.sw-desc{font-size:var(--fs-12);color:var(--fg-2);line-height:1.45}.rd-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 14px;border:1px solid var(--border-1);border-radius:var(--rad-lg);background:var(--ark-white);cursor:pointer;text-align:left;font:inherit;width:100%;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.rd-row:hover{border-color:var(--border-strong)}.rd-row.on{border-color:var(--accent);background:var(--ark-blue-50)}.rd-row:disabled{cursor:default;opacity:.55}.rd{width:16px;height:16px;border-radius:var(--rad-full);border:1.5px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:1px;background:var(--ark-white);transition:border-color var(--dur-fast) var(--ease-out)}.rd>span{width:8px;height:8px;border-radius:var(--rad-full);background:transparent;transition:background var(--dur-fast) var(--ease-out)}.rd.on{border-color:var(--accent)}.rd.on>span{background:var(--accent)}.rd-text{flex:1;min-width:0}.rd-label{font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--fg-1)}.rd-desc{font-size:var(--fs-12);color:var(--fg-2);margin-top:2px;line-height:1.45}.sync-list{display:flex;flex-direction:column;gap:var(--sp-3)}.src-radio-list{display:flex;flex-direction:column;gap:var(--sp-2)}.row-with-action{display:flex;align-items:stretch;gap:var(--sp-2)}.row-with-action>.txt{flex:1}.fn-add{margin-top:var(--sp-1);display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;padding:var(--sp-2) 14px;border:1px dashed var(--border-strong);border-radius:var(--rad-lg);background:transparent;color:var(--fg-2);font:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.fn-add:hover{border-color:var(--accent);color:var(--accent);background:var(--ark-blue-50)}.info-banner{display:flex;align-items:flex-start;gap:10px;padding:var(--sp-3) 14px;background:var(--ark-blue-50);border:1px solid var(--ark-blue-100);border-radius:var(--rad-lg);font-size:var(--fs-13);color:var(--fg-1);margin-bottom:var(--sp-4)}.info-banner>svg{color:var(--accent);flex:none;margin-top:1px}.info-banner.muted{background:var(--bg-panel-2);border-color:var(--border-1);font-size:var(--fs-12);color:var(--fg-2)}.info-banner.muted>svg{color:var(--fg-3)}.info-banner.small{font-size:var(--fs-12);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-3);margin-bottom:0}.conn-pill{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-11);font-weight:var(--fw-semibold);padding:3px var(--sp-2);border-radius:var(--rad-sm);white-space:nowrap;flex:none}.conn-pill.ok{background:var(--ark-green-100);color:var(--ark-green-600)}.conn-pill.bad{background:var(--ark-gray-200);color:var(--fg-2)}.conn-pill.err{background:var(--ark-red-100);color:var(--ark-red-600)}.integ-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.integ-card{background:var(--ark-white);border:1px solid var(--border-1);border-radius:10px;overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.integ-card.open{box-shadow:var(--shadow-1);border-color:var(--ark-gray-400)}.integ-head{display:flex;align-items:center;gap:14px;width:100%;padding:var(--sp-4) 18px;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.integ-head:hover{background:var(--bg-hover)}.integ-card.open .integ-head{background:transparent}.integ-ico{flex:none;width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.integ-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.integ-name{font-size:var(--fs-14);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}.integ-desc{font-size:var(--fs-12);color:var(--fg-2)}.integ-chev{flex:none;width:var(--sp-6);height:var(--sp-6);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-3);transition:transform var(--dur-fast) var(--ease-out)}.integ-chev.open{transform:rotate(180deg);color:var(--fg-1)}.integ-content{border-top:1px solid var(--border-2);padding:0;animation:integDown .22s var(--ease-out)}@keyframes integDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.integ-section{padding:18px var(--sp-5)}.integ-section+.integ-section{padding-top:14px}.integ-section-title{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--fg-2);text-transform:uppercase;letter-spacing:var(--ls-wide);margin-bottom:var(--sp-3)}.integ-divider{border-top:1px solid var(--border-2);margin:0 var(--sp-5)}.integ-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}