/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.loading-screen{color:#e0f2fe;background:#06111f;place-items:center;min-height:100vh;display:grid}.login-screen{background:linear-gradient(135deg,#06111f 0%,#0b1220 50%,#082f49 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-grid{background-image:linear-gradient(#38bdf814 1px,#0000 1px),linear-gradient(90deg,#38bdf814 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.login-card{z-index:1;color:#fff;background:#0f172adb;border:1px solid #38bdf82e;border-radius:24px;width:min(420px,100%);padding:42px;position:relative;box-shadow:0 30px 80px #00000073,0 0 50px #2563eb1f}.login-logo,.brand-mark{background:#f8fafc;border-radius:16px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 0 28px #2563eb7a}.login-logo img,.brand-mark img{object-fit:cover;width:100%;height:100%}.login-card h1{margin:18px 0 4px;font-size:24px}.login-card p{color:#7dd3fc;letter-spacing:.16em;margin:0 0 28px;font-size:12px}.login-card label{color:#cbd5e1;gap:8px;margin-bottom:16px;font-size:13px;display:grid}.login-card input,.panel input,.panel select{background:#fff;border:1px solid #dbe4ef;border-radius:12px;outline:none;width:100%;padding:11px 13px}.login-card input{color:#fff;background:#ffffff0f;border-color:#38bdf83d}.login-card button,.panel button,.ghost-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:12px 18px;font-weight:700}.login-card button{width:100%;margin-top:6px}.login-hint{color:#94a3b8;text-align:center;margin-top:18px;font-size:12px}.error-text{color:#fca5a5;font-size:13px}.app-shell{background:#f8fafc;min-height:100vh;display:flex}.sidebar{color:#fff;background:#0b1220;flex-direction:column;gap:18px;width:236px;padding:22px 14px;display:flex}.brand{align-items:center;gap:12px;padding:6px;display:flex}.brand-mark{border-radius:10px;width:40px;height:40px;font-size:18px}.brand-title{font-weight:800}.brand-subtitle{color:#38bdf8;letter-spacing:.16em;font-size:10px}.system-pill{color:#94a3b8;border:1px solid #38bdf829;border-radius:10px;align-items:center;gap:8px;margin:0 6px;padding:8px 10px;font-size:11px;display:flex}.system-pill span{background:#22c55e;border-radius:99px;width:7px;height:7px;box-shadow:0 0 10px #22c55e}.nav-list{gap:6px;display:grid}.mobile-nav-toggle,.mobile-nav-scrim{display:none}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.nav-item span{min-width:0}.nav-unread-dot{color:#fff;background:#ef4444;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:grid;box-shadow:0 0 0 3px #ef44442e}.nav-item.active{color:#fff;background:#2563eb38;box-shadow:inset 2px 0 #38bdf8}.nav-group{gap:6px;display:grid}.nav-folder{position:relative}.nav-folder-chevron{margin-left:auto;transition:transform .18s}.nav-group.open .nav-folder-chevron{transform:rotate(180deg)}.nav-sublist{border-left:1px solid #94a3b82e;gap:4px;margin-left:14px;padding:6px 0 6px 10px;display:grid}.nav-subitem{color:#7c8aa0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13px;display:flex}.nav-subitem.active{color:#fff;background:#2563eb2e}.nav-subitem:hover,.nav-item:hover{color:#fff;background:#94a3b81a}.profile-card{border-top:1px solid #94a3b824;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.avatar,.card-avatar{color:#fff;background:#2563eb;border-radius:99px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.profile-name{font-size:13px;font-weight:700}.profile-role{color:#64748b;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:66px;padding:0 28px;display:flex}.topbar-title{font-weight:800}.topbar-subtitle{color:#64748b;margin-top:2px;font-size:12px}.ghost-button{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;align-items:center;gap:8px;display:inline-flex}.content{flex:1;overflow:auto}.page{padding:28px}.page-heading{justify-content:space-between;margin-bottom:22px;display:flex}.eyebrow{color:#2563eb;letter-spacing:.12em;margin:0 0 6px;font-size:12px;font-weight:800}.page h1{margin:0;font-size:28px}.page-heading p:not(.eyebrow){color:#64748b;margin:8px 0 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card,.panel,.table-card,.data-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 24px #0f172a0d}.metric-card{padding:20px}.metric-card span{color:#64748b;font-size:13px}.metric-card strong{color:#2563eb;margin:8px 0;font-size:26px;display:block}.metric-card p{color:#94a3b8;margin:0;font-size:12px}.panel{margin-bottom:18px;padding:18px}.panel h2{margin:0 0 14px;font-size:18px}.timeline{flex-wrap:wrap;gap:10px;display:flex}.timeline div,.badge,.tag-row span{color:#2563eb;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.timeline .done{color:#15803d;background:#dcfce7}.form-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:12px;display:grid}.form-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid>button{justify-content:center;align-items:center;gap:7px;min-height:44px;display:inline-flex}.form-grid>button.cancel-edit{color:#475569;background:#f1f5f9;border:1px solid #dbe4ef}.qr-uploader-compact{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px dashed #93c5fd;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:7px 10px;font-size:12px;font-weight:800;display:flex;overflow:hidden}.qr-uploader-compact input{display:none}.qr-uploader-compact img{object-fit:cover;border-radius:6px;width:32px;height:32px}.platform-badge{color:#2563eb;align-items:center;gap:7px;display:inline-flex}.platform-badge b{color:#334155;font-size:12px}.platform-badge-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.platform-single-select{background:#f8fbff;border:1px solid #dbe4ef;border-radius:12px;grid-column:span 2;gap:8px;min-height:44px;padding:10px;display:grid}.platform-single-select>strong{color:#64748b;font-size:12px}.platform-single-select>div{flex-wrap:wrap;gap:7px;display:flex}.platform-single-select button{color:#475569;background:#fff;border:1px solid #dbe4ef;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.platform-single-select button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.account-qr-thumb{object-fit:cover;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:48px;height:48px;display:block}.span-2{grid-column:span 2}.owner-panel-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:18px;display:grid}.owner-panel{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:14px;padding:16px;display:grid;box-shadow:0 10px 24px #0f172a0d}.owner-panel.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f,0 12px 28px #2563eb1f}.owner-panel-head{align-items:center;gap:10px;display:flex}.owner-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.owner-panel-head strong{color:#0f172a;display:block}.owner-panel-head span{color:#64748b;font-size:12px}.owner-panel-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.owner-panel-stats div{background:#f8fafc;border-radius:12px;padding:10px}.owner-panel-stats b{color:#2563eb;font-size:18px;display:block}.owner-panel-stats span{color:#64748b;font-size:11px}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:13px}th{color:#64748b;background:#f8fafc;font-weight:800}.copyable-link{color:#2563eb;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;cursor:text;max-width:220px;font-weight:700;line-height:1.4;display:block}.empty-cell{text-align:center;color:#94a3b8;padding:32px 16px}.quota-used{gap:2px;display:grid}.quota-used strong{color:#2563eb;font-size:16px}.quota-used span,.quota-ratio{color:#64748b;font-size:11px}.quota-input{border:1px solid #dbe4ef;border-radius:10px;outline:none;width:86px;padding:8px 10px}.small-action{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.small-action:disabled{cursor:not-allowed;background:#cbd5e1}.table-actions{align-items:center;gap:6px;display:flex}.table-actions .small-action,.icon-action{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.table-actions .small-action{background:#eff6ff;border-color:#bfdbfe}.table-actions .small-action:disabled{color:#cbd5e1;background:#f8fafc;border-color:#e2e8f0}.icon-action.danger{color:#dc2626}.icon-action:hover{background:#eff6ff}.icon-action.danger:hover{background:#fef2f2;border-color:#fecaca}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.data-card{padding:18px}.persona-form{grid-template-columns:220px 1fr;align-items:stretch;gap:18px;display:grid}.avatar-uploader{cursor:pointer;background:#eff6ff;border:1px dashed #93c5fd;border-radius:16px;place-items:center;min-height:220px;display:grid;overflow:hidden}.avatar-uploader input{display:none}.avatar-uploader img{object-fit:cover;width:100%;height:100%}.avatar-uploader div{text-align:center;color:#2563eb;gap:6px;display:grid}.avatar-uploader span{color:#64748b;font-size:12px}.persona-fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:start;gap:12px;display:grid}.persona-fields>button{justify-content:center;align-items:center;gap:7px;min-height:44px;display:inline-flex}.persona-fields .cancel-edit{color:#475569;background:#f1f5f9;border:1px solid #dbe4ef}.multi-select-field{min-width:0;position:relative}.multi-select-field summary{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:13px;list-style:none;display:flex}.multi-select-field summary::-webkit-details-marker{display:none}.multi-select-field[open] summary{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.multi-select-field[open] summary svg{transform:rotate(180deg)}.multi-select-menu{z-index:20;background:#fff;border:1px solid #dbe4ef;border-radius:12px;max-height:250px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 34px #0f172a26}.multi-select-menu label{color:#334155;cursor:pointer;border-radius:8px;grid-template-columns:18px 1fr 16px;align-items:center;gap:7px;padding:8px;display:grid}.multi-select-menu label:hover{background:#f1f5f9}.multi-select-menu input{accent-color:#2563eb;width:16px;height:16px;padding:0}.multi-select-menu svg{color:#2563eb}.persona-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.persona-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.persona-card.editing{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 12px 28px #2563eb1f}.persona-cover{background:linear-gradient(135deg,#dbeafe,#f8fafc);height:220px;position:relative}.persona-cover img{object-fit:cover;width:100%;height:100%}.page-loading-state{color:#64748b;place-items:center;min-height:240px;font-size:14px;font-weight:700;display:grid}.chat-customer-search{width:100%;min-width:180px}.chat-customer-picker{min-width:0;position:relative}.chat-customer-results{z-index:30;background:#fff;border:1px solid #dbe4ef;border-radius:10px;max-height:240px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0f172a2e}.chat-customer-results>button{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:3px;width:100%;padding:9px 10px;display:grid}.chat-customer-results>button:hover{background:#eff6ff}.chat-customer-results strong{font-size:12px}.chat-customer-results span{color:#64748b;font-size:11px}.chat-customer-empty{color:#94a3b8;text-align:center;padding:12px;font-size:12px;display:block}.chat-compose>input,.chat-customer-picker,.chat-customer-picker input{width:100%;min-width:0}@media (width<=768px){.chat-customer-picker{grid-column:1/-1;width:100%}}.persona-cover .code-badge{position:absolute;top:12px;right:12px;box-shadow:0 8px 18px #2563eb26}.persona-delete{color:#dc2626;cursor:pointer;background:#ffffffeb;border:1px solid #ffffffb8;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 8px 18px #0f172a1f}.persona-delete:hover{background:#fee2e2;border-color:#fecaca}.persona-card-actions{gap:7px;display:flex;position:absolute;top:12px;left:12px}.persona-card-actions button{color:#2563eb;cursor:pointer;background:#ffffffeb;border:1px solid #ffffffb8;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid;box-shadow:0 8px 18px #0f172a1f}.persona-card-actions button:hover{background:#dbeafe}.persona-card-actions button.danger{color:#dc2626}.persona-card-actions button.danger:hover{background:#fee2e2;border-color:#fecaca}.operation-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:-4px 0 16px;padding:11px 13px;font-size:13px;font-weight:700}.operation-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin:-4px 0 16px;padding:11px 13px;font-size:13px;font-weight:700}.persona-placeholder{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);place-items:center;width:100%;height:100%;font-size:56px;font-weight:900;display:grid}.persona-body h3{margin:0 0 6px;font-size:18px}.persona-body p{color:#64748b;margin:0 0 14px}.persona-bio{color:#475569;background:#f8fafc;border-radius:12px;margin-top:12px;padding:10px;font-size:12px;line-height:1.5}.submit-layout{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.persona-pick-grid,.account-pick-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.persona-pick,.account-pick{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:8px;padding:12px;display:grid}.persona-pick.active,.account-pick.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.persona-pick-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:18px;place-items:center;width:72px;height:72px;font-size:24px;font-weight:900;display:grid;overflow:hidden}.persona-pick-avatar img{object-fit:cover;width:100%;height:100%}.persona-pick span,.account-pick span,.account-pick small{color:#64748b;font-size:12px}.account-compact-list{gap:8px;max-height:300px;padding-right:4px;display:grid;overflow:auto}.account-compact{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.account-compact.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.account-compact-main{gap:3px;min-width:0;display:grid}.account-compact-main strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-compact-main span{color:#64748b;overflow-wrap:anywhere;font-size:12px}.account-compact-quota{text-align:right}.account-compact-quota b{color:#2563eb;display:block}.account-compact-quota span{color:#94a3b8;font-size:11px}.account-copy-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:8px;margin-top:12px;padding:12px;display:grid}.account-copy-panel div{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;display:grid}.account-copy-panel span{color:#64748b;font-size:12px}.account-copy-panel b{color:#0f172a;overflow-wrap:anywhere;font-size:12px;font-weight:700}.account-copy-panel button{color:#1d4ed8;cursor:pointer;background:#dbeafe;border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}.account-copy-panel em{color:#15803d;font-size:12px;font-style:normal;font-weight:800}.submit-account-qr{object-fit:cover;background:#fff;width:58px;height:58px;display:block}.account-copy-panel .submit-account-qr-button{cursor:zoom-in;background:#fff;border:1px solid #dbe4ef;border-radius:8px;width:60px;height:60px;padding:0;overflow:hidden}.account-copy-panel .submit-account-qr-button:hover{background:#fff;box-shadow:0 0 0 3px #2563eb1f}.panel .persona-pick{color:#0f172a;background:#fff}.panel .persona-pick.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 12px 28px #2563eb38,0 0 0 3px #2563eb1f}.panel .persona-pick.active strong,.panel .persona-pick.active span{color:#fff}.panel .account-compact{color:#0f172a;background:#fff}.panel .account-compact.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 12px 24px #2563eb33,0 0 0 3px #2563eb1f}.panel .account-compact.active strong,.panel .account-compact.active span,.panel .account-compact.active b{color:#fff}.panel .account-compact.active .account-compact-quota span{color:#bfdbfe}.promoter-account-form{grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.promoter-form-title{grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;display:flex}.promoter-form-title div{gap:3px;display:grid}.promoter-form-title strong{font-size:17px}.promoter-form-title span{color:#64748b;font-size:12px}.promoter-form-title button{align-items:center;gap:7px;display:inline-flex}.promoter-shot-uploader{cursor:pointer;background:#eff6ff;border:1px dashed #93c5fd;border-radius:14px;min-height:184px;overflow:hidden}.promoter-shot-uploader input{display:none}.promoter-shot-uploader img{object-fit:cover;width:100%;height:100%}.promoter-shot-uploader div{color:#2563eb;place-content:center;justify-items:center;gap:6px;height:100%;display:grid}.promoter-shot-uploader span{color:#64748b;font-size:12px}.promoter-form-fields{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;display:grid}.promoter-form-fields textarea{resize:vertical;min-height:72px;font:inherit;border:1px solid #dbe4ef;border-radius:12px;outline:none;padding:11px 13px}.owner-filter-strip{gap:8px;margin-bottom:16px;padding-bottom:3px;display:flex;overflow-x:auto}.owner-filter-strip button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.owner-filter-strip button.active{color:#fff;background:#2563eb;border-color:#2563eb}.owner-filter-strip b{color:#2563eb;background:#f1f5f9;border-radius:99px;min-width:20px;padding:2px 6px;font-size:11px}.account-owner-section{margin-bottom:18px}.account-owner-heading,.account-list-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.account-owner-heading>div,.account-list-heading>div{gap:3px;display:grid}.account-owner-heading strong,.account-list-heading strong{color:#0f172a;font-size:16px}.account-owner-heading span,.account-list-heading span{color:#64748b;font-size:12px}.account-owner-heading>b{color:#1d4ed8;background:#eff6ff;border-radius:9px;padding:6px 10px;font-size:12px}.compact-owner-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.compact-owner-grid .owner-panel{border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px}.compact-owner-grid .owner-panel-head,.compact-owner-grid .owner-panel-head div{min-width:0}.compact-owner-grid .owner-panel-head strong,.compact-owner-grid .owner-panel-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.owner-account-count{text-align:right}.owner-account-count b{color:#2563eb;font-size:19px;display:block}.owner-account-count span{color:#64748b;font-size:10px}.compact-owner-grid .owner-panel.active .owner-account-count b{color:#1d4ed8}.account-list-heading{margin-top:4px}.user-role-groups{margin-bottom:16px}.user-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.user-role-grid>button{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:13px;display:grid;box-shadow:0 8px 20px #0f172a0a}.user-role-grid>button.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.user-role-grid>button>span{color:#0369a1;background:#e0f2fe;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.user-role-grid>button:nth-child(2)>span{color:#7e22ce;background:#f3e8ff}.user-role-grid>button:nth-child(3)>span{color:#15803d;background:#dcfce7}.user-role-grid>button:nth-child(4)>span{color:#b45309;background:#fef3c7}.user-role-grid div{gap:3px;min-width:0;display:grid}.user-role-grid strong,.user-role-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-role-grid small{color:#64748b;font-size:11px}.user-role-grid>button>b{color:#2563eb;text-align:right;min-width:28px;font-size:22px}.package-group-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:8px;margin-top:10px;padding:10px;display:flex;overflow-x:auto}.package-group-tabs button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:9px;flex:none;align-items:center;gap:7px;padding:8px 10px;font-weight:700;display:inline-flex}.package-group-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.package-group-tabs b{color:#475569;background:#e2e8f0;border-radius:99px;min-width:20px;padding:2px 6px;font-size:10px}.package-group-tabs button.active b{color:#fff;background:#fff3}.user-list-heading{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 10px;display:flex}.user-list-heading>div{gap:2px;display:grid}.user-list-heading strong{color:#0f172a;font-size:16px}.user-list-heading span{color:#64748b;font-size:12px}.user-list-heading>b{color:#1d4ed8;text-align:center;background:#eff6ff;border-radius:9px;min-width:32px;padding:6px 9px}.user-status-select{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;min-width:84px;padding:7px 9px;font-weight:800}.user-status-select.disabled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.user-status-select:disabled{opacity:.62;cursor:not-allowed}.visible-package-select{color:#334155;background:#fff;border:1px solid #dbe4ef;border-radius:9px;min-width:170px;max-width:230px;padding:7px 9px}.user-create-form{grid-template-columns:1fr 1fr 1fr 1fr 1.25fr 1fr;align-items:start}.user-create-form>button{min-height:44px}.package-picker-summary{background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;align-content:center;gap:5px;min-height:44px;padding:7px 10px;display:grid}.package-picker-summary strong{color:#0f172a;font-size:12px}.package-picker-summary div{flex-wrap:wrap;gap:5px;display:flex}.package-picker-summary span,.visible-package-chips span{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.package-picker-summary.disabled{opacity:.55}.account-package-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.package-manage-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.package-manage-button:hover{background:#dbeafe}.create-package-picker{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px;display:grid}.create-package-picker label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;min-height:48px;padding:8px 10px;display:grid}.create-package-picker label.active{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 3px 0 #2563eb}.create-package-picker input{accent-color:#2563eb;width:15px;height:15px}.create-package-picker span{color:#0f172a;font-size:12px;font-weight:800}.create-package-picker small{text-overflow:ellipsis;white-space:nowrap;color:#64748b;grid-column:2;min-width:0;font-size:11px;overflow:hidden}.visible-package-cell{justify-content:space-between;align-items:center;gap:12px;min-width:280px;display:flex}.visible-package-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.visible-package-chips em{color:#94a3b8;font-size:12px;font-style:normal}.visible-package-cell>button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;flex:none;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.package-manage-modal{background:#fff;border:1px solid #dbe4ef;border-radius:16px;gap:16px;width:min(560px,100%);padding:20px;display:grid;box-shadow:0 24px 60px #0f172a47}.package-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.package-manage-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.package-manage-grid button.active{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 3px 0 #2563eb}.package-manage-grid button>span{color:#2563eb;background:#fff;border:1px solid #cbd5e1;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.package-manage-grid button.active>span{background:#dbeafe;border-color:#2563eb}.package-manage-grid div{gap:3px;min-width:0;display:grid}.package-manage-grid strong{color:#0f172a;font-size:13px}.package-manage-grid small{text-overflow:ellipsis;white-space:nowrap;color:#64748b;min-width:0;font-size:12px;overflow:hidden}.package-multi-select{background:#fff;border:1px solid #dbe4ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.package-multi-select.disabled{opacity:.55;background:#f8fafc}.package-multi-select label,.visible-package-multi label{color:#334155;cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.package-multi-select input,.visible-package-multi input{accent-color:#2563eb;width:14px;height:14px}.visible-package-multi{gap:7px;min-width:220px;display:grid}.visible-package-multi strong{color:#1d4ed8;font-size:12px}.visible-package-multi div{flex-wrap:wrap;gap:6px 10px;display:flex}.visible-package-multi label span{text-align:center;min-width:18px}.modal-backdrop{z-index:100;background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.password-modal{background:#fff;border:1px solid #dbe4ef;border-radius:14px;gap:16px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 24px 60px #0f172a47}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-head>div{gap:3px;display:grid}.modal-head strong{color:#0f172a;font-size:18px}.modal-head span{color:#64748b;font-size:12px}.modal-head>button{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid}.password-modal label{color:#475569;gap:7px;font-size:12px;font-weight:700;display:grid}.password-modal input{border:1px solid #dbe4ef;border-radius:10px;outline:none;width:100%;padding:11px 12px}.password-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-modal>button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;min-height:44px;font-weight:800}.promoter-account-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;display:grid}.promoter-account-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.promoter-account-cover{background:#eef2f7;height:168px;position:relative}.promoter-account-cover>img{object-fit:cover;width:100%;height:100%}.promoter-account-cover>div{color:#94a3b8;place-content:center;justify-items:center;gap:8px;height:100%;display:grid}.account-state{color:#b91c1c;background:#fee2e2;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;right:10px}.account-state.ok{color:#15803d;background:#dcfce7}.promoter-account-body{padding:14px}.promoter-account-body .card-topline h3{margin:0 0 3px;font-size:17px}.promoter-account-body .card-topline span{color:#64748b;font-size:12px}.promoter-account-body .card-topline button,.promoter-link-row button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.promoter-account-meta{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.promoter-account-meta span{color:#64748b;background:#f8fafc;border-radius:9px;gap:2px;padding:8px;font-size:11px;display:grid}.promoter-account-meta strong{color:#0f172a;font-size:12px}.promoter-account-body>p{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.5}.promoter-link-row{border-top:1px solid #e2e8f0;align-items:center;gap:8px;margin-top:12px;padding-top:11px;display:flex}.promoter-link-row span{overflow-wrap:anywhere;color:#1d4ed8;flex:1;min-width:0;font-size:12px}.promoter-link-row button:disabled{color:#cbd5e1;cursor:not-allowed}.promoter-account-ledger{gap:8px;display:grid}.promoter-ledger-head,.promoter-ledger-row{grid-template-columns:1.25fr .75fr .75fr .55fr .7fr 1.15fr 54px;align-items:center;gap:12px;display:grid}.promoter-ledger-head{color:#64748b;padding:0 16px;font-size:12px;font-weight:800}.promoter-ledger-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0f172a0a}.promoter-ledger-item.expanded{border-color:#bfdbfe;box-shadow:0 14px 30px #2563eb14}.promoter-ledger-row{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:58px;padding:11px 16px}.promoter-ledger-row:hover{background:#f8fafc}.promoter-ledger-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.ledger-device{gap:3px;display:grid}.ledger-device b{color:#0f172a;font-size:14px}.ledger-device small{text-overflow:ellipsis;white-space:nowrap;color:#64748b;min-width:0;font-size:12px;overflow:hidden}.ledger-link-text{color:#1d4ed8}.ledger-actions{color:#2563eb;justify-content:flex-end;display:flex}.promoter-ledger-row .account-state{width:fit-content;display:inline-flex;position:static;top:auto;right:auto}.promoter-ledger-row .account-state.warn{color:#b45309;background:#fef3c7}.promoter-ledger-row .account-state.bad{color:#b91c1c;background:#fee2e2}.promoter-ledger-detail{background:linear-gradient(#fff,#f8fafc);border-top:1px solid #eef2f7;grid-template-columns:180px minmax(0,1fr) auto;gap:14px;padding:0 16px 16px;display:grid}.ledger-shot{background:#eef2f7;border:1px solid #e2e8f0;border-radius:10px;height:118px;margin-top:14px;overflow:hidden}.ledger-shot img{object-fit:cover;width:100%;height:100%}.ledger-shot div{color:#94a3b8;place-content:center;justify-items:center;gap:7px;height:100%;font-size:12px;display:grid}.ledger-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.ledger-detail-grid span{color:#64748b;background:#fff;border-radius:9px;gap:3px;min-width:0;padding:9px 10px;font-size:11px;display:grid}.ledger-detail-grid strong{overflow-wrap:anywhere;color:#0f172a;min-width:0;font-size:12px}.ledger-detail-grid .wide{grid-column:span 2}.ledger-detail-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.ledger-detail-actions button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:96px;height:36px;padding:0 12px;font-weight:800;display:inline-flex}.ledger-detail-actions button:disabled{color:#cbd5e1;cursor:not-allowed}.promoter-submit-panel{gap:13px;display:grid}.promoter-submit-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.promoter-submit-head h2{margin:0 0 3px}.promoter-submit-head span{color:#64748b;font-size:12px}.promoter-submit-head>strong{color:#1d4ed8;background:#eff6ff;border-radius:9px;flex:none;padding:6px 10px;font-size:12px}.promoter-submit-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:260px;display:grid;overflow:auto}.promoter-submit-list>button{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.promoter-submit-list>button.active{background:#eff6ff;border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.promoter-submit-icon{color:#2563eb;background:#dbeafe;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.promoter-submit-icon img{object-fit:cover;width:100%;height:100%}.promoter-submit-info{gap:3px;min-width:0;display:grid}.promoter-submit-info strong,.promoter-submit-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.promoter-submit-info small{color:#64748b}.promoter-submit-state{color:#2563eb;font-size:11px;font-weight:800}.promoter-selected-link{background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.promoter-selected-link span{overflow-wrap:anywhere;color:#475569;flex:1;min-width:0;font-size:12px}.promoter-selected-link button{color:#1d4ed8;background:#dbeafe;border-radius:8px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.empty-box{color:#94a3b8;background:#f8fafc;border-radius:16px;padding:22px}.customer-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;display:grid}.selected-persona-strip{background:#eff6ff;border-radius:16px;grid-column:1/-1;align-items:center;gap:12px;padding:12px;display:flex}.selected-persona-strip strong{display:block}.selected-persona-strip span{color:#64748b;font-size:12px}.file-inline{color:#2563eb;cursor:pointer;border:1px dashed #93c5fd;border-radius:12px;place-items:center;min-height:44px;font-weight:700;display:grid}.file-inline input{display:none}.success-text{color:#15803d;font-weight:700}.submit-workbench{gap:16px;display:grid}.submit-workbench .page-heading{margin-bottom:0}.submit-workbench .page-heading h1{margin-bottom:6px}.submit-workbench .panel{border-color:#dbe7f7;border-radius:14px;box-shadow:0 10px 26px #0f172a0b}.submit-workbench .promoter-submit-panel{gap:10px;padding:18px}.submit-workbench .promoter-submit-head{padding:0 2px 4px}.submit-workbench .promoter-submit-head h2,.submit-workbench .package-submit-card h2,.submit-workbench .receiver-submit-card h2{color:#0f172a;letter-spacing:0;font-size:17px}.submit-workbench .promoter-submit-head span{color:#64748b;line-height:1.55}.submit-workbench .promoter-submit-head>strong{background:#eff6ff;border:1px solid #dbeafe}.submit-workbench .promoter-submit-list{background:#f8fafc;border:1px solid #edf2f8;border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:8px;max-height:222px;padding:6px 8px 6px 6px}.submit-workbench .promoter-submit-list::-webkit-scrollbar{width:8px}.submit-workbench .account-compact-list::-webkit-scrollbar{width:8px}.submit-workbench .promoter-submit-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.submit-workbench .account-compact-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.submit-workbench .promoter-submit-list>button{cursor:pointer;border-color:#dbe4ef;border-radius:12px;min-height:62px;padding:9px 10px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;box-shadow:0 1px #0f172a05}.submit-workbench .promoter-submit-list>button:hover{background:#f8fbff;border-color:#bfdbfe}.submit-workbench .promoter-submit-list>button.active{background:#eef5ff;border-color:#2563eb;box-shadow:inset 4px 0 #2563eb,0 8px 18px #2563eb14}.submit-workbench .promoter-submit-icon{background:#dbeafe;border:1px solid #bfdbfe;border-radius:11px;width:42px;height:42px}.submit-workbench .promoter-submit-info strong{color:#0f172a;font-size:14px}.submit-workbench .promoter-submit-info small{color:#64748b;font-weight:700}.submit-workbench .promoter-submit-state{text-align:right;min-width:36px}.submit-workbench .promoter-selected-link{background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:2px;padding:10px 12px}.submit-workbench .promoter-selected-link button,.submit-workbench .account-copy-panel button{transition:background .18s,color .18s,box-shadow .18s}.submit-workbench .promoter-selected-link button:hover,.submit-workbench .account-copy-panel button:hover{color:#fff;background:#2563eb}.submit-workbench .submit-layout{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:stretch;gap:16px}.submit-workbench .package-submit-card,.submit-workbench .receiver-submit-card{align-content:start;gap:14px;padding:18px;display:grid}.submit-workbench .persona-pick-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.submit-workbench .persona-pick{border-radius:14px;gap:7px;min-height:132px;padding:12px;transition:border-color .18s,box-shadow .18s,background .18s}.submit-workbench .persona-pick:hover{border-color:#bfdbfe;box-shadow:0 8px 18px #0f172a0d}.submit-workbench .persona-pick-avatar{border-radius:14px;width:62px;height:62px}.submit-workbench .persona-pick strong{color:#0f172a;font-size:14px}.submit-workbench .panel .persona-pick.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 14px 26px #2563eb33}.submit-workbench .account-compact-list{background:#f8fafc;border:1px solid #edf2f8;border-radius:14px;flex-direction:column;gap:10px;max-height:224px;padding:6px 8px 6px 6px;display:flex}.submit-workbench .account-compact{border-color:#dbe4ef;border-radius:12px;flex:none;align-self:start;height:auto;min-height:82px;padding:11px 12px;transition:border-color .18s,box-shadow .18s,background .18s}.image-preview-modal.qr-preview-modal{width:min(560px,100vw - 28px)}.image-preview-modal.qr-preview-modal>img{object-fit:contain;image-rendering:auto;width:100%;max-height:min(70vh,620px)}.submit-workbench .account-compact:hover{background:#fbfdff;border-color:#bfdbfe}.submit-workbench .panel .account-compact.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 24px #2563eb2e}.submit-workbench .account-copy-panel{background:#f8fafc;border-radius:14px;margin-top:0;padding:12px}.submit-workbench .account-copy-panel div{grid-template-columns:76px minmax(0,1fr) 54px}.submit-workbench .customer-submit-form{grid-template-columns:260px repeat(3,minmax(0,1fr)) 150px;align-items:stretch;gap:10px;padding:16px 18px}.submit-workbench .customer-submit-form .selected-persona-strip{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;grid-column:span 1;align-self:stretch;padding:10px}.submit-workbench .customer-submit-form .selected-persona-strip .persona-pick-avatar{border-radius:13px;flex:none;width:52px;height:52px}.submit-workbench .customer-submit-form input,.submit-workbench .customer-submit-form .source-platform-picker,.submit-workbench .customer-submit-form .file-inline{border-radius:11px;min-height:46px}.source-platform-picker{background:#fff;border:1px solid #dbe4ef;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:6px;display:grid}.source-platform-picker button{color:#475569;cursor:pointer;background:#f8fbff;border:1px solid #0000;border-radius:9px;place-items:center;min-width:0;min-height:34px;padding:4px;display:grid}.source-platform-picker button img{object-fit:contain;width:19px;height:19px}.source-platform-picker button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.source-platform-picker button:hover{background:#f1f7ff;border-color:#bfdbfe}.submit-workbench .customer-submit-form .file-inline{background:#f8fbff}.submit-workbench .customer-submit-form>button{border-radius:11px;min-height:46px;box-shadow:0 12px 22px #2563eb2e}.submit-workbench .customer-submit-form .success-text,.submit-workbench .customer-submit-form .error-text{grid-column:1/-1}.customer-persona{align-items:center;gap:10px;display:flex}.customer-link-button,.customer-name-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.customer-link-button{border-radius:10px;padding:4px}.customer-link-button:hover,.customer-name-button:hover b{color:#2563eb}.customer-link-button:disabled{cursor:default;opacity:.75}.customer-persona img,.customer-persona span{object-fit:cover;color:#1d4ed8;background:#dbeafe;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.promoter-device-cell{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:220px;display:grid}.promoter-device-cell .device-thumb{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.promoter-device-cell .device-thumb img{object-fit:cover;width:100%;height:100%}.promoter-device-cell b{color:#0f172a;font-size:13px;display:block}.promoter-device-cell small{color:#64748b;overflow-wrap:anywhere;min-width:0;margin-top:5px;font-size:12px;display:block}.customer-detail-modal{background:#fff;border:1px solid #dbe4ef;border-radius:16px;gap:16px;width:min(820px,100%);max-height:min(780px,100vh - 36px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 60px #0f172a47}.customer-detail-actions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:16px;display:flex}.customer-detail-actions .primary-button{align-items:center;gap:7px;display:inline-flex}.chat-customer-detail-modal{grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;width:min(960px,100vw - 28px);height:min(860px,100vh - 24px);max-height:calc(100vh - 24px);overflow:hidden}.customer-people-strip{grid-template-columns:repeat(2,minmax(0,220px));justify-content:end;gap:10px;display:grid}.customer-person-card{border:1px solid;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.customer-person-card>span{color:#fff;border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.customer-person-card>div{gap:2px;min-width:0;display:grid}.customer-person-card small{font-size:11px;font-weight:700}.customer-person-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.customer-person-card.promoter{background:#eff6ff;border-color:#bfdbfe}.customer-person-card.promoter>span{background:#2563eb}.customer-person-card.promoter small{color:#1d4ed8}.customer-person-card.receiver{background:#f0fdf4;border-color:#bbf7d0}.customer-person-card.receiver>span{background:#16a34a}.customer-person-card.receiver small{color:#15803d}.receiver-account-owner{align-items:center;gap:4px;font-weight:700;color:#15803d!important;display:inline-flex!important}.panel .account-compact.active .receiver-account-owner,.panel .account-compact.active .receiver-account-owner b{color:#dcfce7!important}.account-copy-panel .selected-account-owner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 10px}.account-copy-panel .selected-account-owner b{color:#15803d;align-items:center;gap:5px;display:inline-flex}.icon-action.reassign{color:#2563eb}.icon-action.reassign:hover{background:#eff6ff;border-color:#bfdbfe}.reassignment-modal{width:min(720px,100%)}.reassignment-current{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.reassignment-current span{color:#64748b;font-size:12px}.reassignment-current strong{color:#1e3a8a}.reassignment-current em{color:#1d4ed8;font-size:12px;font-style:normal;font-weight:700}.reassignment-account-list{gap:8px;max-height:390px;padding-right:4px;display:grid;overflow-y:auto}.reassignment-account-list>button{text-align:left;background:#fff;border:1px solid #dbe4ef;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:12px 14px;display:grid}.reassignment-account-list>button:not(:disabled){cursor:pointer}.reassignment-account-list>button:not(:disabled):hover{background:#f0fdf4;border-color:#86efac}.reassignment-account-list>button.active{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a1f}.reassignment-account-list>button:disabled{opacity:.55;cursor:not-allowed}.reassignment-account-main{gap:3px;min-width:0;display:grid}.reassignment-account-main b{color:#0f172a}.reassignment-account-main small{color:#64748b}.reassignment-account-main em{color:#15803d;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.reassignment-account-quota{text-align:right;gap:3px;display:grid}.reassignment-account-quota b{color:#2563eb;font-variant-numeric:tabular-nums}.reassignment-account-quota small{color:#64748b;white-space:nowrap}.reassignment-selected-account{background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;gap:7px;padding:12px;display:grid}.reassignment-selected-account>div{grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;display:grid}.reassignment-selected-account span{color:#64748b;font-size:12px}.reassignment-selected-account b{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:12px}.reassignment-selected-account>div>button:not(.reassignment-qr-button){color:#1d4ed8;background:#dbeafe;border:0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:800}.reassignment-selected-account .selected-account-owner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:7px 10px}.reassignment-selected-account .selected-account-owner b{color:#15803d;align-items:center;gap:5px;display:inline-flex}.reassignment-qr-button{cursor:zoom-in;background:#fff;border:1px solid #dbe4ef;border-radius:7px;width:48px;height:48px;padding:0;overflow:hidden}.reassignment-qr-button img{object-fit:cover;width:100%;height:100%}.reassignment-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.reassignment-actions button{color:#475569;background:#fff;border:1px solid #dbe4ef;border-radius:8px;min-height:40px;padding:0 18px;font-weight:800}.reassignment-actions button.primary{color:#fff;background:#16a34a;border-color:#15803d}.reassignment-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=680px){.customer-people-strip{grid-template-columns:1fr 1fr;justify-content:stretch}.reassignment-current{grid-template-columns:1fr;gap:4px}}.chat-customer-detail-content{scrollbar-gutter:stable;min-height:0;padding-right:6px;overflow-y:auto}.chat-customer-detail-content .chat-shot-panel{margin-top:16px}.chat-customer-detail-modal .customer-detail-actions{background:#f0fdf4;border-top:1px solid #bbf7d0;justify-content:center;margin:0 -20px -20px;padding:16px 20px}.chat-customer-detail-modal .customer-detail-actions .primary-button{color:#fff;background:#16a34a;border:1px solid #15803d;border-radius:8px;justify-content:center;min-width:190px;min-height:46px;font-size:15px;font-weight:800;box-shadow:0 8px 18px #16a34a33}.chat-customer-detail-modal .customer-detail-actions .primary-button:hover{background:#15803d;border-color:#166534}.customer-pipeline-table tbody tr.customer-row-highlight>td{background:#fff3c4;transition:background-color .8s,box-shadow .8s;box-shadow:inset 0 2px #f0b429,inset 0 -2px #f0b429}.customer-pipeline-table tbody tr.customer-row-highlight>td:first-child{box-shadow:inset 3px 0 #f0b429,inset 0 2px #f0b429,inset 0 -2px #f0b429}.customer-pipeline-table tbody tr.customer-row-highlight>td:last-child{box-shadow:inset -3px 0 #f0b429,inset 0 2px #f0b429,inset 0 -2px #f0b429}.package-detail-modal{width:min(680px,100%)}.promoter-account-detail-modal{width:min(860px,100%)}.detail-hero{background:#f8fafc;border-radius:14px;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.detail-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:14px;place-items:center;width:140px;height:140px;font-size:40px;font-weight:900;display:grid;overflow:hidden}.detail-avatar img{object-fit:cover;width:100%;height:100%}.detail-hero h2{margin:0 0 8px;font-size:24px}.detail-hero p{color:#64748b;margin:0;line-height:1.7}.account-detail-hero{grid-template-columns:190px minmax(0,1fr);align-items:stretch}.promoter-home-shot,.detail-image-button{cursor:zoom-in;background:0 0;border:0;padding:0}.promoter-home-shot{color:#94a3b8;background:#fff;border:1px solid #dbe4ef;border-radius:14px;place-items:center;min-height:160px;font-weight:800;display:grid;overflow:hidden}.promoter-home-shot:disabled{cursor:default}.promoter-home-shot img{object-fit:cover;width:100%;height:100%}.copy-line-button{color:#1d4ed8;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;max-width:100%;margin-top:14px;padding:9px 11px;font-size:12px;font-weight:800;display:inline-flex}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-grid span{background:#f8fafc;border:1px solid #eef2f7;border-radius:11px;gap:4px;min-width:0;padding:11px 12px;display:grid}.detail-grid span.wide{grid-column:span 3}.detail-grid small{color:#64748b;font-size:11px;font-weight:900}.detail-grid strong{overflow-wrap:anywhere;color:#0f172a;min-width:0;font-size:13px}.chat-shot-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:12px;padding:14px;display:grid}.chat-shot-panel>div{color:#2563eb;align-items:center;gap:8px;display:flex}.chat-shot-panel>div small{color:#94a3b8;margin-left:auto;font-size:12px}.chat-shot-panel img{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;max-height:520px}.detail-image-button img{display:block}.chat-shot-panel p{color:#94a3b8;margin:0}.image-preview-backdrop{z-index:130;background:#0f172ab8}.image-preview-modal{background:#fff;border-radius:16px;gap:14px;width:min(1040px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;display:grid;box-shadow:0 30px 80px #0f172a61}.image-preview-modal img{object-fit:contain;background:#f8fafc;border-radius:12px;max-width:100%;max-height:calc(100vh - 150px)}.muted-line{color:#64748b;margin-top:4px;font-size:12px}.table-select,.table-input{background:#fff;border:1px solid #dbe4ef;border-radius:10px;min-width:116px;padding:8px 10px}.card-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.code-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.data-card h3{margin:14px 0 6px}.data-card p{color:#64748b;margin:0 0 14px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.customer-summary-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:86px;padding:14px;display:grid;box-shadow:0 8px 20px #0f172a0a}.customer-summary-grid span{color:#2563eb;background:#eff6ff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.customer-summary-grid small{color:#64748b;font-size:12px;font-weight:800}.customer-summary-grid strong{color:#0f172a;font-size:26px}.data-quality-panel{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:14px;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(120px,auto));align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:grid;box-shadow:0 8px 22px #0f172a0a}.data-quality-panel>div{gap:3px;min-width:0;display:grid}.data-quality-panel strong{color:#0f172a;font-size:14px}.data-quality-panel span{color:#64748b;font-size:12px}.data-quality-panel button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-height:38px;padding:0 11px;font-size:12px;font-weight:900}.data-quality-panel button b{color:#2563eb;margin-left:6px}.data-quality-panel button.warn{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.data-quality-panel button.warn b{color:#ea580c}.data-quality-panel button.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.data-quality-panel button.danger b{color:#dc2626}.customer-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:14px;margin-bottom:14px;padding:16px;display:grid;box-shadow:0 10px 24px #0f172a0d}.filter-panel-head,.filter-search-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.filter-panel-head>div,.filter-search-row>div{color:#64748b;align-items:center;gap:8px;display:flex}.filter-panel-head strong{color:#0f172a}.filter-panel-head span,.filter-search-row span{font-size:12px}.filter-panel-head button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:9px;flex:none;height:34px;padding:0 12px;font-weight:800}.filter-row{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:10px;display:grid}.filter-row>label{color:#64748b;padding-top:8px;font-size:12px;font-weight:900}.filter-chip-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip-row button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;align-items:center;gap:7px;height:34px;padding:0 11px;font-weight:800;display:inline-flex}.filter-chip-row button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 18px #2563eb2e}.filter-chip-row b{color:#475569;text-align:center;background:#e2e8f0;border-radius:99px;min-width:20px;padding:2px 6px;font-size:10px}.filter-chip-row button.active b{color:#fff;background:#ffffff38}.filter-search-row{border-top:1px solid #eef2f7;padding-top:12px}.filter-search-row label{color:#94a3b8;border:1px solid #dbe4ef;border-radius:10px;align-items:center;gap:8px;width:min(420px,100%);padding:0 11px;display:flex}.filter-search-row input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 0}.clear-todo-filter{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex:none;height:34px;padding:0 12px;font-size:12px;font-weight:900}.clear-todo-filter:hover{background:#ffedd5;border-color:#fb923c}.customer-ops-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.customer-ops-metrics>button{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;min-height:112px;padding:16px;display:grid;box-shadow:0 8px 20px #0f172a0a}.customer-ops-metrics>button.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 10px 24px #2563eb17}.ops-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.ops-icon.pending{color:#b45309;background:#fef3c7}.ops-icon.revisit{color:#c2410c;background:#ffedd5}.ops-icon.week{color:#1d4ed8;background:#dbeafe}.ops-icon.handled{color:#15803d;background:#dcfce7}.ops-icon.entered{color:#7e22ce;background:#f3e8ff}.customer-ops-metrics div{grid-template-columns:1fr auto;align-items:baseline;gap:3px 8px;min-width:0;display:grid}.customer-ops-metrics small{color:#64748b;font-size:12px;font-weight:700}.customer-ops-metrics strong{color:#0f172a;font-size:26px;line-height:1}.customer-ops-metrics em{color:#94a3b8;grid-column:1/-1;font-size:11px;font-style:normal;line-height:1.4}.customer-pipeline-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;overflow:hidden}.pipeline-tabs{border-bottom:1px solid #e2e8f0;gap:5px;padding:10px;display:flex;overflow-x:auto}.pipeline-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;align-items:center;gap:7px;padding:8px 10px;font-weight:700;display:inline-flex}.pipeline-tabs button:hover{color:#0f172a;background:#f1f5f9}.pipeline-tabs button.active{color:#fff;background:#2563eb}.pipeline-tabs b{color:#475569;text-align:center;background:#e2e8f0;border-radius:99px;min-width:20px;padding:2px 6px;font-size:10px}.pipeline-tabs button.active b{color:#fff;background:#fff3}.pipeline-toolbar{justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:9px 12px;display:flex}.pipeline-toolbar>div{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.pipeline-toolbar>div b{color:#2563eb}.pipeline-toolbar label{color:#94a3b8;border:1px solid #dbe4ef;border-radius:10px;align-items:center;gap:8px;width:min(360px,100%);padding:0 11px;display:flex}.pipeline-toolbar input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:9px 0}.customer-pipeline-table tbody tr:hover{background:#f8fafc}.chat-compose button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.dedupe-workbench{gap:18px;display:grid}.dedupe-hero-panel{background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eff6ff 100%);border:1px solid #dbe4ef;border-radius:18px;grid-template-columns:320px minmax(0,1fr);gap:18px;padding:18px;display:grid;box-shadow:0 16px 40px #0f172a0f}.dedupe-hero-copy{color:#fff;background:#0f172a;border-radius:14px;align-content:start;gap:12px;padding:18px;display:grid}.dedupe-hero-copy>span{background:#2563eb;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.dedupe-hero-copy h2{margin:0;font-size:22px}.dedupe-hero-copy p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.7}.dedupe-permission-note{color:#dbeafe;background:#2563eb29;border:1px solid #93c5fd40;border-radius:11px;align-items:center;gap:8px;margin-top:4px;padding:10px 11px;font-size:12px;display:flex}.dedupe-search-card{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;padding:4px;display:grid}.dedupe-search-card label{color:#475569;gap:8px;font-size:12px;font-weight:800;display:grid}.dedupe-search-card input{color:#0f172a;background:#fff;border:1px solid #dbe4ef;border-radius:12px;outline:none;width:100%;min-height:46px;padding:0 13px}.dedupe-search-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dedupe-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.dedupe-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.dedupe-actions button:first-child{color:#fff;background:#2563eb;border-color:#2563eb}.dedupe-search-card .operation-error{grid-column:1/-1;margin:0}.dedupe-result-card{border:1px solid;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.dedupe-result-card h2{margin:0 0 4px;font-size:18px}.dedupe-result-card p{color:#64748b;margin:0}.dedupe-result-card.safe{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.dedupe-result-card.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dedupe-match-panel,.dedupe-match-list{gap:10px;display:grid}.dedupe-match-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:12px;padding:16px;display:grid;box-shadow:0 10px 24px #0f172a0a}.match-main{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.match-main b{color:#0f172a;font-size:17px}.match-main span{overflow-wrap:anywhere;color:#64748b;min-width:0;font-size:12px}.match-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.match-meta span{color:#64748b;background:#f8fafc;border-radius:10px;gap:3px;min-width:0;padding:9px 10px;font-size:11px;display:grid}.match-meta strong{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;min-width:0;font-size:12px;overflow:hidden}.match-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex}.match-footer span{overflow-wrap:anywhere;color:#1d4ed8;align-items:center;gap:7px;min-width:0;font-size:12px;display:inline-flex}.match-footer em{color:#94a3b8;flex:none;font-size:12px;font-style:normal}.dedupe-match-card p{color:#475569;margin:0;font-size:13px;line-height:1.6}.chat-shell{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:280px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.chat-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;padding:14px;overflow:auto}.chat-sidebar.flat{flex-direction:column;gap:8px;display:flex}.chat-sidebar.flat .chat-channel{margin-bottom:0}.chat-nav-label{color:#64748b;text-transform:uppercase;margin:3px 4px 9px;font-size:10px;font-weight:900}.chat-nav-label.secondary{margin-top:18px}.chat-channel{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:11px 12px;font-weight:800;display:flex}.chat-channel-label{align-items:center;gap:8px;min-width:0;display:flex}.chat-channel-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-channel-label svg{color:#2563eb;flex:none}.chat-channel.active .chat-channel-label svg{color:#fff}.chat-channel.active{color:#fff;background:#2563eb;border-color:#2563eb}.chat-channel b{color:#fff;background:#ef4444;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:11px;display:grid}.chat-list{gap:7px;margin:0 0 12px 10px;display:grid}.chat-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:2px;width:100%;padding:10px;display:grid}.chat-list button.active{background:#eff6ff;border-color:#2563eb}.chat-list span{color:#64748b;font-size:12px}.chat-main{grid-template-rows:auto 1fr auto auto;min-width:0;display:grid}.chat-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.chat-head>div{gap:2px;display:grid}.chat-head>div>span{color:#64748b;font-size:11px}.chat-head span{color:#64748b;font-size:12px}.chat-messages{background:#f8fafc;flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.chat-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-width:min(620px,86%);padding:12px 14px}.chat-bubble.mine{background:#eff6ff;border-color:#bfdbfe;align-self:flex-end}.chat-meta{align-items:center;gap:10px;margin-bottom:6px;display:flex}.chat-meta span{color:#94a3b8;font-size:11px}.chat-delete-button{color:#ef4444;cursor:pointer;opacity:.72;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;place-items:center;width:26px;height:26px;margin-left:auto;display:grid}.chat-delete-button:hover{opacity:1;background:#fee2e2}.chat-delete-button:disabled{cursor:wait;opacity:.45}.chat-bubble p{color:#0f172a;margin:0;line-height:1.55}.chat-bubble img{object-fit:cover;border-radius:12px;max-width:260px;max-height:220px;margin-top:8px;display:block}.chat-customer-card{color:#0f172a;text-align:left;cursor:pointer;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;border-radius:12px;gap:5px;width:min(360px,100%);margin:4px 0 9px;padding:11px 12px;display:grid}.chat-customer-card span{color:#2563eb;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.chat-customer-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-customer-card em{color:#64748b;font-size:11px;font-style:normal}.chat-compose{border-top:1px solid #e2e8f0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:14px;display:grid}.chat-compose .chat-image-upload{color:#2563eb;cursor:pointer;border:1px solid #dbe4ef;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.chat-compose .chat-image-upload input{display:none}.chat-compose input{border:1px solid #dbe4ef;border-radius:12px;outline:none;padding:11px 13px}.chat-compose-with-customer{grid-template-columns:auto 230px minmax(0,1fr) auto auto auto}.chat-compose select{background:#fff;border:1px solid #dbe4ef;border-radius:12px;outline:none;min-width:0;padding:11px 13px}.chat-selected-customer{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:5px;max-width:180px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;overflow:hidden}.chat-image-ready{color:#15803d;font-size:12px;font-weight:800}.chat-readonly-notice{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;min-height:70px;padding:14px;font-size:13px;font-weight:700;display:flex}.notification-stack{z-index:80;gap:12px;width:min(420px,100vw - 44px);display:grid;position:fixed;bottom:22px;right:22px}.notification-toast{background:#fff;border:1px solid #bfdbfe;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:14px;display:grid;position:relative;box-shadow:0 24px 60px #0f172a38}.notification-toast.persistent{border-color:#93c5fd;grid-template-columns:44px minmax(0,1fr);animation:1.8s ease-in-out infinite notificationPulse;box-shadow:0 24px 70px #2563eb3d}@keyframes notificationPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.notification-icon{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.notification-body{gap:5px;min-width:0;display:grid}.notification-body strong{color:#0f172a;font-size:15px}.notification-body p{color:#475569;margin:0;font-size:13px;line-height:1.55}.notification-body>span{color:#94a3b8;font-size:11px}.notification-actions{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.notification-actions button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.notification-actions button:first-child{color:#fff;background:#2563eb;border-color:#2563eb}.notification-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}@media (width<=860px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;overflow-x:auto}.brand,.system-pill,.profile-card{flex:none}.nav-list{display:flex}.nav-item{white-space:nowrap}.topbar{gap:12px;height:auto;padding:16px}.page{padding:18px}.metric-grid,.metric-grid.compact,.form-grid,.form-grid.wide,.persona-form,.persona-fields,.submit-layout,.customer-form,.dedupe-fields,.chat-shell{grid-template-columns:1fr}.chat-sidebar{border-bottom:1px solid #e2e8f0;border-right:0}.chat-compose{grid-template-columns:auto 1fr}.chat-compose button,.chat-image-ready{grid-column:1/-1}.span-2{grid-column:auto}.promoter-account-form,.promoter-form-fields{grid-template-columns:1fr}.promoter-form-title{grid-column:auto;align-items:flex-start}.promoter-shot-uploader{min-height:220px}.promoter-submit-list{grid-template-columns:1fr}.customer-ops-metrics,.user-role-grid{grid-template-columns:1fr 1fr}.pipeline-toolbar{flex-direction:column;align-items:stretch}.pipeline-toolbar label{width:100%}}@media (width<=520px){.customer-ops-metrics,.user-role-grid{grid-template-columns:1fr}}:root{--crm-bg:#f5f8fc;--crm-surface:#fff;--crm-surface-soft:#f8fbff;--crm-muted:#eef4fb;--crm-border:#dce7f5;--crm-border-strong:#c7d7ec;--crm-text:#0f172a;--crm-subtext:#64748b;--crm-primary:#2563eb;--crm-primary-dark:#1d4ed8;--crm-primary-soft:#eff6ff;--crm-success:#059669;--crm-danger:#dc2626;--crm-shadow-xs:0 1px 2px #0f172a0a;--crm-shadow-sm:0 8px 22px #0f172a0b;--crm-shadow-md:0 16px 38px #0f172a13;--crm-radius:14px}body{background:radial-gradient(circle at top left, #2563eb14, transparent 32%), linear-gradient(180deg, #f8fbff 0%, var(--crm-bg) 44%, #f6f8fb 100%);color:var(--crm-text)}button,a,summary,label,select{transition:border-color .18s,background .18s,color .18s,box-shadow .18s,opacity .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none!important}.app-shell{background:0 0}.sidebar{background:linear-gradient(#0f172afa,#06111ffc),#0b1220;border-right:1px solid #94a3b824;width:248px;padding:18px 14px;box-shadow:18px 0 42px #0f172a14}.brand{min-height:58px;padding:8px 7px}.brand-title{letter-spacing:0}.brand-subtitle{color:#7dd3fc;font-weight:800}.system-pill{color:#cbd5e1;background:#0f172a61;border-color:#7dd3fc2e;min-height:38px}.nav-list{gap:7px}.nav-item,.nav-subitem{border:1px solid #0000;min-height:44px}.nav-item{color:#a8b4c7;padding:11px 12px}.nav-item.active,.nav-subitem.active{background:linear-gradient(135deg,#2563eb57,#1e40af38);border-color:#60a5fa47;box-shadow:inset 3px 0 #38bdf8,0 10px 24px #2563eb29}.nav-sublist{margin-left:16px;padding-left:12px}.profile-card{margin-top:auto;padding:14px 8px 4px}.main{background:0 0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border-bottom:1px solid #dce7f5e6;height:64px;padding:0 26px}.topbar-title{letter-spacing:0;font-size:15px}.topbar-subtitle{color:#708198}.ghost-button{border-color:var(--crm-border);min-height:38px;box-shadow:var(--crm-shadow-xs);background:#f8fafc;border-radius:11px}.ghost-button:hover{color:var(--crm-primary);background:#eff6ff;border-color:#bfdbfe}.content{scroll-behavior:smooth}.page{width:min(100%,1680px);margin:0 auto;padding:24px 26px 32px}.page-heading{align-items:flex-end;min-height:70px;margin-bottom:18px}.eyebrow{color:var(--crm-primary);letter-spacing:.16em;margin-bottom:7px;font-size:11px}.page h1{color:var(--crm-text);letter-spacing:0;font-size:27px;line-height:1.18}.page-heading p:not(.eyebrow){max-width:860px;color:var(--crm-subtext);font-size:13px;line-height:1.6}.metric-card,.panel,.table-card,.data-card,.owner-panel,.persona-card,.promoter-account-card,.promoter-ledger-item,.customer-summary-grid>div,.customer-filter-panel,.customer-ops-metrics>button,.dedupe-hero-panel,.dedupe-match-card,.chat-shell{border-color:var(--crm-border);border-radius:var(--crm-radius);background:var(--crm-surface);box-shadow:var(--crm-shadow-sm)}.panel,.data-card{margin-bottom:16px;padding:16px}.panel h2{color:var(--crm-text);letter-spacing:0;margin-bottom:12px;font-size:17px}.metric-grid{gap:12px;margin-bottom:16px}.metric-card{min-height:116px;padding:16px}.metric-card span,.metric-card p,.owner-panel-head span,.owner-panel-stats span,.persona-body p,.data-card p{color:var(--crm-subtext)}.metric-card strong{color:var(--crm-primary);letter-spacing:0;margin:6px 0;font-size:28px}.form-grid,.form-grid.wide,.persona-fields,.promoter-form-fields{gap:10px}.login-card input,.panel input,.panel select,.panel textarea,.table-input,.table-select,.quota-input,.password-modal input,.dedupe-search-card input,.chat-compose input,.chat-compose select,.filter-search-row label,.pipeline-toolbar label{border-color:var(--crm-border);color:var(--crm-text);background:#fff;border-radius:11px;box-shadow:inset 0 1px #0f172a05}.panel input:focus,.panel select:focus,.panel textarea:focus,.table-input:focus,.table-select:focus,.quota-input:focus,.dedupe-search-card input:focus,.chat-compose input:focus,.chat-compose select:focus{border-color:var(--crm-primary);box-shadow:0 0 0 3px #2563eb1c}.login-card button,.panel button,.small-action,.password-modal>button,.dedupe-actions button:first-child{border-radius:11px}.panel button:not(.icon-action):not(.customer-link-button):not(.customer-name-button):hover,.small-action:hover,.password-modal>button:hover{filter:brightness(.98);box-shadow:0 10px 22px #2563eb2e}.table-card{overflow:hidden}.table-card table{min-width:980px}.table-card thead th{z-index:2;position:sticky;top:0}th,td{vertical-align:middle;border-bottom-color:#edf2f8;padding:11px 14px}th{color:#64748b;letter-spacing:0;background:linear-gradient(#fbfdff,#f4f7fb);font-size:12px}tbody tr{transition:background .16s}tbody tr:hover{background:#f8fbff}.badge,.tag-row span,.timeline div,.code-badge,.account-state{border:1px solid #2563eb1f;box-shadow:inset 0 1px #ffffff8c}.owner-panel-grid,.compact-owner-grid,.user-role-grid,.persona-grid,.promoter-account-grid,.card-grid{gap:12px}.owner-panel,.data-card,.persona-card,.promoter-account-card{transition:border-color .18s,box-shadow .18s,transform .18s}.owner-panel:hover,.data-card:hover,.persona-card:hover,.promoter-account-card:hover,.promoter-ledger-item:hover{box-shadow:var(--crm-shadow-md);border-color:#c7d7ec}.owner-panel.active,.persona-card.editing,.promoter-ledger-item.expanded{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1c,0 14px 30px #2563eb1a}.owner-panel-stats div,.persona-bio,.promoter-account-meta span,.ledger-detail-grid span,.detail-grid span,.match-meta span{background:#f8fbff;border:1px solid #edf2f8}.persona-form,.promoter-account-form{gap:14px}.avatar-uploader,.promoter-shot-uploader,.file-inline,.qr-uploader-compact{background:linear-gradient(#f8fbff,#eff6ff);border-color:#bfdbfe}.avatar-uploader:focus-visible,.promoter-shot-uploader:focus-visible,.file-inline:focus-visible,.qr-uploader-compact:focus-visible,.avatar-uploader:focus-within,.promoter-shot-uploader:focus-within,.file-inline:focus-within,.qr-uploader-compact:focus-within{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb24}.persona-cover{height:190px}.persona-body{padding:14px}.persona-body h3{font-size:17px}.promoter-account-form{grid-template-columns:180px minmax(0,1fr);align-items:start}.promoter-shot-uploader{min-height:172px}.promoter-ledger-head,.promoter-ledger-row{grid-template-columns:1.2fr .7fr .65fr .55fr .65fr 1.1fr 48px}.promoter-ledger-head{padding:0 14px 2px}.promoter-ledger-row{min-height:56px;padding:10px 14px}.promoter-ledger-detail{grid-template-columns:170px minmax(0,1fr) auto;padding:0 14px 14px}.ledger-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-summary-grid{gap:10px;margin-bottom:12px}.customer-summary-grid>div{min-height:78px;padding:12px}.customer-summary-grid span,.customer-ops-metrics .ops-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.customer-summary-grid strong,.customer-ops-metrics strong{font-variant-numeric:tabular-nums}.customer-filter-panel{gap:11px;margin-bottom:12px;padding:14px}.filter-row{grid-template-columns:78px minmax(0,1fr)}.filter-chip-row{gap:7px}.filter-chip-row button,.pipeline-tabs button,.dedupe-actions button,.notification-actions button{min-height:34px}.filter-chip-row button:hover,.pipeline-tabs button:hover,.dedupe-actions button:hover,.notification-actions button:hover{color:var(--crm-primary);background:#eff6ff;border-color:#bfdbfe}.filter-chip-row button.active,.pipeline-tabs button.active,.chat-channel.active{background:linear-gradient(135deg, var(--crm-primary), var(--crm-primary-dark))}.customer-pipeline-table .table-select,.customer-pipeline-table .table-input{min-width:126px;height:36px;padding:7px 9px}.promoter-device-cell{min-width:230px}.promoter-device-cell .device-thumb{border-color:#bfdbfe;box-shadow:inset 0 1px #ffffffb8}.customer-detail-modal,.password-modal,.image-preview-modal{border-color:var(--crm-border);border-radius:16px;box-shadow:0 26px 70px #0f172a47}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8f}.modal-head>button:hover{color:var(--crm-primary);background:#eff6ff;border-color:#bfdbfe}.dedupe-workbench{gap:14px}.dedupe-hero-panel{grid-template-columns:300px minmax(0,1fr);gap:14px;padding:16px}.dedupe-hero-copy{background:radial-gradient(circle at 100% 0,#2563eb52,#0000 44%),#0f172a;padding:16px}.dedupe-search-card{gap:10px}.dedupe-result-card{padding:15px 16px}.dedupe-match-card{padding:14px}.match-meta{gap:7px}.chat-shell{grid-template-columns:266px minmax(0,1fr);min-height:calc(100vh - 150px)}.chat-sidebar{background:linear-gradient(#f8fbff,#f3f7fc);padding:12px}.chat-channel{border-color:var(--crm-border);min-height:44px;box-shadow:var(--crm-shadow-xs);margin-bottom:7px}.chat-channel:hover,.chat-list button:hover{background:#eff6ff;border-color:#bfdbfe}.chat-head{background:#fff;padding:14px 16px}.chat-messages{background-color:#f8fbff;background-image:linear-gradient(#2563eb06 1px,#0000 1px),linear-gradient(90deg,#2563eb06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:16px}.chat-bubble{border-color:var(--crm-border);box-shadow:var(--crm-shadow-xs)}.chat-bubble.mine{background:linear-gradient(135deg,#eff6ff,#fff)}.chat-compose{background:#fff;padding:12px}.chat-compose .chat-image-upload:hover{background:#eff6ff;border-color:#bfdbfe}.chat-customer-card{box-shadow:var(--crm-shadow-xs);border-color:#bfdbfe}.notification-toast{border-color:#bfdbfe;box-shadow:0 24px 64px #0f172a38}.notification-toast.persistent{border-color:#60a5fa}.operation-error,.operation-success{border-radius:12px;margin:0 0 14px}.empty-box,.empty-cell{color:#7c8aa0}.customer-summary-grid .summary-card{border-color:var(--tone,#2563eb);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.customer-summary-grid .summary-card{border-color:color-mix(in srgb, var(--tone,#2563eb) 22%, #e2e8f0)}}.customer-summary-grid .summary-card{background:linear-gradient(135deg, var(--tone,#2563eb), #fff 58%), #fff}@supports (color:color-mix(in lab, red, red)){.customer-summary-grid .summary-card{background:linear-gradient(135deg, color-mix(in srgb, var(--tone,#2563eb) 13%, #fff), #fff 58%), #fff}}.customer-summary-grid .summary-card:after{content:"";background:var(--tone,#2563eb);border-radius:999px;width:74px;height:74px;position:absolute;inset:auto 12px 0 auto}@supports (color:color-mix(in lab, red, red)){.customer-summary-grid .summary-card:after{background:color-mix(in srgb, var(--tone,#2563eb) 12%, transparent)}}.customer-summary-grid .summary-card:after{transform:translate(18px,30px)}.customer-summary-grid .summary-card span{color:var(--tone,#2563eb);background:var(--tone,#2563eb)}@supports (color:color-mix(in lab, red, red)){.customer-summary-grid .summary-card span{background:color-mix(in srgb, var(--tone,#2563eb) 14%, #fff)}}.customer-summary-grid .summary-card strong{color:var(--tone,#2563eb)}@supports (color:color-mix(in lab, red, red)){.customer-summary-grid .summary-card strong{color:color-mix(in srgb, var(--tone,#2563eb) 58%, #0f172a)}}.summary-card.tone-total{--tone:#2563eb}.summary-card.tone-pending{--tone:#f59e0b}.summary-card.tone-revisit{--tone:#8b5cf6}.summary-card.tone-passed{--tone:#16a34a}.summary-card.tone-filtered{--tone:#0891b2}.customer-pipeline-table table{table-layout:fixed;min-width:1360px}.customer-pipeline-table .col-device{width:210px}.customer-pipeline-table .col-customer{width:150px}.customer-pipeline-table .col-source{width:90px}.customer-pipeline-table .col-submit-account{width:86px}.customer-pipeline-table .col-submitter,.customer-pipeline-table .col-receiver{width:74px}.customer-pipeline-table .col-receive-status,.customer-pipeline-table .col-quality{width:118px}.customer-pipeline-table .col-private-status{width:126px}.customer-pipeline-table .col-lost-reason,.customer-pipeline-table .col-remark{width:170px}.customer-pipeline-table .col-actions{width:58px}.customer-pipeline-table th,.customer-pipeline-table td{overflow:hidden}.customer-pipeline-table .table-select,.customer-pipeline-table .table-input{width:100%;min-width:0}.customer-pipeline-table .col-source,.customer-pipeline-table .col-submit-account,.customer-pipeline-table .col-submitter,.customer-pipeline-table .col-receiver{overflow-wrap:anywhere}.customer-pipeline-table .promoter-device-cell{width:100%;min-width:0}.customer-pipeline-table .promoter-device-cell>span:last-child{min-width:0}.customer-pipeline-table .status-select,.status-pill{--tone:#64748b;--tone-bg:var(--tone)}@supports (color:color-mix(in lab, red, red)){.customer-pipeline-table .status-select,.status-pill{--tone-bg:color-mix(in srgb, var(--tone) 11%, #fff)}}.customer-pipeline-table .status-select,.status-pill{--tone-border:var(--tone)}@supports (color:color-mix(in lab, red, red)){.customer-pipeline-table .status-select,.status-pill{--tone-border:color-mix(in srgb, var(--tone) 28%, #dbe4ef)}}.customer-pipeline-table .status-select,.status-pill{--tone-text:var(--tone)}@supports (color:color-mix(in lab, red, red)){.customer-pipeline-table .status-select,.status-pill{--tone-text:color-mix(in srgb, var(--tone) 72%, #111827)}}.customer-pipeline-table .status-select,.status-pill{border-color:var(--tone-border);background-color:var(--tone-bg);color:var(--tone-text);font-weight:800}.customer-pipeline-table .status-select:focus{border-color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.customer-pipeline-table .status-select:focus{border-color:color-mix(in srgb, var(--tone) 68%, #2563eb)}}.customer-pipeline-table .status-select:focus{box-shadow:0 0 0 3px var(--tone)}@supports (color:color-mix(in lab, red, red)){.customer-pipeline-table .status-select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 18%, transparent)}}.status-pill{border:1px solid var(--tone-border);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;display:inline-flex}.tone-pending{--tone:#f59e0b}.tone-passed,.tone-excellent,.tone-deal{--tone:#16a34a}.tone-revisit,.tone-hot{--tone:#8b5cf6}.tone-unadded,.tone-paused,.tone-normal{--tone:#64748b}.tone-rejected,.tone-poor,.tone-lost{--tone:#dc2626}.tone-good,.tone-entered,.tone-first,.tone-nurture,.tone-need{--tone:#2563eb}.tone-plan{--tone:#0d9488}.tone-muted{--tone:#94a3b8}.customer-pipeline-table .lost-reason-input{color:#991b1b;background:#fff7f7;border-color:#fecaca;font-weight:700}.customer-pipeline-table .lost-reason-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.promoter-account-form{grid-template-columns:188px minmax(0,1fr);align-items:start;gap:12px 16px;padding:16px}.promoter-form-title{align-items:flex-start;min-height:42px;margin-bottom:2px}.promoter-form-title div{min-width:0}.promoter-form-title strong{line-height:1.25}.promoter-form-title span{margin-top:3px;line-height:1.35;display:block}.promoter-form-title button{white-space:nowrap;flex:none;height:38px;padding:0 14px}.promoter-shot-uploader{border-radius:12px;align-self:stretch;width:188px;min-height:166px}.promoter-shot-uploader div{text-align:center;min-height:166px;padding:14px}.promoter-form-fields{grid-template-columns:repeat(4,minmax(132px,1fr));align-items:start;gap:10px 12px}.promoter-form-fields input,.promoter-form-fields select{width:100%;height:40px;min-height:40px;padding:0 12px;line-height:40px}.promoter-form-fields textarea{width:100%;min-height:90px;padding:11px 12px;line-height:1.45}.promoter-form-fields .span-2{grid-column:span 3}.dashboard-page{gap:16px;display:grid}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.dashboard-role-card{min-width:178px;box-shadow:var(--crm-shadow-xs);background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:14px;padding:14px 16px}.dashboard-role-card span{color:#64748b;font-size:12px;font-weight:800;display:block}.dashboard-role-card strong{color:#1d4ed8;margin-top:4px;font-size:20px;display:block}.dashboard-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.dashboard-kpi{--tone:#2563eb;border:1px solid var(--tone);align-content:start;gap:6px;min-height:126px;padding:16px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dashboard-kpi{border:1px solid color-mix(in srgb, var(--tone) 24%, #dbe4ef)}}.dashboard-kpi{background:linear-gradient(145deg, var(--tone), #fff 64%);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.dashboard-kpi{background:linear-gradient(145deg, color-mix(in srgb, var(--tone) 12%, #fff), #fff 64%)}}.dashboard-kpi{box-shadow:var(--crm-shadow-xs)}.dashboard-kpi:after{content:"";background:var(--tone);border-radius:999px;width:90px;height:90px;position:absolute;bottom:-26px;right:-18px}@supports (color:color-mix(in lab, red, red)){.dashboard-kpi:after{background:color-mix(in srgb, var(--tone) 14%, transparent)}}.dashboard-kpi span{width:38px;height:38px;color:var(--tone);background:var(--tone);border-radius:11px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.dashboard-kpi span{background:color-mix(in srgb, var(--tone) 13%, #fff)}}.dashboard-kpi small{color:#64748b;font-size:12px;font-weight:800}.dashboard-kpi strong{color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.dashboard-kpi strong{color:color-mix(in srgb, var(--tone) 58%, #0f172a)}}.dashboard-kpi strong{font-size:30px;line-height:1}.dashboard-kpi em{color:#64748b;font-size:12px;font-style:normal}.dashboard-split{grid-template-columns:1.05fr .95fr;gap:14px;display:grid}.dashboard-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-panel{border:1px solid var(--crm-border);min-height:280px;box-shadow:var(--crm-shadow-xs);background:#fff;border-radius:14px;padding:16px}.dashboard-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-panel-head strong{color:#0f172a;font-size:16px;display:block}.dashboard-panel-head span{color:#64748b;margin-top:3px;font-size:12px;display:block}.dashboard-panel-head svg{color:#2563eb}.funnel-row{--tone:#2563eb;color:#334155;grid-template-columns:110px 48px minmax(0,1fr);align-items:center;gap:12px;min-height:46px;font-weight:800;display:grid}.funnel-row b{color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.funnel-row b{color:color-mix(in srgb, var(--tone) 72%, #111827)}}.funnel-row div,.rank-row div{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.funnel-row i,.rank-row i,.compact-rank i{border-radius:inherit;background:linear-gradient(90deg, var(--tone,#2563eb), var(--tone,#2563eb));height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.funnel-row i,.rank-row i,.compact-rank i{background:linear-gradient(90deg, var(--tone,#2563eb), color-mix(in srgb, var(--tone,#2563eb) 62%, #fff))}}.rank-list{gap:12px;display:grid}.rank-row{--tone:#2563eb;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px 12px;display:grid}.rank-row span,.rank-row b{font-weight:800}.rank-row span{color:#334155}.rank-row b{color:#2563eb;justify-self:end}.rank-row div{grid-column:1/-1}.compact-rank{gap:10px;display:grid}.compact-rank>div{background:#f8fbff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:42px;padding:9px 10px;display:grid;position:relative;overflow:hidden}.compact-rank span{color:#1d4ed8;background:#dbeafe;border-radius:8px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.compact-rank strong,.compact-rank b{z-index:1;position:relative}.compact-rank strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-rank b{color:#2563eb;justify-self:end}.compact-rank i{background:#2563eb;height:3px;position:absolute;inset:auto auto 0 0}.pending-list{gap:10px;display:grid}.pending-list>div{background:#f8fbff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px;display:grid}.pending-list strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-list span{color:#64748b;font-size:12px}.pending-list b{color:#2563eb;grid-row:span 2;align-self:center;font-size:12px}.customer-pipeline-table select.status-select.tone-passed,.customer-pipeline-table select.status-select.tone-excellent,.customer-pipeline-table select.status-select.tone-deal{color:#15803d!important;background:#ecfdf5!important;border-color:#86efac!important}.customer-pipeline-table select.status-select.tone-pending,.customer-pipeline-table select.status-select.tone-revisit,.customer-pipeline-table select.status-select.tone-hot,.customer-pipeline-table select.status-select.tone-plan{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important}.customer-pipeline-table select.status-select.tone-good,.customer-pipeline-table select.status-select.tone-entered,.customer-pipeline-table select.status-select.tone-first,.customer-pipeline-table select.status-select.tone-nurture,.customer-pipeline-table select.status-select.tone-need{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.customer-pipeline-table select.status-select.tone-muted,.customer-pipeline-table select.status-select.tone-normal,.customer-pipeline-table select.status-select.tone-unadded,.customer-pipeline-table select.status-select.tone-paused{color:#64748b!important;background:#f1f5f9!important;border-color:#d6dee9!important}.customer-pipeline-table select.status-select.tone-rejected,.customer-pipeline-table select.status-select.tone-poor,.customer-pipeline-table select.status-select.tone-lost{color:#b91c1c!important;background:#fef2f2!important;border-color:#fecaca!important}.cockpit-dashboard{gap:18px;padding-top:0;display:grid}.cockpit-hero{color:#f8fafc;background:radial-gradient(circle at 78% 12%,#38bdf82e,#0000 32%),linear-gradient(#0b1220 0%,#111b2e 100%);border-bottom:1px solid #38bdf829;margin:-26px -24px 0;padding:28px 28px 32px;position:relative;overflow:hidden}.cockpit-grid-bg{pointer-events:none;background-image:linear-gradient(#2563eb14 1px,#0000 1px),linear-gradient(90deg,#2563eb14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.cockpit-orbit{border:1px solid #38bdf81f;border-radius:999px;width:420px;height:420px;position:absolute;top:-120px;right:9%;box-shadow:inset 0 0 60px #38bdf814,0 0 80px #2563eb14}.cockpit-hero-head,.cockpit-metric-grid{z-index:1;position:relative}.cockpit-hero-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.live-label{color:#22c55e;letter-spacing:.12em;align-items:center;gap:9px;margin-bottom:8px;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:800;display:flex}.live-label i{background:#22c55e;border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px #22c55e}.cockpit-hero h1{color:#f8fafc;letter-spacing:0;margin:0;font-size:32px;line-height:1.1}.cockpit-hero p{color:#94a3b8;margin:8px 0 0}.cockpit-operator{background:#0f172ab8;border:1px solid #38bdf83d;border-radius:14px;min-width:176px;padding:14px 16px;box-shadow:0 0 22px #2563eb29}.cockpit-operator span,.cockpit-operator small{color:#64748b;font-size:12px;display:block}.cockpit-operator strong{color:#38bdf8;margin:4px 0;font-size:20px;display:block}.cockpit-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.cockpit-metric{--tone:#38bdf8;border:1px solid var(--tone);align-content:start;gap:7px;min-height:150px;padding:18px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cockpit-metric{border:1px solid color-mix(in srgb, var(--tone) 28%, #ffffff14)}}.cockpit-metric{box-shadow:0 0 22px var(--tone), 0 10px 26px #00000038;background:#0b1220e6;border-radius:14px}@supports (color:color-mix(in lab, red, red)){.cockpit-metric{box-shadow:0 0 22px color-mix(in srgb, var(--tone) 18%, transparent), 0 10px 26px #00000038}}.cockpit-metric:before{content:"";background:linear-gradient(90deg, transparent, var(--tone), transparent);height:2px;position:absolute;inset:0 0 auto}.metric-glow{background:var(--tone);border-radius:999px;width:110px;height:110px;position:absolute;top:-32px;right:-32px}@supports (color:color-mix(in lab, red, red)){.metric-glow{background:color-mix(in srgb, var(--tone) 14%, transparent)}}.cockpit-metric span{width:34px;height:34px;color:var(--tone);place-items:center;display:grid}.cockpit-metric strong{color:var(--tone);text-shadow:0 0 22px var(--tone);font-size:38px;line-height:1}@supports (color:color-mix(in lab, red, red)){.cockpit-metric strong{text-shadow:0 0 22px color-mix(in srgb, var(--tone) 46%, transparent)}}.cockpit-metric b{color:#e2e8f0;font-size:13px}.cockpit-metric small{color:#64748b;text-transform:uppercase;font-family:JetBrains Mono,Consolas,monospace;font-size:10px}.cockpit-main-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.cockpit-feature-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:18px;display:grid}.cockpit-bottom-grid{grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:18px;display:grid}.cockpit-insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.cockpit-insight-grid .payroll-panel{grid-column:1/-1;min-height:auto}.cockpit-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:286px;padding:16px;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}.wide-panel{min-height:326px}.cockpit-panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.cockpit-panel-head strong{color:#0f172a;font-size:16px;display:block}.cockpit-panel-head span{color:#64748b;margin-top:3px;font-size:12px;display:block}.cockpit-panel-head svg{color:#2563eb}.cockpit-funnel-panel,.development-stage-panel{min-height:360px;padding:0}.cockpit-funnel-panel .cockpit-panel-head,.development-stage-panel .cockpit-panel-head{background:linear-gradient(135deg,#0b1220,#162035);border-bottom:1px solid #f1f5f9;margin:0;padding:16px 22px}.cockpit-funnel-panel .cockpit-panel-head strong,.development-stage-panel .cockpit-panel-head strong{color:#f8fafc;letter-spacing:.02em}.cockpit-funnel-panel .cockpit-panel-head span,.development-stage-panel .cockpit-panel-head span{color:#64748b;letter-spacing:.04em;font-family:JetBrains Mono,Consolas,monospace}.cockpit-funnel-panel .cockpit-panel-head svg,.development-stage-panel .cockpit-panel-head svg{color:#38bdf8;filter:drop-shadow(0 0 8px #38bdf859)}.conversion-funnel{flex-direction:column;align-items:center;gap:0;padding:24px 32px 28px;display:flex}.funnel-step{flex-direction:column;align-items:center;width:100%;display:flex}.funnel-connector{color:#94a3b8;align-items:center;gap:8px;height:20px;font-family:JetBrains Mono,Consolas,monospace;font-size:10px;display:flex}.funnel-connector i{background:#2563eb38;width:1px;height:14px}.funnel-bar{color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:110px;height:46px;padding:0 16px;display:flex;box-shadow:0 12px 28px #2563eb29}.funnel-bar span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.funnel-bar strong{font-family:JetBrains Mono,Consolas,monospace;font-size:18px}.development-stage-list{gap:10px;padding:20px 22px 24px;display:grid}.development-stage-row{grid-template-columns:92px minmax(0,1fr) 44px 42px;align-items:center;gap:10px;display:grid}.development-stage-row span{color:#334155;align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:800;display:flex}.development-stage-row span i{border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 10px}.development-stage-row>div{background:#edf2f7;border-radius:999px;height:9px;overflow:hidden}.development-stage-row>div b{border-radius:inherit;min-width:8px;height:100%;display:block}.development-stage-row strong{color:#0f172a;text-align:right;font-family:JetBrains Mono,Consolas,monospace;font-size:13px}.development-stage-row em{color:#64748b;text-align:right;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-style:normal}.chart-box{height:250px}.pie-layout{gap:10px;display:grid}.pie-legend{gap:7px;display:grid}.pie-legend span{color:#334155;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.pie-legend i{border-radius:999px;width:10px;height:10px}.pie-legend b{color:#2563eb}.pie-legend em{color:#94a3b8;font-style:normal}.cockpit-rank-list{gap:10px;display:grid}.cockpit-rank-list>div{background:#f8fbff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:42px;padding:9px 10px;display:grid;position:relative;overflow:hidden}.cockpit-rank-list span{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.cockpit-rank-list strong,.cockpit-rank-list b{z-index:1;position:relative}.cockpit-rank-list strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cockpit-rank-list b{color:#2563eb;justify-self:end}.cockpit-rank-list i{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;height:3px;position:absolute;inset:auto auto 0 0}.cockpit-task-list{gap:9px;display:grid}.cockpit-task-list>div{background:#f8fbff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:10px minmax(0,1fr) auto;gap:3px 8px;padding:10px;display:grid}.cockpit-task-list i{background:#8b5cf6;border-radius:999px;grid-row:span 2;align-self:center;width:8px;height:8px}.cockpit-task-list i.hot{background:#f59e0b;box-shadow:0 0 8px #f59e0b73}.cockpit-task-list strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cockpit-task-list span{color:#64748b;font-size:12px}.cockpit-task-list b{color:#2563eb;grid-row:span 2;align-self:center;font-size:12px}.cockpit-quality-list,.cockpit-efficiency-list,.cockpit-lost-list{gap:10px;display:grid}.payroll-table{border:1px solid #edf2f8;border-radius:12px;overflow:auto}.payroll-head,.payroll-row{grid-template-columns:150px 82px repeat(4,74px) 18px 82px repeat(4,74px);align-items:center;min-width:868px;display:grid}.payroll-head{z-index:1;background:#f8fafc;position:sticky;top:0}.payroll-head span,.payroll-row strong,.payroll-row b,.payroll-row span{border-bottom:1px solid #edf2f8;border-right:1px solid #edf2f8;align-items:center;min-height:42px;padding:9px 10px;display:flex}.payroll-head span{color:#64748b;font-size:12px;font-weight:900}.payroll-head .payroll-gap,.payroll-row .payroll-gap{background:linear-gradient(90deg,#0000 0 7px,#dbeafe 7px 9px,#0000 9px);border-right:0;min-height:42px;padding:0}.payroll-row strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payroll-row b{color:#2563eb;justify-content:center;font-size:16px}.payroll-row .quality-cell{justify-content:center;font-weight:900}.quality-cell.excellent{color:#15803d;background:#ecfdf5}.quality-cell.good{color:#1d4ed8;background:#eff6ff}.quality-cell.normal{color:#64748b;background:#f8fafc}.quality-cell.poor{color:#b91c1c;background:#fef2f2}.cockpit-quality-list>div{background:#fbfdff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 11px 12px;display:grid;position:relative;overflow:hidden}.cockpit-quality-list strong,.cockpit-efficiency-list strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cockpit-quality-list span,.cockpit-efficiency-list span{color:#475569;font-size:12px;font-weight:800}.cockpit-quality-list b,.cockpit-efficiency-list b{color:#2563eb}.cockpit-quality-list small,.cockpit-efficiency-list small{color:#64748b;grid-column:1/-1;font-size:12px}.cockpit-quality-list i,.cockpit-lost-list i{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;grid-column:1/-1;height:4px}.cockpit-efficiency-list>div{background:#fbfdff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px 8px;padding:10px 11px;display:grid}.cockpit-efficiency-list small{grid-column:1/-1}.cockpit-lost-list>div{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.cockpit-lost-list span{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.cockpit-lost-list strong{color:#dc2626;text-align:right}.cockpit-lost-list i{background:linear-gradient(90deg,#ef4444,#f97316)}.cockpit-signal-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cockpit-signal-row>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 16px;display:grid;box-shadow:0 2px 12px #0f172a0a}.cockpit-signal-row span{color:#64748b;font-weight:800}.cockpit-signal-row strong{color:#2563eb}.cockpit-signal-row i{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;grid-column:1/-1;height:6px}.home-dashboard{gap:16px;display:grid}.home-hero{background:radial-gradient(circle at 88% 16%,#38bdf82e,#0000 30%),linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex;box-shadow:0 12px 30px #0f172a0f}.home-hero h1{color:#0f172a;margin:4px 0 6px;font-size:28px}.home-hero p{color:#64748b;margin:0}.home-role-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-weight:900;display:inline-flex}.home-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.home-metric{--tone:#2563eb;border:1px solid var(--tone);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:4px 10px;min-height:92px;padding:14px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.home-metric{border:1px solid color-mix(in srgb, var(--tone) 22%, #e2e8f0)}}.home-metric{background:linear-gradient(135deg, var(--tone), #fff 68%);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.home-metric{background:linear-gradient(135deg, color-mix(in srgb, var(--tone) 10%, #fff), #fff 68%)}}.home-metric{box-shadow:0 8px 20px #0f172a0b}.home-metric span{width:42px;height:42px;color:var(--tone);background:var(--tone);border-radius:12px;grid-row:span 2;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.home-metric span{background:color-mix(in srgb, var(--tone) 13%, #fff)}}.home-metric small{color:#64748b;font-size:12px;font-weight:900}.home-metric strong{color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.home-metric strong{color:color-mix(in srgb, var(--tone) 62%, #0f172a)}}.home-metric strong{font-size:28px}.home-layout{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.home-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 8px 20px #0f172a0a}.home-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.home-panel-head strong{color:#0f172a;font-size:16px;display:block}.home-panel-head span{color:#64748b;margin-top:3px;font-size:12px;display:block}.home-panel-head button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:7px 10px;font-weight:800}.quick-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.quick-action-grid button{text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #e2e8f0;border-radius:13px;align-content:start;gap:8px;min-height:118px;padding:14px;display:grid}.quick-action-grid button:hover{border-color:#93c5fd;box-shadow:0 12px 26px #2563eb1f}.quick-action-grid span{color:#1d4ed8;background:#dbeafe;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.quick-action-grid strong{color:#0f172a}.quick-action-grid small{color:#64748b}.home-progress-list{gap:14px;display:grid}.home-progress-list div{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;display:grid}.home-progress-list span{color:#64748b;font-weight:800}.home-progress-list strong{color:#2563eb}.home-progress-list i{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;grid-column:1/-1;height:8px}.recent-customer-list{gap:8px;display:grid}.recent-customer-list>div{background:#f8fbff;border:1px solid #edf2f8;border-radius:11px;grid-template-columns:96px minmax(0,1fr) minmax(180px,.7fr) 110px;align-items:center;gap:12px;min-height:50px;padding:10px 12px;display:grid}.recent-customer-list span{color:#1d4ed8;font-weight:900}.recent-customer-list strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-customer-list small{color:#64748b}.recent-customer-list b{color:#94a3b8;justify-self:end;font-size:12px}.figma-home-page{gap:20px;max-width:1400px;display:grid}.figma-home-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.figma-home-title h1{color:#0f172a;letter-spacing:0;margin:0;font-size:26px}.figma-home-title p{color:#64748b;margin:4px 0 0;font-size:13px}.figma-home-user{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:150px;padding:12px 14px;box-shadow:0 2px 12px #0000000d}.figma-home-user span{color:#94a3b8;font-size:11px;font-weight:800;display:block}.figma-home-user strong{color:#1e293b;margin-top:3px;display:block}.figma-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.figma-stat-card{--card-color:#2563eb;--card-glow:#38bdf8;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:150px;padding:22px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.figma-stat-line{background:linear-gradient(90deg, var(--card-color), var(--card-glow));height:3px;position:absolute;inset:0 0 auto}.figma-stat-orb{background:var(--card-glow);border-radius:999px;width:80px;height:80px;position:absolute;top:-20px;right:-20px}@supports (color:color-mix(in lab, red, red)){.figma-stat-orb{background:color-mix(in srgb, var(--card-glow) 14%, transparent)}}.figma-stat-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.figma-stat-top span{color:var(--card-color)}.figma-stat-top em{color:#22c55e;background:#22c55e1a;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:900}.figma-stat-card strong{color:var(--card-color);letter-spacing:0;margin-bottom:4px;font-size:36px;line-height:1;display:block}.figma-stat-card b{color:#1e293b;margin-bottom:2px;font-size:13px;display:block}.figma-stat-card small{color:#94a3b8;font-size:11px}.figma-home-row{grid-template-columns:minmax(0,1fr) 430px;gap:20px;display:grid}.figma-side-stack{gap:16px;display:grid}.figma-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.figma-panel-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.figma-panel-head div{align-items:center;gap:8px;display:flex}.figma-panel-head strong{color:#0f172a;font-size:14px}.figma-panel-head span{color:#94a3b8;font-size:11px;font-weight:800}.live-dot{background:#22c55e;border-radius:999px;width:6px;height:6px;box-shadow:0 0 6px #22c55e}.figma-feed-list{padding:8px 0}.figma-feed-list>div{border-bottom:1px solid #f8fafc;grid-template-columns:42px 28px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:9px 20px;display:grid}.figma-feed-list time{color:#94a3b8;font-size:10px}.figma-feed-list span{--activity-color:#2563eb;border:1px solid var(--activity-color);place-items:center;width:28px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.figma-feed-list span{border:1px solid color-mix(in srgb, var(--activity-color) 26%, transparent)}}.figma-feed-list span{background:var(--activity-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.figma-feed-list span{background:color-mix(in srgb, var(--activity-color) 10%, white)}}.figma-feed-list span{color:var(--activity-color);font-size:11px;font-weight:900}.figma-feed-list p{color:#64748b;margin:0;font-size:12px}.figma-feed-list b{color:#1e293b}.figma-feed-list em{font-style:normal;font-weight:800}.figma-rank-list,.figma-alert-list,.figma-mini-rank,.figma-platform-list{padding:8px 0}.figma-rank-list>div,.figma-mini-rank>div{border-bottom:1px solid #f8fafc;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 20px;display:grid}.figma-rank-list span{color:#f59e0b;font-size:13px;font-weight:900}.figma-rank-list strong,.figma-mini-rank strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.figma-rank-list b,.figma-mini-rank span{color:#2563eb;font-size:13px;font-weight:900}.figma-alert-list>div{color:#1e293b;border-bottom:1px solid #f8fafc;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 20px;font-size:13px;display:grid}.figma-alert-list span{background:#f59e0b;border-radius:999px;width:8px;height:8px}.figma-alert-list button{color:#b45309;background:#f59e0b17;border:1px solid #f59e0b47;border-radius:7px;padding:4px 10px;font-size:11px;font-weight:900}.figma-bottom-grid{grid-template-columns:1.05fr .85fr 1.1fr;gap:20px;display:grid}.figma-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px;display:grid}.figma-quick-grid button{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;place-items:center;gap:8px;min-height:86px;padding:12px;display:grid}.figma-quick-grid button:hover{background:#eff6ff;border-color:#93c5fd}.figma-quick-grid span{color:#1e293b;font-size:12px;font-weight:900}.figma-platform-list{gap:10px;padding:16px;display:grid}.figma-platform-list>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:10px;display:grid}.figma-platform-list span{color:#475569;font-size:12px;font-weight:800}.figma-platform-list strong{color:#2563eb}.figma-platform-list i{border-radius:999px;grid-column:1/-1;height:4px}.figma-dedupe-panel{min-height:204px}.figma-dedupe-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 88px;gap:10px;padding:16px;display:grid}.figma-dedupe-form input{color:#0f172a;background:#f8fbff;border:1px solid #dbe4ef;border-radius:11px;min-width:0;height:42px;padding:0 12px}.figma-dedupe-form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.figma-dedupe-form button{color:#fff;background:#2563eb;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:42px;font-weight:900;display:inline-flex}.figma-dedupe-note{border-radius:10px;margin:0 16px 12px;padding:9px 11px;font-size:12px;font-weight:800}.figma-dedupe-note.safe{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.figma-dedupe-note.warn{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.figma-dedupe-note.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.figma-dedupe-matches{gap:8px;padding:0 16px 16px;display:grid}.figma-dedupe-matches>div,.figma-dedupe-matches>button{text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #edf2f8;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto;align-items:center;gap:8px;width:100%;padding:9px 10px;display:grid}.figma-dedupe-matches>button:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.dedupe-detail-modal{width:min(860px,100%)}.dedupe-detail-shot{object-fit:contain;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;max-height:260px;display:block}.figma-dedupe-matches strong,.figma-dedupe-matches span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.figma-dedupe-matches strong{color:#0f172a}.figma-dedupe-matches span{color:#64748b;font-size:12px}.figma-dedupe-matches b{color:#2563eb;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){body{background:#f6f8fb;min-width:320px}.app-shell{min-height:100vh;display:block}.sidebar{z-index:70;background:linear-gradient(#0f172afa,#091222fa);border-bottom:1px solid #94a3b82e;border-right:0;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;width:100%;max-width:100vw;padding:10px 10px 8px;display:grid;position:sticky;top:0;box-shadow:0 12px 28px #0f172a2e}.brand{gap:8px;min-width:0;padding:0}.brand-mark{border-radius:9px;width:34px;height:34px}.brand-title{text-overflow:ellipsis;white-space:nowrap;max-width:128px;font-size:13px;overflow:hidden}.brand-subtitle,.system-pill{display:none}.profile-card{border:0;justify-self:end;gap:8px;width:auto;margin:0;padding:0}.profile-card .avatar{width:32px;height:32px;font-size:13px}.profile-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:12px;overflow:hidden}.profile-role{display:none}.nav-list{scrollbar-width:none;grid-column:1/-1;gap:7px;padding:2px 0 4px;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-item,.nav-subitem{color:#cbd5e1;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex:none;width:auto;min-height:38px;padding:9px 10px;font-size:12px}.nav-item svg,.nav-subitem svg{width:15px;height:15px}.nav-item.active,.nav-subitem.active{color:#fff;box-shadow:none;background:#2563eb}.nav-unread-dot{min-width:17px;height:17px;margin-left:0;font-size:9px}.nav-group{flex:none;position:relative}.nav-folder-chevron{display:none}.nav-sublist{z-index:90;background:#0f172a;border:1px solid #94a3b82e;border-radius:14px;min-width:178px;margin:0;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 36px #0f172a47}.nav-subitem{background:0 0;border-radius:10px;justify-content:flex-start;width:100%}.topbar{gap:10px;height:auto;min-height:52px;padding:10px 12px}.topbar-title{font-size:14px}.topbar-subtitle{display:none}.topbar .ghost-button{border-radius:10px;min-height:36px;padding:8px 10px;font-size:12px}.content{overflow:visible}.page{padding:12px}.page-heading,.figma-home-title,.dashboard-heading,.home-panel-head,.card-topline,.promoter-submit-head,.user-list-heading,.modal-head,.pipeline-toolbar{flex-direction:column;align-items:stretch;gap:8px}.page h1,.figma-home-title h1,.cockpit-hero h1{font-size:22px;line-height:1.18}.page-heading p:not(.eyebrow),.figma-home-title p{font-size:12px;line-height:1.55}.metric-grid,.metric-grid.compact,.figma-stat-grid,.dashboard-kpi-grid,.cockpit-metric-grid,.customer-summary-grid,.customer-ops-metrics,.user-role-grid,.owner-grid,.quick-action-grid,.home-layout,.dashboard-split,.dashboard-grid-3,.cockpit-main-grid,.cockpit-feature-grid,.cockpit-bottom-grid,.cockpit-insight-grid,.cockpit-signal-row,.submit-layout,.promoter-submit-list,.promoter-form-fields,.promoter-account-form,.persona-form,.persona-fields,.dedupe-fields,.customer-form,.form-grid,.form-grid.wide{grid-template-columns:1fr!important}.metric-card,.panel,.table-card,.data-card,.home-panel,.dashboard-panel,.cockpit-panel,.figma-stat-card{border-radius:12px;box-shadow:0 6px 18px #0f172a0d}.panel,.home-panel,.dashboard-panel,.cockpit-panel{padding:14px}input,select,textarea,.panel input,.panel select,.table-input,.table-select{min-height:42px;font-size:14px}.form-grid>button,.persona-fields>button,.customer-form>button,.dedupe-actions button,.promoter-form-title button,.submit-workbench .customer-submit-form>button{width:100%;min-height:44px}.span-2,.dedupe-actions,.submit-workbench .customer-submit-form .selected-persona-strip,.submit-workbench .customer-submit-form .success-text,.submit-workbench .customer-submit-form .error-text{grid-column:auto!important}.table-card,.customer-pipeline-panel,.payroll-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{min-width:760px}th,td{padding:10px 9px;font-size:12px}.customer-filter-panel,.pipeline-toolbar{padding:12px;position:static}.customer-detail-modal,.account-package-modal,.modal,.dedupe-detail-modal{border-radius:14px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 24px);overflow:auto}.modal-backdrop{padding:10px}.chat-shell{min-height:calc(100vh - 170px);grid-template-columns:1fr!important}.chat-sidebar{scrollbar-width:none;border-bottom:1px solid #e2e8f0;border-right:0;gap:8px;padding:10px;display:flex;overflow-x:auto}.chat-sidebar::-webkit-scrollbar{display:none}.chat-channel{border-radius:999px;flex:none;min-height:38px;margin:0;padding:9px 10px;font-size:12px}.chat-channel b{min-width:18px;height:18px;font-size:10px}.chat-main{min-height:520px}.chat-messages{min-height:360px;max-height:calc(100vh - 360px);padding:12px}.chat-bubble{border-radius:12px;max-width:94%;padding:10px 11px}.chat-bubble img{max-width:210px;max-height:180px}.chat-compose-with-customer,.chat-compose{gap:8px;padding:10px;grid-template-columns:42px minmax(0,1fr)!important}.chat-compose select,.chat-compose input,.chat-selected-customer,.chat-image-ready,.chat-compose>button{grid-column:1/-1}.notification-stack{width:calc(100vw - 20px);bottom:10px;right:10px}.notification-toast,.notification-toast.persistent{border-radius:12px;grid-template-columns:38px minmax(0,1fr);padding:12px}.notification-icon{width:38px;height:38px}.recent-customer-list>div,.figma-dedupe-matches>div,.figma-dedupe-matches>button{grid-template-columns:1fr;align-items:start}.recent-customer-list b{justify-self:start}}@media (width<=420px){.brand-title{max-width:96px}.profile-name{display:none}.nav-item,.nav-subitem,.chat-channel{font-size:11px}.page{padding:10px}.page h1,.figma-home-title h1,.cockpit-hero h1{font-size:20px}.metric-card strong,.dashboard-kpi strong,.cockpit-metric strong,.customer-summary-grid strong,.customer-ops-metrics strong{font-size:22px}table{min-width:720px}}@media (width<=768px){:root{--mobile-gutter:12px;--mobile-header-height:58px}html{background:#f6f8fb;overflow-x:hidden}body{-webkit-text-size-adjust:100%;overflow-x:hidden}button,[role=button],select,input,textarea{touch-action:manipulation}.app-shell{min-height:100dvh}.sidebar{z-index:80;height:var(--mobile-header-height);min-height:var(--mobile-header-height);padding:8px var(--mobile-gutter);background:#0b1220;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;overflow:visible;box-shadow:0 8px 22px #0f172a2e}.brand{z-index:83;flex:1;position:relative}.brand-mark{flex:0 0 36px;width:36px;height:36px}.brand-title{max-width:none;font-size:14px}.profile-card,.system-pill{display:none}.mobile-nav-toggle{z-index:83;color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.mobile-nav-toggle:active{background:#ffffff29}.mobile-nav-scrim{z-index:80;inset:var(--mobile-header-height) 0 0;background:#0f172a8c;border:0;border-radius:0;width:100%;padding:0;display:block;position:fixed}.nav-list{z-index:100;isolation:isolate;top:var(--mobile-header-height);width:min(84vw,320px);padding:14px 12px calc(20px + env(safe-area-inset-bottom));visibility:hidden;background:#0b1220;border-top:1px solid #94a3b81f;flex-direction:column;gap:4px;transition:transform .22s,visibility .22s;display:flex;position:fixed;bottom:0;right:0;overflow:hidden auto;transform:translate(105%);box-shadow:-18px 0 44px #0f172a47}.sidebar.mobile-open .nav-list{visibility:visible;transform:translate(0)}.nav-item,.nav-subitem{color:#aebbd0;background:0 0;border-radius:10px;justify-content:flex-start;width:100%;min-height:48px;padding:12px 14px;font-size:14px}.nav-item svg,.nav-subitem svg{flex:none;width:19px;height:19px}.nav-item.active,.nav-subitem.active{color:#fff;background:#2563eb;box-shadow:inset 3px 0 #7dd3fc}.nav-folder-chevron{display:block}.nav-group{width:100%}.nav-sublist{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-left:1px solid #94a3b833;border-radius:0;margin:4px 0 6px;padding:4px 0 4px 18px;position:static}.nav-subitem{min-height:44px;font-size:13px}.topbar{min-height:48px;padding:7px var(--mobile-gutter);border-bottom-color:#e8edf4}.topbar-title{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;overflow:hidden}.topbar .ghost-button{justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:0}.topbar .ghost-button svg{width:18px;height:18px}.content{width:100%;min-width:0}.page{width:100%;min-width:0;padding:16px var(--mobile-gutter) 28px}.page-heading,.figma-home-title,.dashboard-heading{margin-bottom:16px}.page h1,.figma-home-title h1,.cockpit-hero h1{font-size:21px;line-height:1.25}.eyebrow{margin-bottom:4px;font-size:10px}.metric-grid,.metric-grid.compact,.figma-stat-grid,.dashboard-kpi-grid,.cockpit-metric-grid,.customer-summary-grid,.customer-ops-metrics{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-card,.figma-stat-card,.dashboard-kpi,.cockpit-metric,.customer-summary-grid>div,.customer-ops-metrics>div{min-width:0;padding:13px}.metric-card strong,.figma-stat-card strong,.dashboard-kpi strong,.cockpit-metric strong,.customer-summary-grid strong,.customer-ops-metrics strong{margin:5px 0;font-size:22px;line-height:1.15}.metric-card span,.figma-stat-card span,.dashboard-kpi span,.cockpit-metric span{font-size:11px}.panel,.home-panel,.dashboard-panel,.cockpit-panel,.table-card,.data-card{border-radius:10px}.panel,.home-panel,.dashboard-panel,.cockpit-panel{margin-bottom:12px;padding:14px 12px}.panel h2,.home-panel h2,.dashboard-panel h2,.cockpit-panel h2{font-size:16px}.customer-filter-panel,.pipeline-toolbar,.filter-toolbar,.filter-row,.tabs,.segment-tabs,.customer-time-tabs,.customer-status-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;max-width:100%;overflow-x:auto}.customer-filter-panel::-webkit-scrollbar{display:none}.pipeline-toolbar::-webkit-scrollbar{display:none}.filter-toolbar::-webkit-scrollbar{display:none}.filter-row::-webkit-scrollbar{display:none}.tabs::-webkit-scrollbar{display:none}.segment-tabs::-webkit-scrollbar{display:none}input,select,textarea,.panel input,.panel select,.table-input,.table-select{border-radius:10px;min-height:46px;font-size:16px}textarea{min-height:96px}button,.small-action,.icon-action{min-height:44px}.table-card,.customer-pipeline-panel,.payroll-table{scrollbar-color:#94a3b8 #eef2f7;scrollbar-width:thin;background:#fff;border:1px solid #dfe6ef;margin-inline:0;position:relative;box-shadow:0 5px 16px #0f172a0d}.table-card:after,.customer-pipeline-panel:after,.payroll-table:after{content:"左右滑动查看更多";color:#64748b;pointer-events:none;background:#fffffff0;border:1px solid #dbe4ef;border-radius:999px;padding:4px 8px;font-size:10px;display:inline-flex;position:sticky;bottom:8px;left:12px;box-shadow:0 3px 10px #0f172a14}table{min-width:700px}th,td{padding:11px 10px;font-size:12px}thead th{z-index:2;position:sticky;top:0}.table-actions{gap:8px}.table-actions .small-action,.table-actions .icon-action,.icon-action{border-radius:10px;width:42px;height:42px;min-height:42px}.modal-backdrop{background:#0f172a94;align-items:end;padding:0}.customer-detail-modal,.account-package-modal,.package-manage-modal,.promoter-account-detail-modal,.password-modal,.modal,.dedupe-detail-modal{width:100vw;max-width:100vw;max-height:calc(92dvh - env(safe-area-inset-top));padding:16px var(--mobile-gutter) calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;margin:0;overflow-y:auto;box-shadow:0 -18px 50px #0f172a42}.modal-head{z-index:4;background:#fff;flex-direction:row;align-items:center;padding:14px 0 10px;position:sticky;top:-16px}.modal-head:before{content:"";background:#cbd5e1;border-radius:99px;width:38px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.modal-head>button{flex:0 0 42px;width:42px;height:42px;min-height:42px}.chat-shell{border-radius:10px;min-height:calc(100dvh - 148px)}.chat-sidebar{padding:8px}.chat-channel{min-height:44px;padding:10px 13px;font-size:13px}.chat-main{min-height:calc(100dvh - 210px)}.chat-messages{height:calc(100dvh - 410px);min-height:0;max-height:none;padding:12px 10px}.chat-bubble{max-width:88%}.chat-compose-with-customer,.chat-compose{padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#fff;position:sticky;bottom:0}.notification-stack{bottom:calc(10px + env(safe-area-inset-bottom))}.login-screen{min-height:100dvh;padding:16px}.login-card{border-radius:16px;padding:28px 20px}}@media (width<=420px){:root{--mobile-gutter:10px}.topbar-title{max-width:210px}.metric-grid,.metric-grid.compact,.figma-stat-grid,.dashboard-kpi-grid,.cockpit-metric-grid,.customer-summary-grid,.customer-ops-metrics{gap:8px}.metric-card,.figma-stat-card,.dashboard-kpi,.cockpit-metric,.customer-summary-grid>div,.customer-ops-metrics>div{padding:11px}table{min-width:680px}}@media (width<=768px) and (orientation:landscape){.nav-list{width:min(62vw,340px)}.modal-backdrop{align-items:center;padding:10px}.customer-detail-modal,.account-package-modal,.package-manage-modal,.promoter-account-detail-modal,.password-modal,.modal,.dedupe-detail-modal{border-radius:14px;width:min(680px,100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}@media (width<=768px){.figma-home-page{flex-direction:column;gap:12px;display:flex}.figma-home-page>.figma-home-title{order:0;margin-bottom:0}.figma-home-page>.operation-error{order:1}.figma-home-page>.figma-stat-grid{order:2;margin-bottom:2px}.figma-home-page>.figma-home-row,.figma-home-page>.figma-bottom-grid,.figma-home-row>.figma-side-stack{display:contents}.figma-side-stack>.figma-panel:nth-child(2){order:3}.figma-bottom-grid>.figma-dedupe-panel{order:4}.figma-side-stack>.figma-panel:first-child{order:5}.figma-bottom-grid>.figma-panel:nth-child(2){order:6}.figma-bottom-grid>.figma-platform-panel{order:7}.figma-home-row>.figma-feed-panel{order:8}.figma-home-page .figma-panel{border-radius:12px;width:100%;min-width:0;min-height:0;margin:0;overflow:hidden}.figma-home-page .figma-panel-head{flex-direction:row;align-items:center;min-height:52px;padding:13px 14px}.figma-home-page .figma-panel-head strong{white-space:nowrap;font-size:15px}.figma-home-page .figma-panel-head span{white-space:nowrap;flex:none;font-size:10px}.figma-alert-list{padding:2px 0}.figma-alert-list>div{grid-template-columns:8px minmax(0,1fr) auto;gap:9px;min-height:56px;padding:8px 14px;font-size:13px}.figma-alert-list button{min-width:58px;min-height:38px;padding:7px 10px;font-size:12px}.figma-dedupe-panel{min-height:0}.figma-dedupe-form{grid-template-columns:1fr;gap:10px;padding:14px}.figma-dedupe-form input,.figma-dedupe-form button{width:100%;height:46px;min-height:46px}.figma-dedupe-form button{font-size:14px}.figma-dedupe-note{margin:0 14px 12px}.figma-dedupe-matches{padding:0 14px 14px}.figma-rank-list,.figma-mini-rank{padding:2px 0}.figma-rank-list>div,.figma-mini-rank>div{min-height:48px;padding:9px 14px}.figma-rank-list>.empty-cell,.figma-mini-rank>.empty-cell,.figma-platform-list>.empty-cell,.figma-feed-list>.empty-cell{text-align:center;min-height:auto;padding:22px 14px;line-height:1.5;display:block}.figma-platform-list{padding:12px 14px}.figma-platform-list>div{width:100%}.figma-feed-list>div{grid-template-columns:40px 28px minmax(0,1fr);gap:9px;padding:9px 14px}}.page-create-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 18px #2563eb2e}.page-create-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 10px 22px #2563eb3d}.page-create-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.management-form-backdrop{z-index:140;background:#0f172a94;padding:24px}.management-form-modal{background:#fff;border:1px solid #dbe4ef;border-radius:14px;flex-direction:column;width:min(1080px,100vw - 48px);max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a4d}.management-form-modal>.modal-head{background:#fff;border-bottom:1px solid #e8edf4;flex:none;padding:18px 20px}.management-form-modal>.modal-head strong{font-size:19px}.management-form-modal>.modal-head span{margin-top:4px;font-size:12px}.management-form-modal>.form-grid,.management-form-modal>.persona-form,.management-form-modal>.promoter-account-form{background:#fbfdff;flex:auto;min-height:0;margin:0;padding:20px;overflow-y:auto}.user-management-modal{width:min(1120px,100vw - 48px)}.user-management-modal .user-create-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.user-management-modal .package-picker-summary{min-height:46px}.persona-management-modal{width:min(1040px,100vw - 48px)}.persona-management-modal .persona-form{grid-template-columns:220px minmax(0,1fr);gap:20px}.persona-management-modal .avatar-uploader{min-height:260px}.persona-management-modal .persona-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.account-management-modal .account-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.promoter-management-modal{width:min(1180px,100vw - 48px)}.promoter-management-modal .promoter-account-form{grid-template-columns:210px minmax(0,1fr);gap:18px}.promoter-management-modal .promoter-form-title{display:none}.promoter-management-modal .promoter-shot-uploader{width:210px;min-height:230px}.promoter-management-modal .promoter-form-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.promoter-management-modal .promoter-form-fields .span-2{grid-column:span 2}.management-form-modal input,.management-form-modal select,.management-form-modal textarea,.management-form-modal .multi-select-field summary{color:#0f172a;border-radius:10px;outline:none;width:100%;min-width:0;min-height:46px;padding:11px 13px;transition:border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px 2px #0f172a08;background:#f7faff!important;border:1px solid #b8c8dc!important}.management-form-modal input::placeholder,.management-form-modal textarea::placeholder{color:#7b8ba1;opacity:1}.management-form-modal input:hover,.management-form-modal select:hover,.management-form-modal textarea:hover,.management-form-modal .multi-select-field summary:hover{background:#fff!important;border-color:#8ea6c3!important}.management-form-modal input:focus,.management-form-modal select:focus,.management-form-modal textarea:focus,.management-form-modal .multi-select-field[open] summary{box-shadow:0 0 0 3px #2563eb21;background:#fff!important;border-color:#2563eb!important}.management-form-modal input:disabled,.management-form-modal select:disabled,.management-form-modal textarea:disabled{color:#64748b;background:#eef2f7!important;border-color:#d7e0eb!important}.management-form-modal textarea{resize:vertical;min-height:96px;line-height:1.5}.management-form-modal .package-picker-summary,.management-form-modal .account-package-summary{background:#f7faff;border:1px solid #b8c8dc}.management-form-modal .platform-single-select{background:#f7faff;border-color:#b8c8dc}.management-form-modal .qr-uploader-compact,.management-form-modal .avatar-uploader,.management-form-modal .promoter-shot-uploader{background:#f2f7ff;border-color:#8fb8f4}.management-form-footer{background:#fff;border-top:1px solid #e8edf4;flex:none;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.management-form-footer button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:108px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.management-cancel-button{color:#475569;background:#fff;border:1px solid #dbe4ef}.management-cancel-button:hover{background:#f1f5f9}.management-save-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.management-save-button:hover{background:#1d4ed8;border-color:#1d4ed8}.management-save-button:disabled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}@media (width<=900px){.user-management-modal .user-create-form,.account-management-modal .account-form-grid,.persona-management-modal .persona-fields,.promoter-management-modal .promoter-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.page-heading .page-create-button{width:100%;min-height:46px}.management-form-backdrop{align-items:end;padding:0}.management-form-modal,.user-management-modal,.persona-management-modal,.account-management-modal,.promoter-management-modal{border-radius:18px 18px 0 0;width:100vw;max-width:100vw;max-height:92dvh}.management-form-modal>.modal-head{padding:18px 14px 12px}.management-form-modal>.form-grid,.management-form-modal>.persona-form,.management-form-modal>.promoter-account-form{padding:14px}.user-management-modal .user-create-form,.account-management-modal .account-form-grid,.persona-management-modal .persona-form,.persona-management-modal .persona-fields,.promoter-management-modal .promoter-account-form,.promoter-management-modal .promoter-form-fields{grid-template-columns:1fr}.persona-management-modal .avatar-uploader,.promoter-management-modal .promoter-shot-uploader{width:100%;min-height:190px}.promoter-management-modal .promoter-form-fields .span-2,.management-form-modal .span-2{grid-column:auto}.management-form-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.management-form-footer button{flex:1;min-width:0}}.cockpit-filter-bar{z-index:2;background:#ffffffeb;border:1px solid #94a3b838;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 2px;padding:10px 12px;display:flex;position:relative;box-shadow:0 8px 24px #0f172a14}.cockpit-platform-switch,.cockpit-time-switch{align-items:center;gap:7px;display:flex}.cockpit-platform-switch button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:10px;place-items:center;width:42px;height:42px;padding:0;display:grid}.cockpit-platform-switch button img{object-fit:contain;width:21px;height:21px}.cockpit-time-switch>button{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:9px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800}.cockpit-time-switch>button.active{color:#fff;background:#2563eb;border-color:#bfdbfe}.cockpit-custom-dates{align-items:center;gap:6px;display:flex}.cockpit-custom-dates input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:36px;padding:0 8px;font-size:12px}.platform-trend-chart{padding:14px 10px 4px}.col-customer-code{width:108px;min-width:108px}.customer-code-chip{color:#1d4ed8;font-variant-numeric:tabular-nums;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;min-height:28px;padding:4px 8px;font-size:12px;display:inline-flex}.customer-pagination{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;font-size:12px;display:flex}.customer-pagination>div:first-child{margin-right:auto}.customer-pagination label{align-items:center;gap:5px;display:flex}.customer-pagination select,.customer-pagination button{color:#334155;background:#fff;border:1px solid #dbe4ef;border-radius:8px;min-height:36px;padding:0 11px}.customer-pagination button{cursor:pointer}.customer-pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination-pages{gap:5px;display:flex}.pagination-pages button.active{color:#fff;background:#2563eb;border-color:#2563eb}@media (width<=768px){.cockpit-filter-bar{flex-direction:column;align-items:stretch;overflow:hidden}.cockpit-platform-switch,.cockpit-time-switch{scrollbar-width:none;padding:3px;overflow-x:auto}.cockpit-platform-switch::-webkit-scrollbar{display:none}.cockpit-time-switch::-webkit-scrollbar{display:none}.cockpit-time-switch>button,.cockpit-custom-dates{flex:none}.customer-pagination{flex-wrap:wrap;align-items:stretch}.customer-pagination>div:first-child{width:100%;margin:0 0 4px}.pagination-pages{order:5;justify-content:center;width:100%}}.cockpit-filter-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1628f0;border-color:#7dd3fc2e;box-shadow:0 12px 30px #02081747}.cockpit-platform-switch button{color:#64748b;background:#fff;border-color:#dbe4ef}.cockpit-platform-switch button:hover{background:#eff6ff;border-color:#93c5fd}.cockpit-time-switch>button:hover{background:#1e40af47;border-color:#60a5fa99}.cockpit-platform-switch button.active{color:#2563eb;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e,0 8px 18px #2563eb2e}.cockpit-time-switch>button.active{color:#fff;background:#2563eb;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f62e,0 8px 18px #2563eb3d}.cockpit-time-switch>button{color:#cbd5e1;background:#1e293bc2;border-color:#94a3b833}.cockpit-custom-dates input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background:#0f172ae6;border-color:#94a3b852}.persona-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.persona-cover{aspect-ratio:3/4;background:#eef2f7;height:auto}.persona-cover img{object-fit:contain;object-position:center top;width:100%;height:100%}.page-create-control{align-content:start;justify-items:end;gap:5px;display:grid}.page-create-control small{color:#b45309;font-size:11px;font-weight:700}.page-create-button:disabled{color:#8391a5;box-shadow:none;cursor:not-allowed;background:#e8eef6;border-color:#dbe4ef}.selected-owner-field{background:#eef5ff;border:1px solid #b8c8dc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:9px 13px;display:flex}.selected-owner-field span{color:#64748b;font-size:11px}.selected-owner-field strong{color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.form-package-backdrop{z-index:180;background:#0f172aa8}.account-status-cell{min-width:104px}.account-status-select{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #86efac;border-radius:9px;outline:none;width:88px;min-width:88px;height:36px;padding:0 28px 0 11px;font-size:12px;font-weight:800}.account-status-select:hover,.account-status-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.account-status-select.disabled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.platform-badge{background:#fff;border:1px solid #dbe4ef;border-radius:8px;min-height:30px;padding:4px 9px}.platform-badge img{object-fit:contain;width:18px;height:18px}.platform-badge.platform-line{background:#06c75514;border-color:#06c7554d}.platform-badge.platform-line b{color:#047a37}.receiver-platform-line{align-items:center;gap:6px;display:flex}.receiver-platform-line img{object-fit:contain;flex:none;width:17px;height:17px}.receiver-platform-line b{color:#047a37;font-size:11px;font-weight:900}.receiver-platform-line em{color:#94a3b8;font-style:normal}.account-compact-quota{min-width:118px}.account-compact-quota>b,.account-compact-quota>span{font-variant-numeric:tabular-nums}.quota-progress{background:#e2e8f0;border-radius:99px;width:100%;height:5px;margin-top:6px;display:block;overflow:hidden}.quota-progress>span{border-radius:inherit;min-width:2px;height:100%;transition:width .2s;display:block}.quota-progress.healthy>span{background:#22c55e}.quota-progress.warning>span{background:#f59e0b}.quota-progress.danger>span{background:#ef4444}.panel .account-compact.active .receiver-platform-line b,.panel .account-compact.active .receiver-platform-line em{color:#fff}.panel .account-compact.active .quota-progress{background:#ffffff47}.panel .account-compact.active .quota-progress>span{background:#fff}@media (width<=768px){.page-create-control{justify-items:stretch;width:100%}.page-create-control small{text-align:center}.account-compact-quota{min-width:104px}}.home-presence-panel{overflow:hidden}.home-presence-panel .figma-panel-head>span{color:#15803d;background:#dcfce7}.home-presence-list{scrollbar-width:thin;gap:10px;padding:14px 16px 16px;display:flex;overflow-x:auto}.home-presence-person{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:190px;padding:10px 11px;display:grid}.home-presence-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:grid}.home-presence-copy{gap:3px;min-width:0;display:grid}.home-presence-copy strong,.home-presence-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-presence-copy strong{color:#172033;font-size:13px}.home-presence-copy small{color:#64748b;font-size:11px}.home-presence-person>i{color:#15803d;align-items:center;gap:5px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.home-presence-person>i b{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e24}.home-presence-empty{color:#94a3b8;text-align:center;width:100%;padding:18px;font-size:12px}@media (width<=768px){.home-presence-list{grid-template-columns:1fr;padding:12px;display:grid;overflow:visible}.home-presence-person{width:100%;min-width:0}}.chat-compose-tools{align-items:center;gap:6px;display:flex;position:relative}.chat-emoji-toggle{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid}.chat-emoji-toggle:hover,.chat-emoji-toggle.active{background:#eff6ff;border-color:#93c5fd}.chat-emoji-panel{z-index:40;background:#fff;border:1px solid #dbe4ef;border-radius:12px;width:340px;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 20px 54px #0f172a33}.chat-emoji-tabs{background:#f8fafc;border-bottom:1px solid #edf2f8;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid}.chat-emoji-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:30px;padding:0 5px;font-size:11px;font-weight:800}.chat-emoji-tabs button.active{color:#1d4ed8;background:#dbeafe}.chat-emoji-grid{grid-template-columns:repeat(8,1fr);gap:3px;max-height:260px;padding:9px;display:grid;overflow-y:auto}.chat-emoji-grid button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:grid}.chat-emoji-grid button:hover{background:#eff6ff;transform:scale(1.08)}@media (width<=768px){.chat-compose-with-customer,.chat-compose{grid-template-columns:minmax(0,1fr)!important}.chat-compose-tools,.chat-customer-picker,.chat-compose>input,.chat-selected-customer,.chat-image-ready,.chat-compose>button{grid-column:1/-1}.chat-emoji-panel{width:min(340px,100vw - 40px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}