:root{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f7f8fb;--border: #e4e4ea;--border-soft: #ededf2;--track: #e7e7ec;--seg-active: #ffffff;--text: #1c1c1e;--text-2: #3a3a3c;--muted: #8a8a8e;--muted-2: #bcbcc4;--header-bg: rgba(255,255,255,.7);--btn-dark: #1c1c1e;--ok: #34c759;--warn: #ff9f0a;--shadow: rgba(20,30,60,.1);--scrollthumb: #d2d2d8;--scrollthumb-h: #b6b6be;--glow: 0 1px 2px rgba(20,30,60,.04), 0 4px 14px rgba(20,30,60,.05);--radius: 18px;--side-bg: rgba(247,247,251,.8);--side-border: #e6e6ec;--side-text: #1c1c1e;--side-dim: #8a8a8e;--side-hover: rgba(0,0,0,.045);--side-active: rgba(0,0,0,.06);--side-label: #aeaeb4}[data-theme=dark]{--bg: #0a0d13;--surface: #121823;--surface-2: #0e141d;--border: #232c3b;--border-soft: #1a2230;--track: #141b26;--seg-active: #2a3545;--text: #eaf0f8;--text-2: #c2ccda;--muted: #8b94a6;--muted-2: #697587;--header-bg: rgba(10,14,21,.72);--btn-dark: #1f2937;--ok: #2ee6a6;--warn: #f5b942;--shadow: rgba(0,0,0,.55);--scrollthumb: #2a3445;--scrollthumb-h: #3a475c;--glow: 0 0 0 1px rgba(255,255,255,.02), 0 1px 0 rgba(255,255,255,.03) inset;--radius: 16px;--side-bg: rgba(8,11,16,.86);--side-border: #1a2230;--side-text: #ffffff;--side-dim: rgba(255,255,255,.62);--side-hover: rgba(255,255,255,.05);--side-active: rgba(255,255,255,.1);--side-label: rgba(255,255,255,.34)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;background:var(--bg);transition:background .3s ease,color .3s ease}#root{height:100%}button,input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted-2)}.pim-scroll::-webkit-scrollbar{width:11px;height:11px}.pim-scroll::-webkit-scrollbar-thumb{background:var(--scrollthumb);border-radius:999px;border:3px solid transparent;background-clip:content-box}.pim-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollthumb-h);background-clip:content-box}.pim-row:hover{background:var(--surface-2)}.pim-trow{transition:background .12s}.pim-trow:hover{background:var(--surface-2)}.pim-hovercard{transition:transform .18s,box-shadow .18s,border-color .18s}.pim-hovercard:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--shadow);border-color:var(--border)}.pim-quick:hover{background:var(--surface-2)!important;border-color:var(--border)!important;transform:translateY(-1px);box-shadow:0 4px 14px var(--shadow)}.pim-asset{transition:box-shadow .15s,border-color .15s,transform .15s}.pim-asset:hover{box-shadow:0 8px 22px var(--shadow);border-color:var(--border);transform:translateY(-2px)}.pim-portalcard:hover{transform:translateY(-4px);box-shadow:0 16px 38px var(--shadow)}::selection{background:#7c5cff4d}.theme-switching *{transition:none!important}