@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body{color:#1a1a2e;background:#f4f5f7;margin:0;font-family:system-ui,-apple-system,sans-serif}.loading{text-align:center;padding:2rem}.error{color:#b3261e;background:#fdecea;border-radius:6px;padding:.5rem .75rem}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:.75rem;width:340px;padding:2rem;display:flex;box-shadow:0 4px 24px #00000014}.login-card h1{text-align:center;margin:0 0 .5rem;font-size:1.25rem}.shell{height:100vh;display:flex;overflow:hidden}aside{background:var(--side-bg);color:#e6e6ef;flex-direction:column;flex-shrink:0;gap:1rem;width:220px;min-height:0;padding:1rem .75rem;display:flex}aside h1{flex-shrink:0;margin:.25rem .5rem .5rem;font-size:1.1rem}aside nav{scrollbar-width:thin;scrollbar-color:var(--side-line) transparent;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}aside nav button{text-align:left;color:#c3c6d4;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.95rem;display:flex}aside nav button .menu-ico{flex-shrink:0}aside nav button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sidebar-footer{border-top:1px solid var(--side-line);flex-direction:column;flex-shrink:0;gap:.5rem;padding-top:.75rem;font-size:.85rem;display:flex}.sidebar-footer button{align-self:flex-start}main{flex:1;min-width:0;padding:1.5rem 2rem;overflow:auto}.nav-toggle{display:none}@media (width<=900px){aside{z-index:60;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:4px 0 18px #0a0f2859}aside.open{transform:none}.nav-toggle{z-index:50;background:var(--side-bg);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;position:fixed;top:.65rem;left:.65rem;box-shadow:0 2px 8px #0a0f284d}.nav-backdrop{z-index:55;background:#0a0f2873;position:fixed;inset:0}main{padding:3.4rem 1rem 1rem}}label{flex-direction:column;gap:.25rem;margin-bottom:.5rem;font-size:.9rem;display:flex}input,select{border:1px solid #cfd3dd;border-radius:6px;padding:.5rem .6rem;font-size:.95rem}button{cursor:pointer;background:#fff;border:1px solid #cfd3dd;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:1rem;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edeef2;padding:.6rem .75rem;font-size:.9rem}th{background:#fafbfc}td.center{text-align:center}.mono{font-family:ui-monospace,monospace;font-size:.78rem}.meta{word-break:break-all;max-width:340px}.form-card{background:#fff;border:1px solid #e3e5ec;border-radius:10px;max-width:460px;margin-top:1rem;padding:1.25rem 1.5rem}.field-row{flex-wrap:wrap;gap:.75rem;display:flex}.field-row>label{flex:140px;min-width:0}.field-row input,.field-row select{width:100%;min-width:0}.save-row{align-items:center;gap:.75rem;margin-top:1.25rem;margin-bottom:.5rem;display:flex}.save-toast{color:#1a7a3e;background:#e7f5ec;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;animation:.18s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.matrix-wrap{overflow-x:auto}.perm-label{color:#6b7080;font-size:.75rem}.role-actions button{margin-top:.25rem;padding:.1rem .4rem;font-size:.7rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.filter-bar input{width:280px}.info{color:#1a7a3e;background:#e7f5ec;border-radius:6px;padding:.5rem .75rem}textarea{border:1px solid #cfd3dd;border-radius:6px;padding:.5rem .6rem;font-family:inherit;font-size:.9rem}label.row{flex-direction:row;align-items:center;gap:.5rem}.widget-layout{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.embed-box{color:#d7ffd7;white-space:pre-wrap;word-break:break-all;background:#101828;border-radius:8px;max-width:420px;padding:.75rem;font-size:.72rem}.widget-preview{background:#fff;border:1px solid #dcdfe8;border-radius:16px;width:380px;height:560px}.inbox-page{flex-direction:column;height:calc(100vh - 3rem);min-height:0;display:flex}.inbox-page .inbox{flex:1;height:auto;min-height:0}.inbox-head{flex-shrink:0}.inbox-head h2{margin:0 0 .5rem}.history-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.history-filter-bar .date-filter{align-items:center;gap:.35rem;margin:0;display:inline-flex}.history-filter-bar .date-filter>span{color:#6b7080;white-space:nowrap;font-size:.78rem}.history-filter-bar .date-filter input[type=date]{width:145px}.list-group-head{text-transform:uppercase;letter-spacing:.05em;color:#6b7080;z-index:2;background:#f4f5f7;padding:.5rem .25rem .25rem;font-size:.72rem;font-weight:600;position:sticky;top:0}.session-item{position:relative}.dot-btn{cursor:pointer;color:#6b7080;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.dot-btn:hover{background:#eceef5}.dot-menu{z-index:20;background:#fff;border:1px solid #d4d7e1;border-radius:8px;flex-direction:column;min-width:220px;display:flex;position:absolute;top:32px;right:8px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.dot-menu button{text-align:left;background:#fff;border:none;border-radius:0;padding:.5rem .75rem;font-size:.8rem}.dot-menu button:hover:not(:disabled){background:var(--tint-soft)}.tmsg.internal{color:#77682e;text-align:center;background:#f8f4e8;border:1px dashed #e0d6b0;align-self:center;max-width:90%;font-size:.72rem;font-style:italic}.close-preview{margin-left:.25rem}.empty.small{padding:.5rem;font-size:.8rem}.menu-badge{color:#fff;background:#e63946;border-radius:10px;margin-left:auto;padding:.1rem .45rem;font-size:.7rem}.inbox{gap:1rem;height:calc(100vh - 3rem);display:flex}.inbox-list{flex-direction:column;flex-shrink:0;width:320px;display:flex}.inbox-filters{gap:.5rem;margin-bottom:.5rem;display:flex}.inbox-filters select{flex:1}.session-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.session-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e5ec;border-radius:10px;padding:.6rem .7rem;display:block}.session-item.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.session-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.session-sub{color:#6b7080;margin-top:2px;font-size:.72rem}.session-preview{color:#444;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.78rem;overflow:hidden}.badge{white-space:nowrap;background:#eceef5;border-radius:8px;padding:.1rem .45rem;font-size:.68rem}.badge.st-WAITING_CS{color:#7a5c00;background:#fff3cd}.badge.st-CS_HANDLING{color:#1a7a3e;background:#e7f5ec}.badge.st-CLOSED{color:#777;background:#eee}.inbox-thread{background:#fff;border:1px solid #e3e5ec;border-radius:12px;flex-direction:column;flex:1;min-width:0;display:flex}.thread-header{border-bottom:1px solid #edeef2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.thread-actions{gap:.5rem;display:flex}.thread-messages{flex-direction:column;flex:1;gap:8px;padding:1rem;display:flex;overflow-y:auto}.tmsg{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:70%;padding:.5rem .75rem;font-size:.88rem}.tmsg.MEMBER{color:#1a1a2e;background:#eef1fb;align-self:flex-start}.tmsg.CS{background:var(--brand);color:#fff;align-self:flex-end}.tmsg.AI{color:#1a1a2e;background:#dcefe4;align-self:flex-end}.tmsg.SYSTEM{color:#666;background:#f2f3f7;align-self:center;font-size:.75rem}.tmsg.typing{font-style:italic}.thread-img{cursor:pointer;border-radius:8px;max-width:260px;display:block}.thread-composer{border-top:1px solid #edeef2;padding:.6rem .8rem;position:relative}.composer-row{gap:.5rem;display:flex}.composer-row input{flex:1}.canned-picker{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;max-height:40vh;display:flex;position:absolute;bottom:100%;left:.8rem;right:.8rem;overflow:hidden auto;box-shadow:0 -4px 16px #00000014}.canned-picker button{text-align:left;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;flex-shrink:0;grid-template-columns:minmax(10rem,32%) minmax(0,1fr);align-items:center;column-gap:.75rem;width:100%;min-width:0;padding:.55rem .7rem;font-size:.8rem;display:grid}.canned-shortcut{border-right:1px solid var(--line);min-width:0;color:var(--brand);text-overflow:ellipsis;white-space:nowrap;padding-right:.75rem;font-weight:700;display:block;overflow:hidden}.canned-content{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.canned-picker button:hover,.canned-picker button.active{background:var(--tint-soft);box-shadow:inset 2px 0 0 var(--brand)}.canned-hint{color:var(--ink-3);border-top:1px solid var(--line-soft);background:var(--tint-soft);flex-shrink:0;padding:.3rem .7rem;font-size:.7rem}.io-open-btn{white-space:nowrap;margin-left:auto}.io-sec+.io-sec{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line)}.io-sec h4{margin:0 0 var(--sp-2);font-size:.92rem}.io-note{color:var(--ink-2);margin:0 0 var(--sp-3);font-size:.78rem;line-height:1.45}.io-range{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:58px 1fr 108px;align-items:center;display:grid}.io-range span{color:var(--ink-2);font-size:.8rem}.io-row{gap:var(--sp-2);align-items:center;display:flex}.io-row select,.io-row input[type=file]{flex:1;min-width:0}.pw-wrap{width:100%;display:block;position:relative}.pw-wrap .pw-input{width:100%;padding-right:34px}.pw-eye{width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-eye:hover{color:var(--ink);background:0 0}.pw-eye:focus-visible{outline:2px solid var(--focus,var(--line-strong));outline-offset:-2px}.lgx-fld .pw-eye{color:#6e6e78}.lgx-fld .pw-eye:hover{color:#ececf0}.canned-table{width:100%;margin-top:var(--sp-3);border-collapse:collapse;font-size:.84rem}.canned-table th{text-align:left;background:var(--th-bg,var(--tint-soft));color:var(--ink-2);text-transform:uppercase;letter-spacing:.03em;padding:.45rem .6rem;font-size:.74rem}.canned-table td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:.5rem .6rem}.canned-table tr.nonaktif td{opacity:.55}.canned-isi{text-overflow:ellipsis;white-space:nowrap;width:60%;max-width:0;overflow:hidden}.canned-status{border-radius:999px;padding:.15rem .55rem;font-size:.72rem}.canned-status.on{color:#1c7c3f;background:#e6f6ec;border-color:#bfe6cd}.canned-aksi{white-space:nowrap}:root[data-theme=dark] .canned-status.on{color:#7fd8a0;background:#10301d;border-color:#1e5c36}.empty{color:#888;text-align:center;padding:2rem}.modal-backdrop{z-index:50;background:#0a0f2873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:380px;max-width:90vw;padding:1.25rem 1.5rem}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:.75rem .75rem .25rem;font-size:.65rem}.modal-backdrop .form-card.popup{width:min(760px,94vw);max-width:none;max-height:86vh;margin-top:0;overflow-y:auto}.modal-backdrop .form-card.popup.wide{width:min(980px,96vw)}.popup-head{z-index:1;background:inherit;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:sticky;top:0}.popup-head h3{margin-top:0}.popup-close{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:8px;flex:none;padding:.35rem .5rem;font-size:1.05rem;line-height:1}.popup-close:hover{color:inherit;background:#0a0f280f}.fields-table{table-layout:fixed;width:100%;min-width:460px}.fields-wrap{overflow-x:auto}.fields-table th:first-child{width:17%}.fields-table th:nth-child(2){width:19%}.fields-table th:nth-child(3){width:24%}.fields-table th:nth-child(4){width:22%}.fields-table th:nth-child(5),.fields-table th:nth-child(6){width:9%}.fields-table input:not([type=checkbox]),.fields-table select{box-sizing:border-box;width:100%;min-width:0}.fields-table td input+input,.fields-table select+input{margin-top:.35rem}.form-card.campaign{max-width:640px}.campaign-preview{border-radius:14px;width:300px;font-family:system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.campaign-preview img{width:100%;display:block}.cp-close{opacity:.8;font-size:20px;line-height:1;position:absolute;top:4px;right:8px}.cp-body{white-space:pre-wrap;word-break:break-word;padding:12px 14px;font-size:13px;line-height:1.5}.cp-buttons{flex-wrap:wrap;gap:6px;padding:0 14px 12px;display:flex}.cp-btn{border:1px solid;border-radius:8px;padding:6px 10px;font-size:12px}.badge.kb-READY{color:#1a7a3e;background:#e7f5ec}.badge.kb-DRAFT{color:#7a5c00;background:#fff3cd}.badge.kb-ERROR{color:#b3261e;background:#fdecea}.qna-layout{align-items:flex-start;gap:1.5rem;display:flex}.qna-outline{flex-direction:column;flex-shrink:0;gap:4px;width:300px;max-height:70vh;display:flex;overflow-y:auto}.qna-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e5ec;border-radius:8px;padding:.5rem .7rem;font-size:.85rem}.qna-item.active{border-color:var(--brand)}.persona-editor{width:100%;max-width:800px;font-family:ui-monospace,monospace;font-size:.85rem}.test-chat{background:#fff;border:1px solid #e3e5ec;border-radius:12px;flex-direction:column;display:flex}.tmsg.clickable{cursor:pointer;outline:1px dashed #0000}.tmsg.clickable:hover{outline-color:var(--brand)}.label-chip{background:var(--tint-soft);color:var(--ink-2);margin-right:4px}.label-chip a{cursor:pointer;font-weight:700}.label-add{padding:.05rem .4rem;font-size:.65rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.tool-card{background:#fff;border:1px solid #e3e5ec;border-radius:10px;padding:.9rem 1rem}.tool-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.layer-chip{vertical-align:middle;background:#0000001f;border-radius:6px;margin-left:.5rem;padding:0 .35rem;font-size:.62rem;display:inline-block}.colors-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.presence{white-space:nowrap;font-size:.68rem;font-weight:600}.presence.on{color:#1a7a3e}.presence.off{color:#9096a4}.thread-actions{flex-wrap:wrap;justify-content:flex-end}.translate-btn.active,.info-toggle.active{background:var(--brand);color:#fff;border-color:var(--brand)}.translate-banner{background:var(--tint);color:var(--ink-2);border-bottom:1px solid var(--line);padding:.5rem 1rem;font-size:.76rem}.tmsg{flex-direction:column;gap:2px;display:flex}.tmsg-time{color:#98a0b0;align-self:flex-end;font-size:.62rem}.tmsg.MEMBER .tmsg-time{align-self:flex-start}.tmsg-time .src-chip{letter-spacing:.02em;white-space:nowrap;color:#3f4854;cursor:pointer;vertical-align:baseline;background:0 0;border:1px solid #00000047;border-radius:6px;margin-left:6px;padding:0 5px;font-size:.6rem;font-weight:650;line-height:1.5}.tmsg-time .src-chip:hover{color:#101521;border-color:#1a1a2e}.popup .src-viewer-title{margin:var(--sp-2) 0;align-items:center;gap:8px;display:flex}.popup .src-viewer-title .badge{color:#2a3242;background:#e8ebf3}.att-fallback,.att-file{color:#7a5c00;background:#fff8e6;border:1px dashed #e6d38a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.78rem;display:inline-flex}.att-file{color:var(--ink-2);background:var(--tint);border-color:var(--line)}.att-fallback button,.att-file button{padding:.15rem .5rem;font-size:.72rem}.att-loading{color:#98a0b0;font-style:italic}.att-open{position:absolute;bottom:24px;right:24px}.inbox .session-info{background:#fff;border:1px solid #e3e5ec;border-radius:12px;flex-shrink:0;width:280px;padding:.9rem 1rem;font-size:.8rem;overflow-y:auto}.si-head{letter-spacing:.05em;color:#6b7080;justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.si-row{border-bottom:1px solid #f0f1f5;flex-direction:column;gap:1px;padding:.4rem 0;display:flex}.si-row span{letter-spacing:.05em;color:#98a0b0;font-size:.62rem}.si-ua{color:#98a0b0;word-break:break-all;margin-top:.6rem;font-size:.66rem}.history-table-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.history-split .inbox-list.as-table{flex-shrink:0;width:420px}.history-split .history-table-wrap{overflow-x:auto}.history-table{border-collapse:collapse;background:#fff;width:100%;font-size:.78rem}.history-table th,.history-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edeef2;padding:.5rem .6rem}.history-table thead th{color:#6b7080;text-transform:uppercase;letter-spacing:.03em;z-index:1;background:#f4f5f7;font-size:.68rem;position:sticky;top:0}.history-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.history-table th.sortable.active{color:var(--brand)}.history-table tbody tr{cursor:pointer}.history-table tbody tr:hover{background:#f7f9ff}.history-table tbody tr.active{background:var(--tint)}.history-table td.ellip{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.history-table .muted,.pagination .muted{color:#98a0b0}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .5rem;font-size:.78rem;display:flex}.pagination .pg-left,.pagination .pg-right{align-items:center;gap:.5rem;display:flex}.pagination .pg-center{text-align:center;flex:1}.pagination select{margin:0 .15rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.row-link,.copylink-btn{cursor:pointer;background:0 0;border:none;padding:0 .2rem}.copylink-btn{border:1px solid var(--border,#d4d7e1);border-radius:6px;padding:.2rem .5rem;font-size:.78rem}.row-link:hover,.copylink-btn:hover{color:var(--brand)}.att-btn{border:1px solid var(--border,#d4d7e1);cursor:pointer;background:#fff;border-radius:8px;padding:0 .6rem;font-size:1.05rem}.att-preview{background:var(--tint-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.4rem .5rem;font-size:.75rem;display:flex}.att-preview img{object-fit:cover;border-radius:6px;width:44px;height:44px}.att-preview .att-name{color:#4a4f60;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.att-preview button{cursor:pointer;color:#98a0b0;background:0 0;border:none;font-size:1.1rem}.inbox-filters{flex-wrap:wrap;flex-shrink:0}.inbox-filters .chat-search{flex:130px;min-width:120px}.notify-toggle{flex:none;padding:.3rem .5rem}.notify-toggle.active{border-color:var(--brand);background:#eef1ff}.unread-badge{color:#fff;text-align:center;background:#e63946;border-radius:10px;min-width:18px;padding:.05rem .45rem;font-size:.7rem;font-weight:700}.session-item.has-unread{background:#fff7f7;border-color:#e6394655}.session-item.has-unread .session-preview{color:#222;font-weight:600}.tmsg-head{align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.tmsg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.62rem;font-weight:700;display:inline-flex}.tmsg-name{color:#4a4f5e;font-size:.72rem;font-weight:600}.tmsg.CS .tmsg-name{color:#1a7a3e}.select-ws-wrap{background:#f4f5f7;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.select-ws{background:#fff;border:1px solid #e3e5ec;border-radius:14px;width:100%;max-width:440px;padding:2rem;box-shadow:0 10px 30px #141e3c14}.select-ws h1{margin:0 0 .25rem;font-size:1.3rem}.select-ws>input{width:100%;margin:.75rem 0}.ws-list{flex-direction:column;gap:8px;max-height:46vh;display:flex;overflow-y:auto}.ws-item{text-align:left;cursor:pointer;background:#fafbfd;border:1px solid #e3e5ec;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.ws-item:hover{border-color:var(--brand);background:var(--tint-soft)}.ws-logo{background:var(--brand);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex;overflow:hidden}.ws-logo img{object-fit:cover;width:100%;height:100%}.ws-logo.small{border-radius:6px;width:26px;height:26px;font-size:.8rem}.ws-name{flex:1;font-weight:600}.ws-code{color:#6b7080;font-size:.72rem}.ws-footer{border-top:1px solid #edeef2;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.ws-current{background:#262b3a;border-radius:10px;align-items:center;gap:.5rem;margin:0 0 .75rem;padding:.5rem .6rem;display:flex}.ws-current-name{flex:1;min-width:0;line-height:1.15}.ws-current-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.ws-current-name small{color:#98a0b0;font-size:.68rem}.ws-current button{border:1px solid var(--side-line);color:var(--side-ink);cursor:pointer;background:0 0;border-radius:6px;padding:.15rem .4rem}.ws-current button:hover{border-color:var(--side-active);color:#fff}.ws-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ws-item-row{align-items:center;gap:6px;display:flex}.ws-item-row .ws-item{flex:1;min-width:0}.ws-trash{cursor:pointer;background:#fff;border:1px solid #e3e5ec;border-radius:8px;flex-shrink:0;padding:.5rem .6rem}.ws-trash:hover{background:#fff5f5;border-color:#e63946}.ws-archived{border-top:1px dashed #e3e5ec;margin-top:.9rem;padding-top:.6rem}.ws-archived-toggle{color:#6b7080;cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-size:.78rem}.ws-item-row.archived{background:#fafbfd;border:1px solid #edeef2;border-radius:10px;gap:.6rem;margin-top:6px;padding:.45rem .6rem}.ws-item-row.archived .ws-name{flex:1;min-width:0;font-size:.85rem}.ws-item-row.archived button{padding:.3rem .55rem;font-size:.75rem}button.danger{color:#fff;background:#e63946;border-color:#e63946}button.danger:disabled{color:#fff;cursor:not-allowed;background:#f0a6ad;border-color:#f0a6ad}.modal form label{margin-bottom:.55rem;display:block}.modal label code{background:#f4f5f7;border-radius:4px;padding:0 .3rem}.bot-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.5rem;display:flex}.bot-header h2{margin:0}.bot-crumb{color:#6b7080;margin-top:2px;font-size:.75rem;display:block}.bot-meta{color:#4a4f5e;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.bot-tabs{border-bottom:1px solid #e3e5ec;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;padding-bottom:.6rem;display:flex}.bot-subtabs{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;display:flex}.bot-subtabs button{background:#fff;border:1px solid #d4d7e1;border-radius:999px;padding:.3rem .7rem;font-size:.78rem}.bot-subtabs button.active{border-color:var(--brand);color:var(--brand);background:#eef1ff;font-weight:600}.bot-subtabs button.disabled,.bot-subtabs button:disabled{opacity:.5;cursor:not-allowed}.bot-section{border-top:1px dashed #e3e5ec;margin-top:1.25rem;padding-top:.75rem}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:.75rem 0;display:grid}.ov-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e5ec;border-radius:12px;flex-direction:column;gap:4px;padding:.9rem;display:flex}.ov-card:hover:not(:disabled){border-color:var(--brand)}.ov-card:disabled{cursor:default}.ov-value{font-size:1.3rem;font-weight:700}.ov-label{color:#6b7080;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.ai-provider{max-width:640px}.ai-live{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.ai-test{background:#fafbfd;border:1px solid #e3e5ec;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:.75rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.ai-form label{margin-bottom:.7rem;display:block}.ai-key-row{gap:6px;display:flex}.ai-key-row input{flex:1}.ai-note{color:#6b5d2e;background:#fffaf0;border:1px solid #f1e3c0;border-radius:10px;margin-top:.9rem;padding:.7rem .9rem;font-size:.8rem}.ai-sep{border:0;border-top:1px solid var(--line);margin:1.5rem 0 1rem}.ai-sub{margin:0 0 .35rem;font-size:.95rem}.ai-form .ai-sub-note{margin:0 0 1rem;font-size:.78rem;line-height:1.55}.ai-adv{max-width:640px;margin-top:1rem}.ai-adv>summary{cursor:pointer;color:var(--ink-2);-webkit-user-select:none;user-select:none;padding:.45rem 0;font-size:.85rem}.ai-adv>summary:hover{color:inherit}.ai-adv>summary:focus-visible{outline:2px solid var(--line-strong);outline-offset:2px;border-radius:4px}.ai-adv[open]>summary{margin-bottom:.5rem}.preset-card{max-width:560px}.preset-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.preset-head h3{margin:0}.tmsg.botgen{color:#667;font-variant-numeric:tabular-nums;font-style:italic}.mode-switch{border:1px solid var(--border,#d4d7e1);border-radius:8px;display:inline-flex;overflow:hidden}.mode-switch button{cursor:pointer;background:0 0;border:none;border-radius:0;padding:.3rem .8rem;font-size:.85rem}.mode-switch button.active{background:var(--brand-ink);color:#fff;font-weight:600}.mode-switch button.active.sandbox{background:#b45309}.sandbox-banner{color:#7c2d12;background:#fff7ed;border:1px solid #fdba74;border-left:5px solid #ea580c;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem 0 1rem;padding:.6rem .9rem;display:flex}.sandbox-banner button{color:#9a3412;cursor:pointer;background:#fff;border:1px solid #ea580c;border-radius:6px;margin-left:auto;padding:.25rem .7rem}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;margin-top:.8rem;display:grid}.bot-card{border:1px solid var(--border,#d4d7e1);background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.bot-card-main{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:0;display:flex}.bot-avatar{background:var(--brand-ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:inline-flex;overflow:hidden}.bot-avatar img{object-fit:cover;width:100%;height:100%}.bot-card-name{flex-direction:column;flex:1;min-width:0;display:flex}.bot-card-name small{color:#667}.bot-card-meta{color:#556;font-size:.82rem}.bot-card-actions{flex-wrap:wrap;gap:.4rem;display:flex}.bot-detail-head{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--ink:#1c2333;--ink-2:#55607a;--ink-3:#8a93a8;--line:#e4e7ef;--line-soft:#eef0f6;--brand:#3455db;--brand-ink:#26409c;--surface:#fff;--canvas:#f6f7fb;--radius:10px;--radius-lg:14px;--shadow-1:0 1px 2px #1018280d;--shadow-2:0 4px 14px #10182814}main{color:var(--ink)}main h2{letter-spacing:-.01em;font-size:1.35rem;font-weight:700}main h3{margin-bottom:var(--sp-3);font-size:1.02rem;font-weight:650}.muted,.perm-label{color:var(--ink-2);line-height:1.5}.bot-header{margin-bottom:var(--sp-4);align-items:center}.bot-crumb{color:var(--ink-3);letter-spacing:.02em;font-size:.82rem}.bot-tabs{gap:var(--sp-2);margin:var(--sp-4) 0;flex-wrap:wrap;display:flex}.bot-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:.42rem .95rem;font-size:.86rem;font-weight:550;transition:all .15s}.bot-tabs button:hover:not(.primary){border-color:var(--brand);color:var(--brand-ink)}.bot-tabs button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--shadow-1)}.bot-subtabs{gap:var(--sp-1);border-bottom:2px solid var(--line-soft);margin:var(--sp-4) 0 var(--sp-4);display:flex}.bot-subtabs button{color:var(--ink-2);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-2px;padding:.5rem .9rem;font-size:.88rem}.bot-subtabs button:hover:not(.disabled){color:var(--brand-ink);background:var(--line-soft)}.bot-subtabs button.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}main button{transition:background .15s,border-color .15s,color .15s,box-shadow .15s}main button:hover:where(:not(:disabled)):where(:not(.primary)):where(:not(.danger)):where(:not(.ghost-danger)):where(:not(.icon-btn)):where(:not(.qna-item)):where(:not(.on)){background:#f8f9fd;border-color:#b9c0d4}main button.primary:hover:not(:disabled){background:var(--brand-ink);border-color:var(--brand-ink)}main button:focus-visible,main input:focus-visible,main select:focus-visible,main textarea:focus-visible{outline-offset:1px;outline:2px solid #3455db73}main button.danger{color:#b42318;background:#fff;border-color:#f3b4b4}main button.danger:hover:not(:disabled){background:#fef3f2;border-color:#d92d20}main label{gap:var(--sp-1);color:var(--ink-2);margin-bottom:var(--sp-3);font-size:.86rem;font-weight:550}main input,main select{color:var(--ink);border-radius:8px;padding:.52rem .7rem;font-size:.92rem}main textarea{resize:vertical;border-radius:8px;min-height:6.5rem;padding:.6rem .7rem;font-size:.92rem;line-height:1.5}main input::placeholder,main textarea::placeholder{color:#a7aec2}.form-card{border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow-1);padding:var(--sp-5);margin-top:var(--sp-4)}.form-card.wide{max-width:980px}.bot-section{margin-top:var(--sp-5)}.save-row{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.filter-bar{gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-4);flex-wrap:wrap;align-items:center}main table{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);margin-top:0}main th{color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f4f6fb;padding:.6rem .85rem;font-size:.76rem;font-weight:650}main td{border-bottom:1px solid var(--line-soft);overflow-wrap:anywhere;padding:.68rem .85rem;font-size:.89rem;line-height:1.45}main tbody tr:last-child td{border-bottom:none}main td .mono{font-size:.76rem}main td button{padding:.3rem .65rem;font-size:.8rem}.badge{letter-spacing:.02em;border-radius:999px;font-weight:650}.bot-card{box-shadow:var(--shadow-1);transition:box-shadow .15s,transform .15s}.bot-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.bot-card-name strong,.bot-card-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bot-card-meta{border-top:1px dashed var(--line-soft);padding-top:var(--sp-2)}.bot-card-actions{padding-top:var(--sp-1);margin-top:auto}.bot-detail-head{position:static}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (width<=700px){.bot-grid{grid-template-columns:1fr}.bot-detail-head{position:static}.filter-bar input{width:100%;min-width:0!important}}main{overflow-x:hidden}body{letter-spacing:-.011em;background:var(--canvas);font-family:Inter Variable,system-ui,-apple-system,sans-serif}aside{background:var(--side-bg);width:232px;padding:1.1rem .8rem}aside h1{letter-spacing:.01em;background:linear-gradient(90deg,#fff,#b9b9c2);color:#0000;-webkit-background-clip:text;background-clip:text;padding-left:.35rem;font-size:1.02rem;font-weight:750}.ws-current{background:#ffffff0f;border:1px solid #ffffff17;border-radius:12px;padding:.55rem .6rem}aside nav button{color:var(--side-ink);border-radius:10px;padding:.55rem .7rem;font-weight:550;transition:background .15s,color .15s}aside nav button:hover{color:#fff;background:#ffffff12}aside nav button.active{background:linear-gradient(90deg, var(--brand), var(--brand-2));color:#fff;box-shadow:0 4px 12px #3455db59}.nav-group{color:var(--ink-3);letter-spacing:.14em;font-size:.66rem;font-weight:700}.sidebar-footer{color:var(--side-ink);border-top:1px solid #ffffff17}.sidebar-footer button{color:#dde3f5;background:#ffffff0d;border-color:#ffffff2e;border-radius:8px}.sidebar-footer button:hover{background:#ffffff1f}.menu-badge{box-shadow:0 0 0 3px #e6394638}main button.primary,.login-card button.primary{background:linear-gradient(180deg, var(--brand-2), var(--brand));border-color:var(--brand-ink);font-weight:600;box-shadow:0 1px 2px #1018281a,inset 0 1px #ffffff2e}main button.primary:hover:not(:disabled){background:linear-gradient(180deg, var(--brand-2), var(--brand-ink))}main button:active:not(:disabled){transform:translateY(1px)}.badge{border:1px solid #0000;align-items:center;gap:.32rem;padding:.16rem .6rem;display:inline-flex}.badge.st-CS_HANDLING,.badge.st-WAITING_CS,.badge.st-CLOSED{position:relative}.badge.st-CS_HANDLING:before,.badge.st-WAITING_CS:before,.badge.st-CLOSED:before{content:"";border-radius:50%;flex:none;width:7px;height:7px}.badge.st-CS_HANDLING{color:#157347;background:#e5f6ec;border-color:#bfe7d0}.badge.st-CS_HANDLING:before{background:#1fa45c}.badge.st-WAITING_CS{color:#93670a;background:#fdf3d8;border-color:#f2ddad}.badge.st-WAITING_CS:before{background:#eab308}.badge.st-CLOSED{color:#5b6472;background:#eef0f4;border-color:#dde1e8}.badge.st-CLOSED:before{background:#98a1b2}.form-card,.bot-card{border-radius:var(--radius-lg);box-shadow:0 1px 2px #1018280d,0 1px 6px #1018280a}.bot-card:hover{box-shadow:0 3px 8px #10182812,0 10px 28px #1018281a}.bot-avatar{background:linear-gradient(135deg, var(--brand), var(--brand-2));box-shadow:inset 0 -6px 12px #0000002e}.bot-header h2{padding-left:.75rem;position:relative}.bot-header h2:before{content:"";background:linear-gradient(180deg, var(--brand), var(--brand-2));border-radius:4px;width:4px;position:absolute;top:.2em;bottom:.2em;left:0}.login-wrap{background:radial-gradient(700px 380px at 15% -10%,#ffffff17,#0000 60%),radial-gradient(600px 340px at 110% 110%,#ffffff0d,#0000 60%),linear-gradient(160deg,#0d0d0f,#1e1e23)}.login-card{border:1px solid #fff9;border-radius:16px;box-shadow:0 24px 60px #060c2273}.modal-backdrop{animation:.14s fadeIn}.modal-backdrop .form-card{animation:.16s popIn}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(6px)scale(.98)}}main::-webkit-scrollbar{width:10px}aside::-webkit-scrollbar{width:10px}main::-webkit-scrollbar-thumb{border:2px solid var(--canvas);background:#cdd3e1;border-radius:8px}aside::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}.widget-layout{gap:var(--sp-5);grid-template-columns:minmax(420px,1fr) 396px;align-items:start;max-width:1160px;display:grid}.widget-layout>div:last-child{top:var(--sp-3);position:sticky}.widget-layout .widget-preview{width:100%;max-width:396px}@media (width<=980px){.widget-layout{grid-template-columns:1fr}.widget-layout>div:last-child{position:static}}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.bot-stats{gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-4);flex-wrap:wrap;display:flex}.stat-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--sp-3) var(--sp-4);flex-direction:column;flex:130px;gap:2px;min-width:130px;max-width:240px;display:flex}.stat-chip .stat-value{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.stat-chip .stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:650}.stat-chip.ok .stat-value{color:#157347}.stat-chip.warn .stat-value{color:#93670a}.badge.closed-SYSTEM{color:#45526b;background:#e8edf5;border-color:#d2dae8}.badge.closed-SYSTEM:before{content:"";background:#64748b;border-radius:50%;width:7px;height:7px}.badge.closed-MEMBER{color:#0e6a80;background:#e0f4fa;border-color:#bfe6f0}.badge.closed-MEMBER:before{content:"";background:#0ea5c9;border-radius:50%;width:7px;height:7px}.badge.closed-AGENT{color:#96550e;background:#fdeeda;border-color:#f4d9b6}.badge.closed-AGENT:before{content:"";background:#ea8b0c;border-radius:50%;width:7px;height:7px}.page-wrap{max-width:1360px;margin-inline:auto}.page-wrap .form-card,.page-wrap .form-card.wide{max-width:none}.widget-layout{grid-template-columns:minmax(0,1fr) 420px;max-width:none}.widget-layout .form-card{max-width:none}.widget-layout .widget-preview{max-width:420px}.persona-editor{box-sizing:border-box;width:100%;max-width:none}main>div>table{width:100%}@media (width<=1180px){.widget-layout{grid-template-columns:minmax(0,1fr)}.widget-layout>div:last-child{position:static}.widget-layout .widget-preview{max-width:420px}}.widget-col-form{min-width:0}.widget-col-form table{max-width:100%;display:block;overflow-x:auto}.widget-layout .embed-box{max-width:100%}.nav-sub{border-left:1px solid #ffffff24;flex-direction:column;gap:2px;margin:2px 0 4px 26px;padding-left:6px;display:flex}.nav-sub button{text-align:left;color:var(--side-ink);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.34rem .6rem;font-size:.82rem}.nav-sub button:hover{color:#fff;background:#ffffff12}.nav-sub button.active{background:var(--side-active);color:var(--side-active-ink);font-weight:600}.bot-detail-split{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 400px;align-items:start;display:grid}.bot-detail-main{min-width:0}.preview-pane{top:var(--sp-3);gap:var(--sp-4);flex-direction:column;max-height:calc(100vh - 24px);display:flex;position:sticky;overflow-y:auto}.preview-pane .form-card{padding:var(--sp-4);margin-top:0}.preview-pane-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.preview-pane-head h3{margin:0}.preview-pane .test-chat{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:none;height:auto;overflow:hidden}.preview-pane .thread-messages{height:360px;padding:var(--sp-3);flex:none;overflow-y:auto}.preview-pane .perm-label{margin-top:var(--sp-2)}.sources-card h3{margin-bottom:var(--sp-2)}.sources-grid{flex-direction:column;gap:6px;display:flex}.sources-row{grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.sources-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.74rem;font-weight:650}.sources-value{overflow-wrap:anywhere;font-size:.85rem;line-height:1.45}@media (width<=1180px){.bot-detail-split{grid-template-columns:1fr}.preview-pane{position:static}}aside nav button{position:relative}aside nav button.active{color:#fff;box-shadow:none;background:#6682ff24}aside nav button.active:before{content:"";background:var(--side-active);border-radius:3px;width:3px;position:absolute;top:22%;bottom:22%;left:0}.stat-chip{border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);border:none;gap:4px;max-width:260px;box-shadow:0 4px 12px #1018280f}.stat-chip .stat-value{letter-spacing:-.01em;font-size:1.45rem;line-height:1.2}.stat-chip .stat-label{color:var(--ink-2)}.bot-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.bot-card{padding:var(--sp-4);gap:var(--sp-3);border:none}.bot-card-top{align-items:center;gap:var(--sp-2);display:flex}.bot-card-top .bot-card-main{flex:1;min-width:0}.bot-card-name .badge{align-self:flex-start;margin-top:5px}.bot-open{border-radius:999px;flex:none;padding:.4rem 1rem;font-weight:550}.bot-card-meta{border-top:1px solid var(--line-soft);color:var(--ink-2)}.bot-card-meta small{color:var(--ink-2)}.cta{border-radius:999px!important;padding:.55rem 1.2rem!important;box-shadow:0 6px 16px #3455db47!important}.push-right{margin-left:auto}.save-row{justify-content:flex-end}.save-left{gap:var(--sp-2);align-items:center;margin-right:auto;display:inline-flex}.search-box{align-items:center;display:inline-flex;position:relative}.search-box svg{color:var(--ink-3);pointer-events:none;position:absolute;left:11px}.search-box input{border-radius:999px;width:260px;padding-left:34px}.bot-detail-head{padding:var(--sp-4) var(--sp-5);border:none;box-shadow:0 4px 14px #10182812}main button.ghost-danger{color:#b42318;background:0 0;border-color:#0000;align-items:center;gap:5px;font-weight:550;display:inline-flex}main button.ghost-danger:hover:not(:disabled){color:#d92d20;background:#fef3f2;border-color:#0000}.bot-tabs{gap:var(--sp-1);border-bottom:2px solid var(--line-soft);margin:var(--sp-4) 0 var(--sp-5)}.bot-tabs button,.bot-tabs button.primary{box-shadow:none;color:var(--ink-2);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-2px;padding:.55rem .95rem;font-weight:550}.bot-tabs button:hover:not(.primary){color:var(--brand-ink);background:var(--line-soft);border-bottom-color:#0000}.bot-tabs button.primary{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}.bot-tabs button.primary:hover:not(:disabled){background:var(--line-soft)}main input,main select,main textarea{background:#f7f8fc;border-color:#e7eaf3;transition:border-color .12s,background .12s,box-shadow .12s}main input:focus,main select:focus,main textarea:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 3px #3455db1f}.f-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:.7rem;font-weight:700}.f-help{color:var(--ink-3);margin-top:2px;font-size:.74rem;font-weight:450;line-height:1.45}.persona-wrap{max-width:860px;position:relative}.persona-editor{color:#e6e6ea;caret-color:#e6e6ea;background:#131316;border:1px solid #2c2c32;border-radius:12px;min-height:320px;padding:2.2rem 1.1rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.65;box-shadow:inset 0 2px 8px #00000047}main .persona-editor:focus{background:#131316;border-color:#6a6a74;box-shadow:inset 0 2px 8px #00000047,0 0 0 3px #ffffff1f}.persona-counter{color:#b9b9c2;pointer-events:none;background:#131316d9;border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:.72rem;position:absolute;top:8px;right:12px}.persona-counter.over{color:#ffb4a8}.empty-state{text-align:center;padding:var(--sp-5) var(--sp-4);color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;display:flex}.empty-state svg{color:var(--ink-3)}.empty-state strong{color:var(--ink);font-size:.92rem}.empty-state span{color:var(--ink-3);max-width:280px;font-size:.8rem;line-height:1.5}main table{border-radius:var(--radius-lg);border:none;box-shadow:0 1px 2px #1018280d,0 4px 14px #1018280d}main th{border-bottom:1px solid var(--line);background:#fff;padding:.7rem .9rem}main td{padding:.8rem .9rem}.bot-detail-main table td:first-child{min-width:200px}.badge{white-space:nowrap}.table-scroll{border-radius:var(--radius-lg);overflow-x:auto}.table-scroll table{margin-top:0}.badge.lbl-0{color:#8a6a08;background:#fdf3d8}.badge.lbl-1{color:#2a4bbf;background:#e3edff}.badge.lbl-2{color:#147a44;background:#e2f7e9}.badge.lbl-3{color:#6d3bbf;background:#f1e7fd}.badge.lbl-4{color:#b62c65;background:#fdeaf1}.badge.lbl-5{color:#0c7d78;background:#ddf6f5}.badge+.badge{margin-left:4px}.badge.kb-READY:before,.badge.kb-DRAFT:before,.badge.kb-ERROR:before{content:"";border-radius:50%;flex:none;width:7px;height:7px}.badge.kb-READY:before{background:#1fa45c}.badge.kb-DRAFT:before{background:#eab308}.badge.kb-ERROR:before{background:#ef4444}.row-actions{gap:2px;display:inline-flex}main .icon-btn{color:var(--ink-2);background:0 0;border:none;border-radius:8px;align-items:center;padding:.34rem;line-height:1;display:inline-flex}main .icon-btn:hover:not(:disabled){background:var(--line-soft);color:var(--brand-ink);border-color:#0000}main .icon-btn.danger-ico{color:#c0392b}main .icon-btn.danger-ico:hover:not(:disabled){color:#d92d20;background:#fef3f2}.reveal{opacity:0;transition:opacity .12s}tr:hover .reveal,.reveal:focus-visible{opacity:1}.pager{margin:var(--sp-4) 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.pager button{min-width:32px;height:32px;color:var(--ink-2);background:0 0;border:none;border-radius:8px;font-weight:550}main .pager button:hover:not(:disabled):not(.on){background:var(--line-soft);border-color:#0000}.pager button.on{background:var(--brand);color:#fff}.pager button:disabled{opacity:.35}.qna-outline{background:var(--surface);border-radius:var(--radius-lg);width:320px;padding:var(--sp-3);gap:2px;box-shadow:0 1px 2px #1018280d,0 4px 14px #1018280d}.qna-head{gap:var(--sp-2);margin-bottom:var(--sp-2);flex-direction:column;display:flex}.qna-head .search-box input{border-radius:10px;width:100%}.qna-item{color:var(--ink);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:.55rem .7rem .55rem .85rem;display:flex;position:relative}.qna-item:hover{background:var(--line-soft)}.qna-item.active{color:var(--brand-ink);background:#3455db14;font-weight:550}.qna-item.active:before{content:"";background:var(--brand);border-radius:3px;width:3px;position:absolute;top:18%;bottom:18%;left:0}.qna-dot{background:#1fa45c;border-radius:50%;flex:none;width:8px;height:8px}.qna-dot.wait{background:#eab308}.qna-dot.off{background:#c3c9d8}.qna-item .q-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qna-item .inactive{color:var(--ink-3);text-decoration:none}.dv-key{color:var(--brand-ink);border:1px solid var(--line);white-space:nowrap;background:#eef2fe;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.dv-key-wrap{align-items:center;gap:4px;display:inline-flex}.dv-value{-webkit-line-clamp:2;white-space:pre-line;overflow-wrap:normal;word-break:normal;-webkit-box-orient:vertical;min-width:160px;max-width:520px;display:-webkit-box;overflow:hidden}.copy-toast{color:#e8edfb;z-index:90;background:#101729;border-radius:10px;padding:.55rem .95rem;font-size:.85rem;animation:.18s ease-out toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #1018284d}.drawer-backdrop{z-index:70;background:#10162b59;animation:.14s fadeIn;position:fixed;inset:0}.drawer{z-index:71;width:min(400px,92vw);padding:var(--sp-5);background:#fff;flex-direction:column;animation:.18s ease-out drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px #1018282e}@keyframes drawer-in{0%{opacity:0;transform:translate(28px)}}.drawer h3{margin-bottom:var(--sp-3)}.drawer .save-row{margin-top:auto}@media (width<=900px){.qna-layout{flex-direction:column}.qna-outline{width:100%;max-height:40vh}.search-box input{width:100%}}@media (hover:none){.reveal{opacity:1}}.nav-sub button.active:before{content:none}.table-scroll{box-shadow:0 1px 2px #1018280d,0 4px 14px #1018280d}.table-scroll table{box-shadow:none}.save-row .save-toast{order:-1;margin-right:auto}.persona-wrap+.save-row{max-width:860px}.qna-outline{flex-direction:column;max-height:70vh;display:flex;overflow:hidden}.qna-head{flex-shrink:0}.qna-list{flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.src-cards{margin-top:var(--sp-3);flex-direction:column;gap:6px;display:flex}.src-card{text-align:left;color:#1a1a2e;border:1px solid var(--line-soft);cursor:pointer;background:#f8f9fd;border-radius:10px;align-items:center;gap:8px;width:100%;padding:.5rem .65rem;transition:border-color .12s,background .12s;display:flex}main button.src-card:hover:not(:disabled){border-color:var(--brand);background:#f1f4ff}.src-kind{letter-spacing:.04em;text-transform:uppercase;color:#2a4bbf;background:#e3edff;border-radius:999px;flex:none;padding:2px 8px;font-size:.66rem;font-weight:700}.src-kind.qna{color:#147a44;background:#e2f7e9}.src-kind.tool{color:#6d3bbf;background:#f1e7fd}.src-card.static{cursor:default}.src-title{overflow-wrap:anywhere;font-size:.82rem;line-height:1.4}.modal-backdrop .src-viewer{width:min(720px,94vw);max-width:720px;max-height:80vh;overflow-y:auto}.src-viewer h3{align-items:center;gap:8px;display:flex}.src-body{white-space:pre-wrap;color:#1a1a2e;padding:var(--sp-4);background:#f8f9fd;border-radius:10px;max-height:55vh;font-size:.88rem;line-height:1.6;overflow-y:auto}.pager-bar{align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0;flex-wrap:wrap;display:flex}.pager-size{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;flex-direction:row!important;margin:0!important}.pager-size select{padding:.3rem .5rem;font-size:.82rem}.pager-bar .pager{flex:1;margin:0}.fmt-toolbar{gap:2px;margin:4px 0 6px;display:flex}.fmt-toolbar .icon-btn{border:1px solid var(--line-soft);background:#fff}.card-divider{border-top:1px solid var(--line-soft);margin:var(--sp-4) 0}.pv-widget{background:var(--pvw-bg,#f6f7fb)}.pvw-header{background:var(--pvw-header,#0f3460);color:#fff;align-items:center;gap:8px;padding:10px 12px;display:flex}.pvw-hinfo{min-width:0}.pvw-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pvw-tagline{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.pvw-status{opacity:.9;align-items:center;gap:4px;font-size:11px;display:flex}.pvw-dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.pvw-body{background:var(--pvw-bg,#f6f7fb);color:var(--pvw-text,#1a1a2e);flex-direction:column;gap:8px;display:flex}.pvw-msg{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:84%;padding:8px 12px;font-size:.86rem;line-height:1.5}.pvw-msg.member{background:var(--pvw-theme,#0f3460);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.pvw-msg.other{background:#fff;border:1px solid #e5e7ef;border-bottom-left-radius:4px;align-self:flex-start}.pvw-msg.system{color:#555;text-align:center;background:#eceef5;border-radius:10px;align-self:center;max-width:92%;font-size:.74rem}.pvw-msg.typing{opacity:.7;font-style:italic}.pvw-msg-name{color:var(--pvw-theme,#0f3460);margin-bottom:2px;font-size:11px;font-weight:600}.pvw-msg-time{opacity:.55;text-align:right;margin-top:4px;font-size:10px}.pvw-msg.clickable{cursor:pointer}.pvw-msg.clickable:hover{outline:1px dashed var(--brand);outline-offset:1px}.pvw-msg .layer-chip{margin-left:6px}.pvw-composer{background:#fff;border-top:1px solid #e5e7ef;align-items:center;gap:8px;padding:10px 12px;display:flex}main .pvw-input{background:#fff;border:1px solid #d4d7e1;border-radius:20px;flex:1;min-width:0;padding:9px 14px;font-size:.88rem}main .pvw-input:focus{border-color:var(--pvw-theme,#0f3460);box-shadow:none;background:#fff}main .pvw-send{background:var(--pvw-button,var(--pvw-theme,#0f3460));color:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:inline-flex}main .pvw-send:hover:not(:disabled){background:var(--pvw-button,var(--pvw-theme,#0f3460));filter:brightness(1.1);border-color:#0000}.tmsg-body,.pvw-msg-body{line-height:1.55}.rt-line{white-space:pre-wrap}.rt-li+.rt-li{margin-top:.35em}.rt-gap{height:.6em}.rt-line strong{font-weight:700}.tmsg-body .img-caption{margin-top:6px}:root{--brand:#18181b;--brand-2:#3f3f46;--brand-ink:#000;--on-brand:#fff;--ink:#18181b;--ink-2:#52525b;--ink-3:#9f9fa8;--line:#e4e4e7;--line-soft:#f0f0f2;--line-strong:#c9c9cf;--surface:#fff;--canvas:#f7f7f8;--side-bg:#101012;--side-hover:#222226;--side-line:#2c2c31;--side-ink:#d4d4d8;--side-active:#fff;--side-active-ink:#101012;--focus:#18181b66;--tint:#ececee;--tint-soft:#f4f4f5;--th-bg:#f4f4f5;--row-hover:#fafafa}:root[data-theme=dark]{--brand:#e4e4e7;--brand-2:#a1a1aa;--brand-ink:#fff;--on-brand:#101012;--ink:#ececf0;--ink-2:#a7a7b0;--ink-3:#6e6e78;--line:#2c2c32;--line-soft:#232328;--line-strong:#3f3f46;--surface:#17171b;--canvas:#0d0d0f;--side-bg:#0a0a0c;--side-hover:#1d1d21;--side-line:#26262b;--side-ink:#b8b8c0;--side-active:#ececf0;--side-active-ink:#0a0a0c;--focus:#ececf073;--tint:#26262b;--tint-soft:#1e1e23;--th-bg:#1c1c20;--row-hover:#1c1c20;--shadow-1:0 1px 2px #00000080;--shadow-2:0 4px 14px #0000008c}body{color:var(--ink);background:var(--canvas)}aside{background:var(--side-bg);color:var(--side-ink)}aside nav button{color:var(--side-ink)}aside nav button:hover{background:var(--side-hover);color:#fff}aside nav button.active{background:var(--side-active);color:var(--side-active-ink)}.nav-group{color:var(--ink-3)}main button,.login-card button,.sidebar-footer button{background:var(--surface);color:var(--ink);border-color:var(--line)}main button.primary,.login-card button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}main button.primary:hover:not(:disabled){background:var(--brand-2);border-color:var(--brand-2);color:var(--on-brand)}main button:hover:where(:not(:disabled)):where(:not(.primary)):where(:not(.danger)):where(:not(.ghost-danger)):where(:not(.icon-btn)):where(:not(.qna-item)):where(:not(.on)){border-color:var(--line-strong);background:var(--row-hover)}main input,main select,main textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}main input:focus,main select:focus,main textarea:focus{background:var(--surface)}main button:focus-visible,main input:focus-visible,main select:focus-visible,main textarea:focus-visible{outline-color:var(--focus)}.login-card,.form-card,.widget-preview,.dot-menu,.dot-menu button,.session-item,.session-item.has-unread,.inbox-thread,.canned-picker,.modal,.qna-item,.tool-card,.att-file,.inbox .session-info,.history-table,.att-btn,.select-ws,.ov-card,.ai-note,.bot-card,.drawer,.fmt-toolbar .icon-btn,.ws-trash,.bot-subtabs button{background:var(--surface);border-color:var(--line);color:inherit}.bot-subtabs button{background:0 0}main table{background:var(--surface)}main th{background:var(--th-bg);color:var(--ink-2)}main td{border-bottom-color:var(--line-soft)}main tbody tr:hover td{background:var(--row-hover)}.tmsg.CS,.info-toggle.active,.ws-logo,.bot-avatar,.mode-switch button.active{color:var(--on-brand)}:root[data-theme=dark] .error{color:#ffb4a9;background:#3a1512}:root[data-theme=dark] .info{color:#86e3ac;background:#102a19}:root[data-theme=dark] .modal-backdrop{background:#0000009e}.theme-row{color:var(--side-ink);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.theme-toggle{border:1px solid var(--side-line);background:0 0;border-radius:999px;gap:2px;padding:2px;display:inline-flex}.theme-toggle button{width:26px;height:26px;color:var(--side-ink);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle button:hover{background:var(--side-hover)}.theme-toggle button.on{background:var(--side-active);color:var(--side-active-ink)}.list-group-head{background:var(--canvas);color:var(--ink-2)}.nav-toggle{background:var(--side-bg);color:var(--side-ink);border-color:var(--side-line)}.widget-preview{background:#fff}.brand-row{align-items:center;gap:.5rem;display:flex}.brand-row span{background:linear-gradient(90deg,#fff,#b9b9c2);color:#0000;-webkit-background-clip:text;background-clip:text}aside h1.brand-row{color:inherit;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;padding-left:.1rem}.login-brand{flex-direction:column;align-items:center;gap:.55rem;margin-bottom:.35rem;display:flex}.login-brand h1{margin:0}.lgx-wrap{color:#ececf0;background:radial-gradient(1200px 820px at 26% 46%,#ffffff13,#0000 64%),radial-gradient(900px 640px at 84% 62%,#ffffff0b,#0000 62%),#060607;align-items:center;min-height:100vh;font-family:Inter Variable,Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.lgx-wm{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.085;filter:blur(.6px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,1.8vw,34px);display:flex;position:absolute;inset:0}.lgx-wm svg{width:clamp(170px,21vw,380px);height:auto}.lgx-wm b{letter-spacing:-.035em;color:#fff;white-space:nowrap;font-size:clamp(64px,11vw,210px);font-weight:800;line-height:.85}.lgx-veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,#06060700 0%,#06060747 52%,#060607bd 82%);position:absolute;inset:0}.lgx-main{z-index:2;justify-content:space-between;align-items:center;gap:48px;width:100%;padding:40px clamp(40px,7vw,120px);display:flex;position:relative}.lgx-main.lgx-center{justify-content:center}.lgx-brand{text-align:left;max-width:660px}.lgx-mark{margin-bottom:26px;display:block}.lgx-brand h1{letter-spacing:-.035em;color:#f4f4f6;margin:0;font-size:clamp(60px,8.4vw,124px);font-weight:800;line-height:.88}.lgx-sub{color:#dcdce2;max-width:32ch;margin:22px 0 0;font-size:clamp(16px,1.55vw,21px);font-weight:600;line-height:1.5}.lgx-kw{letter-spacing:.2em;color:#8a8a94;text-transform:uppercase;flex-wrap:wrap;gap:10px 22px;margin-top:32px;font-size:11.5px;display:flex}.lgx-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121216b8;border:1px solid #ffffff17;border-radius:22px;flex:none;width:376px;padding:38px 34px 30px;box-shadow:0 30px 80px #0009}.lgx-card .error{margin:0 0 18px}.lgx-card-brand{color:#f4f4f6;flex-direction:column;align-items:center;gap:10px;margin-bottom:26px;font-size:17px;display:none}.lgx-card-brand.lgx-always{display:flex}.lgx-h2{color:#f4f4f6;margin:0 0 24px;font-size:20px;font-weight:700}.lgx-fld{margin-bottom:26px}.lgx-fld label{letter-spacing:.16em;text-transform:uppercase;color:#6e6e78;margin-bottom:9px;font-size:10.5px;font-weight:600;display:block}.lgx-fld input{color:#ececf0;background:0 0;border:none;border-bottom:1px solid #2c2c32;border-radius:0;outline:none;width:100%;padding:6px 2px 10px;font-size:15px}.lgx-fld input::placeholder{color:#55555e}.lgx-fld input:focus{border-bottom-color:#d9d9df}.lgx-row{text-align:right;margin:-14px 0 22px}.lgx-link{color:#a7a7b0;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.lgx-link:hover{color:#ececf0;text-decoration:underline}.lgx-back{margin:18px auto 0;display:block}.lgx-btn{cursor:pointer;color:#111114;background:linear-gradient(#fafafa,#c9c9d0);border:none;border-radius:13px;width:100%;padding:15px;font-size:14.5px;font-weight:650;box-shadow:0 8px 24px #ffffff1a}.lgx-btn:hover:not(:disabled){background:linear-gradient(#fff,#d9d9df)}.lgx-btn:disabled{opacity:.6;cursor:default}.lgx-note{text-align:left;color:#6e6e78;margin:20px 0 0;font-size:12px;line-height:1.6}.lgx-note b{color:#a7a7b0;font-weight:600}.lgx-note-big{color:#a7a7b0;margin-bottom:22px;font-size:13.5px}@media (width<=899px){.lgx-brand{display:none}.lgx-main{justify-content:center;padding:24px}.lgx-card{width:min(400px,100%)}.lgx-card-brand{display:flex}.lgx-wm{opacity:.06}}.rp-head{align-items:flex-start}.rp-sub{color:var(--ink-2);max-width:68ch;margin:4px 0 0;font-size:.86rem}.rp-filter{gap:var(--sp-2)}.rp-date{align-items:center;gap:var(--sp-2);color:var(--ink-2);flex-direction:row;margin:0;font-size:.82rem;display:inline-flex}.rp-date input{margin:0;padding:6px 8px;font-size:.84rem}.rp-muted{color:var(--ink-3)}.rp-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rp-metrics{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.rp-metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--sp-4);flex-direction:column;gap:3px;min-width:0;display:flex}.rp-metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;font-weight:600}.rp-metric-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.62rem;font-weight:680;line-height:1.15}.rp-metric-sub{color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:4px;font-size:.78rem;display:flex}.rp-delta{white-space:nowrap;font-size:.76rem;font-weight:620}.rp-delta-baik{color:#15803d}.rp-delta-buruk{color:#b91c1c}.rp-delta-flat{color:var(--ink-3)}:root[data-theme=dark] .rp-delta-baik{color:#4ade80}:root[data-theme=dark] .rp-delta-buruk{color:#f87171}.rp-catatan{margin:var(--sp-3) 0 0;padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--line-strong);background:var(--tint-soft);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-2);font-size:.84rem}.rp-chart svg{width:100%;height:170px;display:block}.rp-grid{stroke:var(--line-soft);stroke-width:1px;vector-effect:non-scaling-stroke}.rp-bar-total{fill:var(--line-strong)}.rp-bar-handoff{fill:var(--brand)}.rp-chart-x{margin-top:2px;display:flex}.rp-chart-x span{text-align:center;min-width:0;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:1 1 0;font-size:.68rem}.rp-legend{gap:var(--sp-4);margin-top:var(--sp-3);color:var(--ink-2);flex-wrap:wrap;align-items:center;font-size:.78rem;display:flex}.rp-legend span{align-items:center;gap:6px;display:inline-flex}.rp-key{border-radius:3px;width:11px;height:11px;display:inline-block}.rp-key-total{background:var(--line-strong)}.rp-key-handoff{background:var(--brand)}.rp-chart-note{margin:var(--sp-3) 0 0;font-size:.8rem}.rp-dua{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.rp-table{width:100%;box-shadow:none;border:0;margin:0}.rp-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);font-size:.74rem}.rp-table td{vertical-align:middle}.rp-bar-label{color:var(--ink);font-weight:550;display:block}.rp-bar-note{color:var(--ink-3);font-size:.74rem;display:block}.rp-bar-cell{width:32%;min-width:80px}.rp-bar-track{background:var(--tint-soft);border-radius:999px;height:8px;display:block;overflow:hidden}.rp-bar-fill{background:var(--brand);border-radius:999px;height:100%;display:block}.rp-unduh{gap:var(--sp-2);flex-wrap:wrap;display:flex}.rp-unduh-note{margin:0 0 var(--sp-3)}.rp-empty{gap:var(--sp-2);flex-direction:column;display:flex}.rp-empty p{max-width:70ch;margin:0;font-size:.86rem}@media (width<=700px){.rp-metric-value{font-size:1.35rem}.rp-bar-cell{display:none}}.rp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--sp-5);margin-top:var(--sp-3)}.rp-row-klik{cursor:pointer}.rp-row-klik:hover td{background:var(--row-hover)}.rp-row-klik:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.rp-tautan{font:inherit;color:var(--ink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:650;text-decoration:underline}.rp-tautan:hover{color:var(--brand)}.rp-drill-wrap{border:1px solid var(--line);border-radius:var(--radius);max-height:58vh;overflow:auto}.rp-drill{min-width:640px}.rp-drill thead th{z-index:1;background:var(--th-bg);position:sticky;top:0}.rp-nowrap{white-space:nowrap}.rp-chips{flex-wrap:wrap;gap:4px;display:flex}.rp-drill-kaki{gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.rp-drill-nav{gap:var(--sp-2);align-items:center;display:inline-flex}.bot-activate-opsi{flex-direction:column;align-items:stretch}.bot-activate-opsi button{text-align:left;width:100%}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.page-head h2{letter-spacing:-.02em;margin:0 0 2px;font-size:1.35rem}.page-head .sub{color:var(--ink-3);margin:0;font-size:.85rem}.page-head .acts{gap:var(--sp-2);align-items:center;display:flex}.toolbar{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.toolbar .grow{flex:220px}.search-field{align-items:center;display:flex;position:relative}.search-field svg{width:15px;height:15px;color:var(--ink-3);pointer-events:none;position:absolute;left:10px}.search-field input{width:100%;padding-left:32px!important}.toolbar select{min-width:130px}.count-pill{color:var(--ink-2);background:var(--tint-soft);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem}.cell-id{align-items:center;gap:10px;min-width:0;display:flex}.avatar{letter-spacing:.02em;background:var(--brand);width:32px;height:32px;color:var(--on-brand);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.avatar.sm{width:26px;height:26px;font-size:.66rem}.cell-id .nm{color:var(--ink);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.cell-id .em{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.3;overflow:hidden}.chip{border:1px solid var(--line);background:var(--tint-soft);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.chip .dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.chip.on{color:#15803d;background:#22c55e1a;border-color:#22c55e47}.chip.off{color:#b42318;background:#f0443817;border-color:#f0443840}.chip.lock{color:var(--ink-2)}.chip.mono-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:500}:root[data-theme=dark] .chip.on{color:#4ade80;background:#22c55e24;border-color:#22c55e4d}:root[data-theme=dark] .chip.off{color:#fda29b;background:#f0443824;border-color:#f044384d}.row-acts{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}main td .row-acts{flex-wrap:nowrap}main td .row-acts button{white-space:nowrap;border-radius:7px;padding:4px 9px;font-size:.76rem}.row-acts .locked{color:var(--ink-3);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.empty-state{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--ink-3);font-size:.9rem}.empty-state strong{color:var(--ink-2);margin-bottom:4px;display:block}.check{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:5px;place-content:center;width:18px;height:18px;margin:0;transition:background .12s,border-color .12s;display:inline-grid}.check:before{content:"";width:10px;height:10px;box-shadow:inset 1em 1em var(--on-brand);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 16%,80% 0%,40% 62%);transition:transform .12s ease-out;transform:scale(0)}.check:checked{background:var(--brand);border-color:var(--brand)}.check:checked:before{transform:scale(1)}.check:disabled{cursor:not-allowed;opacity:.45}.check:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.perm-matrix{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;max-height:calc(100vh - 230px);overflow:auto}.perm-matrix::-webkit-scrollbar{width:10px;height:10px}.perm-matrix::-webkit-scrollbar-track{background:0 0}.perm-matrix::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--surface);border-radius:999px}.perm-matrix table{box-shadow:none;border:none;border-radius:0;width:100%;margin:0}.perm-matrix thead th{z-index:3;background:var(--th-bg);vertical-align:bottom;text-align:center;padding:10px 12px;position:sticky;top:0}.perm-matrix thead th:first-child,.perm-matrix tbody th{z-index:4;text-align:left;background:var(--th-bg);position:sticky;left:0}.perm-matrix tbody td:first-child{z-index:2;background:var(--surface);border-right:1px solid var(--line);min-width:230px;position:sticky;left:0}.perm-matrix tbody tr:hover td,.perm-matrix tbody tr:hover td:first-child{background:var(--row-hover)}.role-col{flex-direction:column;align-items:center;gap:5px;display:flex}.role-col .nm{color:var(--ink);letter-spacing:-.01em;font-size:.82rem;font-weight:700}.role-col .meta-line{color:var(--ink-3);font-size:.7rem;font-weight:500}.perm-cell{text-align:center}.perm-name{color:var(--ink);font-size:.85rem;font-weight:600}.perm-key{color:var(--ink-3);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem}.perm-group td{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem;font-weight:700;background:var(--tint-soft)!important;padding:7px 12px!important}.audit-act{border:1px solid var(--line);background:var(--tint-soft);color:var(--ink-2);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:4px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.audit-act.buat{color:#15803d;background:#22c55e1a;border-color:#22c55e40}.audit-act.hapus{color:#b42318;background:#f0443817;border-color:#f044383d}.audit-act.ubah{color:#b54708;background:#f790091c;border-color:#f7900942}.audit-act.akses{color:#175cd3;background:#2970ff1a;border-color:#2970ff3d}:root[data-theme=dark] .audit-act.buat{color:#4ade80}:root[data-theme=dark] .audit-act.hapus{color:#fda29b}:root[data-theme=dark] .audit-act.ubah{color:#fdb022}:root[data-theme=dark] .audit-act.akses{color:#84caff}.audit-when .abs{color:var(--ink-3);font-size:.75rem}.audit-when .rel{color:var(--ink);font-size:.85rem;font-weight:600}.meta-pills{flex-wrap:wrap;gap:5px;display:flex}.meta-pill{background:var(--tint-soft);border:1px solid var(--line-soft);border-radius:6px;align-items:baseline;gap:5px;max-width:100%;padding:3px 8px;font-size:.74rem;display:inline-flex}.meta-pill b{color:var(--ink-3);font-weight:600}.meta-pill span{color:var(--ink);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.id-copy{color:var(--ink-2);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.id-copy:hover{color:var(--ink);border-style:solid}.pager{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);justify-content:flex-end;display:flex}.pager .info{color:var(--ink-3);margin-right:auto;font-size:.8rem}@media (width<=760px){.page-head{align-items:flex-start}.row-acts{justify-content:flex-start}.perm-matrix{max-height:none}}main td.nowrap{white-space:nowrap}@media (width<=700px){.bot-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.qna-outline{width:100%;max-height:40vh}}:root[data-theme=dark] .dv-key{color:#18181b;border-color:#c3cbe4}:where(:root[data-theme=dark]) .badge,:where(:root[data-theme=dark]) .notify-toggle.active{color:#18181b}.embed-cap{margin:var(--sp-4) 0 var(--sp-2);color:var(--ink-2);font-size:.82rem;line-height:1.5}.embed-cap strong{color:var(--ink)}.embed-cap code{background:var(--tint-soft);border:1px solid var(--line-soft);border-radius:4px;padding:1px 4px;font-size:.78rem}main a.btn-link{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 12px;font-size:.82rem;text-decoration:none;display:inline-block}main a.btn-link:hover{border-color:var(--ink-3);background:var(--tint-soft)}