@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;--spacing:.25rem;--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}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--page:#f5f5f7;--panel:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#e5e5ea;--line-strong:#d2d2d7;--brand:#e6002d;--brand-dark:#b80024;--brand-soft:#fff1f4;--ink:#0f1115;--success:#1f7a4d;--warning:#fff7d6;--shadow:0 14px 40px #0000000f}*{box-sizing:border-box}html,body{background:var(--page);min-height:100%;color:var(--text);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);min-height:36px;color:var(--text);cursor:pointer;background:#ffffffe0;border-radius:8px;padding:0 13px;transition:background .18s,border-color .18s,color .18s,transform .18s}button:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}button.primary,.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button.danger{color:var(--brand);background:#fff;border-color:#ffb3c0;font-weight:700}button.danger:hover{border-color:var(--brand);background:#fff1f4}input,select,textarea{border:1px solid var(--line);width:100%;min-height:39px;color:var(--text);background:#fbfbfd;border-radius:8px;outline:none;padding:9px 11px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#e6002d6b;box-shadow:0 0 0 4px #e6002d14}textarea{resize:vertical;min-height:92px}label{color:var(--muted);gap:7px;font-size:13px;display:grid}label input,label select,label textarea{color:var(--text)}.loading,.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#ffffffe6;border-radius:8px;padding:34px}.auth-panel:before{content:"";background:var(--brand);border-radius:999px;width:56px;height:5px;margin-bottom:24px;display:block}.auth-panel h1,.page-head h2{color:var(--ink);letter-spacing:0;margin:6px 0 0;font-weight:700}.auth-panel h1{font-size:30px}.eyebrow{color:var(--brand);letter-spacing:.04em;margin:0;font-size:12px;font-weight:800}.form-grid{gap:16px;margin-top:26px;display:grid}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;flex-direction:column;gap:30px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand-block{gap:10px;padding:0 10px;display:grid}.brand-logo{object-fit:contain;object-position:left center;width:150px;height:auto;display:block}.brand-block .eyebrow{color:var(--brand);letter-spacing:.08em;margin-top:2px;font-size:12px;font-weight:800}.brand-block h1{color:var(--ink);letter-spacing:0;margin:-2px 0 0;font-size:22px;font-weight:800}.sidebar nav{gap:8px;display:grid}.sidebar nav button{text-align:left;color:#3f3f46;letter-spacing:0;background:0 0;border-color:#0000;justify-content:flex-start;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:15px;font-weight:650;display:flex}.sidebar nav button span{white-space:nowrap;line-height:1}.nav-label{min-width:0}.nav-badge{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 8px 18px #e6002d2e}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;color:#8a8a90;flex:0 0 18px;width:18px;height:18px;transition:color .18s,transform .18s}.sidebar nav button.active{background:var(--brand-soft);color:var(--brand);border-color:#e6002d2e;font-weight:800;box-shadow:inset 3px 0 #e6002dd9}.sidebar nav button.active .nav-icon{color:var(--brand)}.sidebar nav button:hover{background:#f7f7f8;transform:translateY(-1px)}.sidebar nav button:hover .nav-icon{color:var(--brand)}.account-box{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding:16px 10px 0;display:grid}.account-box span{color:var(--muted);font-size:13px}.workspace{min-width:0;padding:28px;overflow-x:hidden}.stack{gap:18px;min-width:0;max-width:100%;display:grid}.page-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-head h2{font-size:30px}.panel,.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;min-width:0}.panel{padding:18px}.panel h3,.field-group h3,.mini h4{color:var(--ink);margin:0 0 14px}.metric-grid{grid-template-columns:repeat(6,minmax(118px,1fr));gap:14px;min-width:0;display:grid}.metric{gap:10px;min-width:0;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid}.metric:hover{background:#fff;border-color:#e6002d2e;transform:translateY(-3px);box-shadow:0 18px 46px #dc39721f}.metric span,td small,.hint{color:var(--muted)}.metric strong{color:var(--ink);letter-spacing:0;font-size:26px}.filters,.user-form,.inline-form{grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;min-width:0;display:grid}.customer-actions{align-items:center;gap:10px;display:flex;position:relative}.customer-page-head{align-items:flex-end;padding:2px 0 4px}.customer-page-head h2{line-height:1.05}.customer-page-head .customer-actions{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbd;border:1px solid #e5e5eac7;border-radius:999px;gap:12px;padding:6px;box-shadow:0 12px 28px #0000000a}.customer-page-head .customer-actions>button,.customer-page-head .toolbar-button{white-space:nowrap;border-radius:999px;min-height:38px;padding:0 18px;font-size:14px;font-weight:800}.customer-page-head .toolbar-button{border-color:var(--line);color:#3f3f46;background:#fff}.customer-page-head .toolbar-button:hover{color:var(--brand);border-color:#e6002d2e;box-shadow:0 10px 24px #e6002d14}.pending-count-chip{background:var(--brand-soft);min-height:38px;color:var(--brand);white-space:nowrap;border:1px solid #e6002d2e;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.pending-count-chip strong{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.customer-filters{background:linear-gradient(#fffffff0,#fcfcfddb);border:1px solid #e5e5eae6;border-radius:8px;grid-template-columns:repeat(6,minmax(160px,1fr));align-items:start;gap:12px;padding:18px;box-shadow:0 16px 38px #0000000b,inset 0 1px #ffffffdb}.customer-filters input,.customer-filters select,.customer-filters button{min-height:44px}.customer-filters input,.customer-filters select{color:#202124;background-color:#fffffff0;border-color:#d2d2d7d1;border-radius:8px;font-size:14px;font-weight:650;box-shadow:0 1px 1px #00000004,inset 0 1px #ffffffe0}.customer-filters input{padding-left:14px}.customer-filters select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#3f3f46 50%),linear-gradient(135deg,#3f3f46 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}.customer-filters input:hover,.customer-filters select:hover{background-color:#fff;border-color:#b4b4baf2;box-shadow:0 8px 20px #00000009,inset 0 1px #ffffffe6}.customer-filters input:focus,.customer-filters select:focus{background-color:#fff;border-color:#e6002d57;box-shadow:0 0 0 4px #e6002d11,0 10px 24px #e6002d0e}.customer-filters input::placeholder{color:#9b9ba1;font-weight:600}.customer-filters .filter-clear{color:#55555c;background:linear-gradient(#fff,#f8f8fa);border-color:#d2d2d7db;border-radius:999px;font-weight:800;box-shadow:inset 0 1px #ffffffe0}.customer-filters .filter-clear:hover{background:linear-gradient(180deg, #fff7f9, var(--brand-soft));color:var(--brand);border-color:#e6002d33;box-shadow:0 8px 20px #e6002d12}.column-setting-wrap{position:relative}.column-popover{z-index:15;border:1px solid var(--line);background:#fffffffa;border-radius:8px;width:330px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 60px #00000024}.column-popover:before{content:"";border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff;width:14px;height:14px;position:absolute;top:-7px;right:32px;transform:rotate(45deg)}.popover-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.popover-head strong{color:var(--ink);font-size:16px}.popover-head button{min-height:30px;color:var(--brand);border-color:#0000}.column-checks{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.column-checks label{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:14px;display:flex}.column-checks input{width:18px;min-height:18px;accent-color:var(--brand)}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:940px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 11px;font-size:13px}th{color:var(--muted);background:#fbfbfd;font-weight:700}tbody tr{transition:background .16s}tbody tr:hover td{background:#fbfbfd}td small{margin-top:4px;display:block}.empty{text-align:center;color:var(--muted);padding:40px}.load-more-row{justify-content:center;padding:16px 0 2px;display:flex}.pagination{color:var(--muted);justify-content:center;align-items:center;padding:28px 0 4px;font-size:13px;display:flex}.pagination-inner{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;gap:18px;width:fit-content;max-width:100%;padding:10px 12px;display:flex;box-shadow:0 12px 28px #0000000d}.pagination-inner>span{color:var(--muted);white-space:nowrap;font-size:12px}.pagination-buttons{align-items:center;gap:6px;display:flex}.pagination button{color:#3f3f46;background:#f7f7f9;border-color:#0000;border-radius:999px;min-height:32px;padding:0 13px;font-size:12px;font-weight:700}.pagination button:disabled{cursor:not-allowed;opacity:.42;transform:none}.pagination strong{min-width:68px;color:var(--text);text-align:center;font-size:13px;font-weight:800}.badge{background:var(--brand-soft);min-height:24px;color:var(--brand);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.action-cell{text-align:right;white-space:nowrap;width:82px;min-width:82px}.action-cell button{white-space:nowrap;word-break:keep-all}.table-wrap button.follow-action{border-color:var(--brand);background:var(--brand);color:#fff;white-space:nowrap;word-break:keep-all;justify-content:center;align-items:center;width:64px;min-width:64px;min-height:34px;padding:0 14px;font-weight:800;line-height:1;display:inline-flex;writing-mode:horizontal-tb!important}.table-wrap button.follow-action span{white-space:nowrap;word-break:keep-all;display:inline-block;writing-mode:horizontal-tb!important}.table-wrap button.follow-action:hover{border-color:var(--brand-dark);background:var(--brand-dark);color:#fff}.notice{background:var(--brand-soft);color:var(--brand-dark);border:1px solid #ffd5dd;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.45;transition:opacity .4s,transform .4s}.notice.is-leaving{opacity:0;transform:translateY(-4px)}.notice.error{color:var(--brand-dark);background:#fff5f7;border-color:#ffb3c0}.notice.warn{background:var(--warning);color:#6b4f00;border-color:#f1dd9c}.warn-row td{background:#fffdf4}.funnel-model{border:1px solid var(--line);background:#fbfbfd;border-radius:8px;gap:10px;margin-bottom:16px;padding:14px;display:grid}.funnel-model-row{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;display:grid}.funnel-model-row>span{color:var(--muted);font-size:12px}.funnel-track{justify-content:center;min-width:0;display:flex}.funnel-segment{background:var(--brand);color:#fff;cursor:pointer;transform-origin:50%;will-change:transform;border-radius:6px;justify-content:center;align-items:center;min-width:0;height:34px;transition:transform .2s,filter .2s,box-shadow .2s;display:flex;position:relative;clip-path:none!important}.funnel-segment:hover{filter:brightness(1.06)saturate(1.08);z-index:2;transform:scale(1.035);box-shadow:0 10px 20px #dc39722e}.funnel-segment strong{font-size:17px}.funnel{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.funnel button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fbfbfd;border-radius:8px;gap:8px;min-height:0;padding:14px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid}.funnel button:hover{background:#fff;border-color:#e6002d29;transform:translateY(-3px);box-shadow:0 14px 34px #dc39721a}.funnel button:focus-visible{outline-offset:3px;outline:3px solid #dc39722e}.funnel span{color:var(--muted);font-size:12px}.funnel strong{color:var(--brand);font-size:24px}.submetrics{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.submetrics span{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;padding:7px 11px;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex}.submetrics span:hover{filter:brightness(1.06)saturate(1.12);transform:translateY(-4px)scale(1.03);box-shadow:0 14px 28px #dc39722e}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title h3{margin:0}.section-title span{color:var(--muted);font-size:12px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.mini{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:14px}.chart-card{min-height:224px}.pie-card,.wide-chart{grid-column:span 2}.pie-layout{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:18px;display:grid}.donut-chart{aspect-ratio:1;filter:drop-shadow(0 12px 24px #dc39721a);width:116px;overflow:visible}.donut-bg{fill:none;stroke:#f0f0f2;stroke-width:16px}.donut-segment{cursor:pointer;transform-origin:60px 60px;transition:transform .2s,filter .2s,opacity .2s}.donut-segment:hover{filter:drop-shadow(0 9px 12px #dc397247)saturate(1.08);transform:scale(1.1)}.donut-hole{fill:#fff;stroke:none;pointer-events:none}.chart-legend{gap:8px;min-width:0;display:grid}.legend-row{border-radius:6px;grid-template-columns:9px minmax(48px,1fr) minmax(24px,max-content) minmax(40px,max-content);align-items:center;gap:8px;padding:3px 2px;font-size:11px;transition:transform .18s,background .18s;display:grid}.legend-row:hover{background:#fff6f8;transform:translateY(-1px)}.legend-row i{border-radius:999px;width:9px;height:9px}.legend-row span,.hbar-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.legend-row strong,.hbar-row strong{text-align:right;font-weight:800}.legend-row em,.hbar-row em{color:var(--muted);text-align:right;white-space:nowrap;font-style:normal}.horizontal-bars{gap:9px;display:grid}.hbar-row{border-radius:6px;grid-template-columns:minmax(58px,.8fr) minmax(96px,1.3fr) 30px 44px;align-items:center;gap:8px;padding:2px 4px;font-size:11px;transition:transform .18s,background .18s;display:grid}.hbar-row:hover{background:#fff6f8;transform:translateY(-1px)}.hbar-row>div{background:#f0f0f2;border-radius:999px;height:10px;overflow:hidden}.hbar-row i{border-radius:999px;height:100%;transition:filter .18s,transform .18s;display:block}.hbar-row:hover i{filter:brightness(1.05);transform:scaleY(1.18)}.completeness-card .horizontal-bars{gap:10px}.completeness-card .hbar-row{grid-template-columns:minmax(72px,.55fr) minmax(160px,1.8fr) minmax(38px,max-content);gap:12px;padding:3px 6px}.completeness-card .hbar-row>div{height:11px}.completeness-card .hbar-row strong{text-align:right;min-width:38px}.checkin-bubble-card{grid-column:span 2;min-height:224px}.checkin-bubble-stage{background:radial-gradient(circle,#e6002d0f,#0000 42%),linear-gradient(#fff,#fbfbfd);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;min-height:154px;margin-top:8px;padding:10px;display:grid;overflow:hidden}.checkin-stage-column{background:#ffffffb3;border:1px solid #e5e5eab8;border-radius:8px;grid-template-rows:auto 1fr;gap:6px;min-width:0;padding:8px 6px;display:grid}.checkin-stage-column>strong{color:var(--muted);font-size:11px;font-weight:800}.checkin-stage-column>div{grid-template-columns:repeat(3,minmax(0,1fr));place-content:center;place-items:center;gap:8px 4px;min-width:0;display:grid}.checkin-bubble{color:#fff;transform-origin:50%;cursor:pointer;border:0;border-radius:999px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-height:0;padding:3px;transition:transform .22s,filter .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 16px 30px #0f11151f}.checkin-bubble:focus-visible{outline-offset:3px;outline:3px solid #dc397238}.checkin-bubble:hover{filter:saturate(1.08)brightness(1.04);z-index:3;transform:scale(1.12);box-shadow:0 22px 44px #dc39723d}.checkin-bubble.muted{opacity:.36;filter:grayscale(.15);box-shadow:none}.checkin-bubble span{text-align:center;white-space:nowrap;max-width:100%;padding:0;font-size:8px;font-weight:800;line-height:1.05}.checkin-bubble-label{transform:translateY(1px)}.checkin-bubble-count{margin-top:1px}.bar-row{grid-template-columns:minmax(58px,.9fr) minmax(52px,1fr) 28px 38px;align-items:center;gap:6px;min-height:24px;margin:8px 0;font-size:11px;display:grid}.bar-row>span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.25;overflow:hidden}.bar-track{background:#f0f0f2;border-radius:999px;height:8px;overflow:hidden}.bar-track i{background:var(--brand);border-radius:999px;height:100%;display:block}.bar-row>strong{text-align:right;font-size:11px;font-weight:800}.bar-row>em{color:var(--muted);text-align:right;white-space:nowrap;font-size:11px;font-style:normal}.modal{z-index:20;overscroll-behavior:contain;background:#00000061;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--page);overscroll-behavior:contain;grid-template-rows:auto auto 1fr auto;width:min(980px,100vw);height:100%;padding:18px;display:grid;overflow:hidden}.drawer header,.drawer footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer footer{border-top:1px solid var(--line);padding-top:12px}.drawer-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.drawer-notice{margin:12px 2px 0}.form-sections{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:14px;padding:14px 2px;display:grid;overflow-y:auto}.field-group{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;padding:16px}.editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.wide{grid-column:1/-1}.readonly{color:var(--muted);gap:7px;font-size:13px;display:grid}.readonly strong{min-height:39px;color:var(--brand);background:#fbfbfd;border-radius:8px;align-items:center;padding:0 11px;display:flex}.followup-timeline{border:1px solid var(--line);background:linear-gradient(#fff,#fbfbfd);border-radius:8px;gap:12px;margin-top:2px;padding:14px;display:grid}.purchase-timeline{border:1px solid var(--line);background:linear-gradient(#fff,#fbfbfd);border-radius:8px;gap:12px;padding:14px;display:grid}.purchase-total{background:linear-gradient(135deg,#fff1f4f5,#ebffffe6);border:1px solid #e6002d24;border-radius:8px;justify-self:center;place-items:center;gap:5px;width:min(360px,100%);padding:16px;display:grid}.purchase-total span{color:var(--muted);font-size:13px;font-weight:700}.purchase-total strong{color:var(--brand);letter-spacing:0;font-size:30px;font-weight:900}.purchase-add{align-content:end;gap:7px;display:grid}.purchase-add small{color:var(--muted);font-size:12px}.purchase-list{overscroll-behavior:auto;max-height:360px;padding-right:4px;overflow:auto}.timeline-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-head div{gap:3px;display:grid}.timeline-head span,.timeline-card span,.timeline-card small,.timeline-empty{color:var(--muted);font-size:12px}.timeline-head strong{color:var(--ink);font-size:15px}.timeline-list{gap:10px;display:grid;position:relative}.timeline-list:before{content:"";background:linear-gradient(#dc3972,#abe5e8);border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:9px}.timeline-item{grid-template-columns:20px minmax(0,1fr);gap:12px;display:grid;position:relative}.timeline-dot{z-index:1;background:var(--brand);border:4px solid #fff;border-radius:999px;width:20px;height:20px;margin-top:12px;box-shadow:0 8px 18px #dc39722e}.timeline-card{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;gap:7px;padding:12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.timeline-card:hover{border-color:#dc39722e;transform:translateY(-2px);box-shadow:0 12px 28px #dc39721a}.timeline-card>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-card p{color:var(--text);margin:0;line-height:1.55}.purchase-card p{color:var(--brand);font-size:22px;font-weight:900;line-height:1.2}.timeline-empty{background:#fff;border-radius:8px;margin:0;padding:10px}.checkline{align-items:center;gap:8px;min-height:39px;display:flex}.checkline input,.chips input,td input[type=checkbox]{width:auto;min-height:auto}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips label{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;display:flex}.chips label.checked{background:var(--brand-soft);color:var(--brand);border-color:#e6002d4d}.option-layout{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.field-tabs{align-content:start;gap:8px;display:grid}.field-tabs button.active{background:var(--brand-soft);color:var(--brand);border-color:#e6002d38;font-weight:700}.option-list{align-content:start;gap:12px;display:grid}.option-list .inline-form{grid-template-columns:minmax(220px,360px) 96px;justify-content:start;align-items:center}.option-list .inline-form input,.option-list .inline-form button{min-height:44px}.option-row{grid-template-columns:minmax(260px,1fr) 88px 92px;align-items:center;gap:12px;min-height:48px;display:grid}.option-row label{border:1px solid var(--line);height:44px;color:var(--muted);background:#fbfbfd;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:6px;display:flex}.option-row input{min-height:44px}.option-row input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--brand)}.import-box{min-height:240px;font-family:var(--font-geist-mono), monospace;margin-bottom:12px}@media (max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav,.metric-grid,.funnel,.profile-grid,.filters,.customer-filters,.user-form,.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-model-row{grid-template-columns:130px minmax(0,1fr)}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-chart,.pie-card{grid-column:span 1}.pie-layout{grid-template-columns:96px minmax(0,1fr)}.pie-chart{width:92px}}@media (max-width:680px){.workspace{padding:16px}.auth-panel{padding:24px}.sidebar nav,.metric-grid,.funnel,.profile-grid,.filters,.customer-filters,.user-form,.inline-form,.editor-grid,.option-layout,.option-row{grid-template-columns:1fr}.funnel-model-row{grid-template-columns:1fr;gap:6px}.customer-actions{justify-content:space-between;width:100%}.customer-page-head .customer-actions{border-radius:8px;flex-wrap:wrap;width:100%}.customer-page-head .customer-actions>button,.customer-page-head .toolbar-button,.column-setting-wrap{flex:140px}.customer-page-head .column-setting-wrap{display:flex}.customer-page-head .toolbar-button{width:100%}.column-popover{width:min(330px,100vw - 32px);left:0;right:auto}.column-checks{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.pie-layout{grid-template-columns:1fr}.pie-chart{margin:0 auto}}