:root{--btm-purple:#6200FF;--btm-purple-2:#8C52FF;--btm-magenta:#FF1FA8;--btm-coral:#FF5A47;--btm-navy:#0D0720;--btm-lavender:#F7F4FF;--mr-deep:#221177;--mr-mid:#5B2D9A;--mr-violet:#9437FF;--mr-cyan:#73FDFF;--mr-cyan-deep:#007A8C;--grad-btm:linear-gradient(135deg,#6200FF,#FF1FA8);--grad-mr:linear-gradient(135deg,#221177,#5B2D9A,#9437FF);--grad-crm:linear-gradient(135deg,#6200FF,#9437FF);--f-display:"Bounded","Noto Sans Thai",sans-serif;--f-ui:"Instrument Sans","Noto Sans Thai",-apple-system,sans-serif;--f-th:"Noto Sans Thai",sans-serif;--f-mono:"JetBrains Mono",Consolas,monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:9999px;--ease:cubic-bezier(.2,0,0,1);--dur-1:.1s;--dur-2:.18s;--dur-3:.26s}[data-crm-theme=light]{--bg:#F8F6FC;--surface:#FFFFFF;--sunken:#F1EDF9;--raised:#FFFFFF;--ink:#171129;--ink-2:rgba(23,17,41,.66);--ink-3:rgba(23,17,41,.44);--line:rgba(23,17,41,.09);--line-strong:rgba(23,17,41,.2);--primary:#6F1BFF;--primary-hover:#5D12E3;--primary-soft:#F0E8FF;--on-primary:#FFFFFF;--success:#0E9F6E;--success-soft:#E2F6EE;--warning:#B45309;--warning-soft:#FBEFDD;--danger:#DB2B55;--danger-soft:#FBE6EC;--info:#007A8C;--info-soft:#DFF4F7;--entity-btm:#E60E92;--entity-btm-soft:#FDE7F4;--entity-mr:#008FA0;--entity-mr-soft:#DFF6F8;--focus:rgba(111,27,255,.35);--shadow-1:0 1px 2px rgba(23,17,41,.05);--shadow-2:0 4px 14px rgba(23,17,41,.07);--shadow-3:0 16px 40px rgba(23,17,41,.14)}[data-crm-theme=dark]{--bg:#0C0718;--surface:#150E28;--sunken:#0F0A1E;--raised:#1D1338;--ink:#F5F2FC;--ink-2:rgba(245,242,252,.68);--ink-3:rgba(245,242,252,.46);--line:rgba(245,242,252,.1);--line-strong:rgba(245,242,252,.24);--primary:#9B4DFF;--primary-hover:#AC69FF;--primary-soft:rgba(155,77,255,.16);--on-primary:#FFFFFF;--success:#2FD692;--success-soft:rgba(47,214,146,.14);--warning:#FFB547;--warning-soft:rgba(255,181,71,.14);--danger:#FF5E7A;--danger-soft:rgba(255,94,122,.14);--info:#73FDFF;--info-soft:rgba(115,253,255,.12);--entity-btm:#FF4DBD;--entity-btm-soft:rgba(255,31,168,.16);--entity-mr:#73FDFF;--entity-mr-soft:rgba(115,253,255,.12);--focus:rgba(155,77,255,.45);--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 4px 14px rgba(0,0,0,.45);--shadow-3:0 16px 40px rgba(0,0,0,.6),0 0 24px rgba(148,55,255,.08)}[data-density=comfortable]{--row-h:48px;--cell-px:16px;--control-h:40px;--ui-gap:12px}[data-density=compact]{--row-h:36px;--cell-px:10px;--control-h:32px;--ui-gap:8px}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}@keyframes crm-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes crm-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--f-ui);-webkit-font-smoothing:antialiased}:lang(th){line-height:1.85;letter-spacing:0}:lang(th) h1,:lang(th) h2,:lang(th) .display{line-height:1.4;letter-spacing:0}.display{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.shell{height:100%;display:flex;overflow:hidden;background:var(--bg);color:var(--ink)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.page{max-width:1180px;margin:0 auto;padding:28px 24px}.sidebar{width:216px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;color:var(--ink-2);background:transparent;border:0;width:100%;text-align:left;font-family:inherit;transition:background var(--dur-1) var(--ease)}.nav-item:hover{background:var(--sunken);color:var(--ink)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary)}.nav-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}.nav-badge{margin-left:auto;min-width:18px;height:18px;border-radius:var(--r-pill);background:var(--entity-btm-soft);color:var(--entity-btm);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:12px;padding:0 16px}.search-trigger{flex:1;max-width:420px;height:36px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;color:var(--ink-3);font-size:13px;font-family:inherit}.search-trigger:hover{border-color:var(--line-strong)}.kbd{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;background:var(--sunken);border-radius:4px;padding:2px 6px}.btn{font-family:var(--f-ui);height:36px;padding:0 14px;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease);white-space:nowrap}.btn:hover{border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border:0;background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--sunken);border-color:transparent;color:var(--ink)}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-block{width:100%}.icon-btn{width:30px;height:30px;padding:0;border-radius:var(--r-md);border:0;background:transparent;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--sunken);color:var(--ink)}:where(button,a,input,select,textarea):focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus);border-radius:var(--r-md)}.input,.select,.textarea{font-family:var(--f-ui);width:100%;height:var(--control-h);padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:14px}.textarea{height:auto;padding:10px 12px;line-height:1.5;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus);outline:none}.field-label{font-size:12.5px;font-weight:600;color:var(--ink-2);display:block;margin-bottom:5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-head{display:flex;align-items:center;gap:8px;padding:14px 18px 10px}.card-title{font-size:14px;font-weight:700}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 18px;box-shadow:var(--shadow-1);min-width:150px}.kpi-label{font-size:11.5px;font-weight:600;color:var(--ink-3)}.kpi-value{font-family:var(--f-display);font-weight:600;font-size:22px;font-variant-numeric:tabular-nums;margin:2px 0}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;align-items:start}.row{display:flex;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid var(--line);font-size:13px}.row:first-of-type{border-top:0}.row-click{cursor:pointer}.row-click:hover{background:var(--sunken)}.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;font-family:inherit}.chip:hover{border-color:var(--line-strong)}.chip.is-on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:var(--r-pill);font-size:10.5px;font-weight:700;background:var(--sunken);color:var(--ink-2)}.seg{display:inline-flex;background:var(--sunken);border-radius:var(--r-md);padding:3px;gap:2px}.seg>button{height:26px;padding:0 12px;border:0;background:transparent;border-radius:7px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer}.seg>button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.board{display:flex;gap:12px;padding:10px 24px 24px;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain}.col{flex:1 1 250px;min-width:250px;background:var(--sunken);border-radius:var(--r-lg);padding:10px;transition:background var(--dur-1) var(--ease)}.col.is-over{background:var(--primary-soft);outline:2px dashed var(--primary);outline-offset:-2px}.col-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 10px}.deal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 13px;box-shadow:var(--shadow-1);cursor:pointer;transition:box-shadow var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.deal-card:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong)}.deal-card.is-dragging{opacity:.4}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:0 var(--cell-px) 8px var(--cell-px);white-space:nowrap}.table td{padding:0 var(--cell-px);height:var(--row-h);border-top:1px solid var(--line);white-space:nowrap}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:var(--sunken)}.table-wrap{overflow-x:auto}.scrim{position:fixed;inset:0;background:#0d07206b;backdrop-filter:blur(3px);z-index:60;animation:fade var(--dur-2) var(--ease)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-3);z-index:61;display:flex;flex-direction:column;animation:slide-in var(--dur-3) var(--ease)}.drawer-head{padding:16px 20px 0;flex-shrink:0}.drawer-tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--line);overflow-x:auto}.drawer-tab{padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--ink-3);border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-family:inherit;white-space:nowrap}.drawer-tab.is-on{color:var(--ink);border-bottom-color:var(--primary)}.drawer-body{flex:1;overflow:auto;padding:18px 20px}.drawer-foot{flex-shrink:0;border-top:1px solid var(--line);padding:12px 20px;display:flex;gap:8px}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 64px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-3);z-index:61;display:flex;flex-direction:column;animation:pop var(--dur-2) var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(16px);opacity:0}}@keyframes pop{0%{transform:translate(-50%,-48%) scale(.98);opacity:0}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:80;background:var(--btm-navy);color:#fff;border-radius:var(--r-pill);padding:10px 18px;font-size:13px;font-weight:600;box-shadow:var(--shadow-3);animation:pop var(--dur-2) var(--ease)}[data-crm-theme=dark] .toast{background:var(--raised);border:1px solid var(--line-strong)}.empty{padding:28px 18px;text-align:center;color:var(--ink-3);font-size:13px}.skeleton{background:linear-gradient(90deg,var(--sunken) 25%,var(--line) 50%,var(--sunken) 75%);background-size:400px 100%;animation:crm-shimmer 1.2s infinite linear;border-radius:var(--r-sm)}.spinner{width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--primary);border-radius:50%;animation:crm-spin .7s linear infinite}.tabbar{display:none}@media(max-width:860px){.sidebar{display:none}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);z-index:40}.tabbar button{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:inherit;font-size:10px;font-weight:600;color:var(--ink-3);cursor:pointer}.tabbar button.is-on{color:var(--primary)}.content{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.page{padding:20px 16px}.board{scroll-snap-type:x mandatory;padding:10px 16px 24px}.col{flex:0 0 82vw;min-width:82vw;scroll-snap-align:start}.drawer{width:100vw;top:0;border-left:0}.topbar{padding:0 12px}.kbd{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}