@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#f6f7f9;--panel:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f3f4f6;--accent:#0f6b4f;--accent-ink:#fff;--accent-soft:#e8f5ef;--ink:#111;--ok:#15965f;--warn:#d97706;--hot:#dc2626;--red-bg:#fde8e8;--red-line:#f6c4c4;--yellow-bg:#fdf5d8;--yellow-line:#f1df9c;--blue-bg:#e8ecfd;--blue-line:#c9d2f6;--tile-blue:#e0e9fe;--tile-purple:#ece4fd;--tile-green:#dcf3e8;--tile-yellow:#fdf0cf;--shadow:0 1px 2px #1018280a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0e1116;--panel:#161a21;--text:#e7eaf0;--muted:#8e97a8;--line:#262c36;--soft:#1e232c;--accent:#1fa37a;--accent-ink:#06130e;--accent-soft:#12271f;--ink:#e7eaf0;--red-bg:#2a1517;--red-line:#4a2327;--yellow-bg:#2a2412;--yellow-line:#4a3f1c;--blue-bg:#161c33;--blue-line:#283057;--tile-blue:#1a2440;--tile-purple:#241c3a;--tile-green:#13291f;--tile-yellow:#2c2512;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14.5px/1.5 Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}h1{letter-spacing:-.01em;margin:0;font-size:1.45rem;font-weight:800}h2{margin:0 0 .6rem;font-size:1.02rem;font-weight:700}h3{margin:.8rem 0 .4rem;font-size:.9rem;font-weight:700}.icon{flex:none}button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:700;display:inline-flex}button:hover{filter:brightness(1.06)}button.ghost{background:var(--panel);color:var(--text);border:1px solid var(--line)}button.ghost:hover{background:var(--soft);filter:none}button.dark{background:var(--ink);color:var(--bg)}button:disabled{opacity:.55;cursor:default}.icon-btn{color:var(--text);background:0 0;border:0;border-radius:9px;padding:.45rem}.icon-btn:hover{background:var(--soft);filter:none}input,select,textarea{background:var(--panel);width:100%;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:9px;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);border-color:var(--accent)}textarea{resize:vertical}label{color:var(--muted);gap:.3rem;font-size:.82rem;font-weight:600;display:grid}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:.55rem .5rem;font-size:.72rem}td{border-bottom:1px solid var(--line);vertical-align:top;padding:.6rem .5rem}code{background:var(--soft);border-radius:6px;padding:.1rem .35rem}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center;margin-top:3rem}.error{color:var(--hot)}.ok{color:var(--ok)}.pre{white-space:pre-wrap}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1.1rem 1.2rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.between{justify-content:space-between}.tag{background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.12rem .5rem;font-size:.72rem;font-weight:600}.tag.hot{background:var(--red-bg);color:var(--hot);border-color:var(--red-line)}.tag.green{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge{background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);border-radius:99px;place-items:center;margin-left:auto;padding:0 .35rem;font-size:.7rem;font-weight:700;display:inline-grid}.badge.hot{background:var(--hot);color:#fff}.section-title{margin:.4rem 0 .1rem;font-size:1.05rem;font-weight:800}.section-sub{color:var(--muted);margin:0 0 .8rem;font-size:.82rem}.login{background:var(--bg);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{gap:.7rem;width:min(400px,100%);padding:1.8rem;display:grid}.login-card form{gap:.8rem;display:grid}.login-card h1{margin:.3rem 0 0;font-size:1.25rem}.login-wrap{min-height:100vh}.layout{grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.layout.collapsed{grid-template-columns:0 1fr}.layout.collapsed .nav{visibility:hidden}.nav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:.15rem;height:100vh;padding:1rem .9rem;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:.55rem;font-size:1rem;font-weight:800;display:flex}.logo{background:var(--accent);color:var(--accent-ink);border-radius:9px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.workspace{border:1px solid var(--line);border-radius:12px;align-items:center;gap:.6rem;margin:.8rem 0 .4rem;padding:.6rem .7rem;display:flex}.workspace .logo{width:34px;height:34px}.workspace b{font-size:.9rem;line-height:1.2;display:block}.dot-live{background:var(--ok);border-radius:50%;width:7px;height:7px;margin-right:.3rem;display:inline-block}.nav-group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:1rem .6rem .3rem;font-size:.7rem;font-weight:700}.nav a.item{color:var(--text);border-radius:9px;align-items:center;gap:.7rem;padding:.55rem .7rem;font-size:.9rem;font-weight:500;display:flex;position:relative}.nav a.item:hover{background:var(--soft)}.nav a.item.router-link-exact-active,.nav a.item.active-sub{color:var(--accent);font-weight:700}.nav a.item.router-link-exact-active:before,.nav a.item.active-sub:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-.9rem}.kantor-link{background:var(--accent-soft);color:var(--accent);border-radius:10px;align-items:center;gap:.6rem;margin:.3rem 0;padding:.6rem .8rem;font-size:.88rem;font-weight:700;display:flex}.kantor-link:hover{filter:brightness(.97)}.user-menu-wrap{margin-top:auto;padding-top:.8rem;position:relative}.nav-user{background:var(--panel);width:100%;color:var(--text);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:.6rem;padding:.55rem .65rem;font-weight:500;display:flex}.nav-user:hover{background:var(--soft);filter:none}.nav-user .grow{flex:1;min-width:0;line-height:1.25;display:grid}.nav-user .logo{width:36px;height:36px}.user-menu{z-index:10;padding:0;position:absolute;bottom:calc(100% + .2rem);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #10182824}.um-head{background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #000));color:#fff;text-align:center;justify-items:center;gap:.1rem;padding:1.1rem .8rem;display:grid}.um-head b{margin-top:.35rem;font-size:.95rem}.um-head span{opacity:.9;overflow-wrap:anywhere;font-size:.8rem}.um-avatar{background:#fff3;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:800;display:grid}.um-role{text-transform:capitalize;background:#ffffff2e;border-radius:99px;margin-top:.2rem;padding:.05rem .55rem}.um-item{width:100%;color:var(--text);background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:.65rem;padding:.65rem .9rem;font-size:.9rem;font-weight:500;display:flex}.um-item:hover{background:var(--soft);filter:none}.um-sep{background:var(--line);height:1px;margin:.2rem .6rem}.topbar{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;height:60px;padding:0 1.4rem;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.chip{border:1px solid var(--line);border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.chip.live{color:var(--ok)}.topbar .sep{background:var(--line);width:1px;height:26px;margin:0 .3rem}.content{min-width:0}.main{align-content:start;gap:1.1rem;min-width:0;max-width:1500px;padding:1.6rem;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-title{align-items:center;gap:.6rem;display:flex}.page-sub{color:var(--muted);margin:.25rem 0 0;font-size:.86rem}.tabs{background:var(--soft);border:1px solid var(--line);border-radius:11px;gap:.2rem;padding:.2rem;display:inline-flex}.tabs button{color:var(--muted);background:0 0;padding:.4rem .9rem;font-weight:600}.tabs button:not(.ghost){background:var(--accent);color:var(--accent-ink)}.tabs button.ghost{color:var(--muted);background:0 0;border:0}.alerts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.alert{border:1px solid;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:start;gap:.2rem .9rem;padding:1rem 1.1rem;display:grid}.alert .ico{background:var(--panel);border-radius:10px;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}.alert b{font-size:.92rem}.alert .num{grid-row:span 2;align-self:center;font-size:1.8rem;font-weight:800}.alert .act{background:var(--panel);color:var(--text);border:0;border-radius:8px;grid-column:2;justify-self:start;margin-top:.4rem;padding:.35rem .7rem;font-size:.8rem}.alert.red{background:var(--red-bg);border-color:var(--red-line)}.alert.red .ico{color:var(--hot)}.alert.yellow{background:var(--yellow-bg);border-color:var(--yellow-line)}.alert.yellow .ico{color:var(--warn)}.alert.blue{background:var(--blue-bg);border-color:var(--blue-line)}.alert.blue .ico{color:#4f5bd5}.stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;display:grid}.stat{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:1fr auto;gap:.3rem;padding:1rem 1.15rem;display:grid}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.stat .v{grid-column:1;font-size:1.75rem;font-weight:800}.stat .sub{color:var(--muted);grid-column:1/-1;font-size:.76rem}.stat .tile{border-radius:10px;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}.tile.blue{background:var(--tile-blue);color:#3b6fe0}.tile.purple{background:var(--tile-purple);color:#7c4ddb}.tile.green{background:var(--tile-green);color:var(--ok)}.tile.yellow{background:var(--tile-yellow);color:var(--warn)}.division h2{margin:.3rem 0 .7rem}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.agent{align-items:flex-start;gap:.85rem;transition:border-color .15s,transform .15s;display:flex}.agent:hover{border-color:var(--accent)}.agent.dim{opacity:.6}.agent-name{font-weight:700}.state{align-items:center;gap:.35rem;margin-top:.25rem;font-size:.8rem;display:flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.st-working .dot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 22%, transparent)}.st-meeting .dot{background:var(--warn)}.bubble{background:var(--soft);border-radius:8px;margin-top:.45rem;padding:.3rem .55rem;font-size:.78rem}.avatar{object-fit:cover;image-rendering:pixelated;border-radius:50%;flex:none}.initials{background:var(--soft);color:var(--muted);place-items:center;font-weight:700;display:grid}.initials.ceo{background:var(--accent);color:var(--accent-ink)}.chat{grid-template-columns:270px 1fr;gap:1rem;height:calc(100vh - 60px - 3.2rem);display:grid}.chat-list{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.6rem;overflow:auto}.chat-list h3{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:.9rem .5rem .3rem;font-size:.7rem}.chat-list summary{cursor:pointer;color:var(--accent);padding:.45rem .5rem;font-size:.88rem;font-weight:700}.chan{text-overflow:ellipsis;white-space:nowrap;border-radius:9px;padding:.45rem .65rem;font-size:.88rem;display:block;overflow:hidden}.chan.router-link-active,.chan:hover{background:var(--soft)}.chan.router-link-active{color:var(--accent);font-weight:700}.chat-main{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;display:flex}.chat-head{border-bottom:1px solid var(--line);padding:.85rem 1.1rem;font-weight:700}.messages{flex:1;align-content:start;gap:.95rem;padding:1.1rem;display:grid;overflow:auto}.msg{gap:.65rem;display:flex}.msg-body{min-width:0}.msg-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg.me .msg-text{background:var(--accent-soft);border-radius:10px;padding:.45rem .7rem}.composer{border-top:1px solid var(--line);gap:.5rem;padding:.75rem;display:flex}.board{grid-template-columns:repeat(5,minmax(210px,1fr));gap:.8rem;display:grid;overflow-x:auto}.col{background:var(--soft);border:1px solid var(--line);border-radius:14px;align-content:start;gap:.55rem;min-height:140px;padding:.55rem;display:grid}.col h3{text-transform:capitalize;margin:.25rem .35rem}.task{cursor:pointer;padding:.75rem .85rem}.task-title{font-size:.88rem;font-weight:700}.task.p-urgent{border-left:3px solid var(--hot)}.task.p-high{border-left:3px solid var(--warn)}.form{gap:.7rem;display:grid}.drawer{z-index:20;background:#0f172a59;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-body{border-radius:0;width:min(580px,100%);height:100%;position:relative;overflow:auto}.close{background:var(--soft);color:var(--text);position:absolute;top:.9rem;right:.9rem}.verify{gap:.5rem;margin:.8rem 0;display:grid}.events{gap:.45rem;margin:0;padding:0;font-size:.87rem;list-style:none;display:grid}.approval{gap:.45rem;margin-bottom:.7rem;display:grid}.meeting{cursor:pointer;gap:.2rem;margin-bottom:.55rem;display:grid}.meeting:hover{border-color:var(--accent)}.two{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.two .card{align-content:start;gap:.65rem;display:grid}.profile-head{justify-content:flex-start}.profile-head>div{flex:1}.picks{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:.4rem .9rem;padding:.55rem .75rem;display:flex}.pick{color:var(--text);flex-direction:row;align-items:center;gap:.35rem;font-size:.86rem;font-weight:500;display:flex}.pick input{width:auto}.messages.flat{max-height:none;padding:0;overflow:visible}.bar-row{gap:.25rem;margin:.55rem 0;display:grid}.bar{background:var(--soft);border-radius:99px;height:10px;overflow:hidden}.fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.survey{border-top:1px solid var(--line);padding:.55rem 0}.survey summary{cursor:pointer}.q h3{font-size:.88rem}.q ul{margin:0 0 .5rem;font-size:.87rem}@media (width<=900px){.layout{grid-template-columns:1fr}.layout .nav{z-index:30;width:270px;position:fixed;top:0;left:0;box-shadow:0 10px 40px #0003}.layout.collapsed .nav{visibility:hidden}.main{padding:1rem 16px}.topbar{padding:0 16px}.chat{grid-template-columns:1fr;height:auto}.chat-list{max-height:220px}.messages{max-height:60vh}.two{grid-template-columns:1fr}.board{grid-template-columns:repeat(5,80vw)}}.chip.toggle{background:var(--panel);color:var(--muted);cursor:pointer;font-family:inherit}.chip.toggle:hover{background:var(--soft);filter:none}.chip.toggle .sw{background:var(--line);border-radius:99px;flex:none;width:26px;height:15px;transition:all .2s;position:relative}.chip.toggle .sw:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.chip.toggle.on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--accent-soft)}.chip.toggle.on .sw{background:var(--accent)}.chip.toggle.on .sw:after{left:13px}.chip.toggle.warn{color:#b45309;background:var(--yellow-bg);border-color:var(--yellow-line)}.chip.toggle.warn .sw{background:#d97706}.chip.live.paused{color:var(--muted)}.chip.live.paused .dot-live{background:var(--muted)}@media (width<=700px){.chip.live{display:none}}.ch-brand{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.ch-icon{object-fit:contain;flex:none;width:30px;height:30px}.ch-name{letter-spacing:-.01em;color:var(--text);font-size:1.12rem;font-weight:800}.ch-name b{color:#2563eb;font-weight:800}:root[data-theme=dark] .ch-name b{color:#60a5fa}.ch-brand.ch-lg .ch-icon{width:40px;height:40px}.ch-brand.ch-lg .ch-name{font-size:1.55rem}.logo,.um-avatar{overflow:hidden}.logo img,.um-avatar img{object-fit:cover;width:100%;height:100%}.dev-badge{color:#b42318;background:var(--red-bg);border:1px solid var(--red-line);white-space:nowrap;border-radius:99px;margin-left:.4rem;padding:.25rem .7rem;font-size:.75rem;font-weight:800;text-decoration:none}.hava[data-v-3c2cc5ce]{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;overflow:hidden}.hava img[data-v-3c2cc5ce]{object-fit:cover;width:100%;height:100%}.emoji-pop{z-index:30;grid-template-columns:repeat(8,1fr);gap:.1rem;width:300px;padding:.5rem;display:grid;position:absolute;bottom:calc(100% + .4rem);left:0;box-shadow:0 12px 32px #10182829}.emoji{background:0 0;border:0;border-radius:8px;padding:.3rem 0;font-size:1.25rem}.emoji:hover{background:var(--soft);filter:none}.thread{background:var(--panel);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.thread-head{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding:.7rem 1rem;display:flex}.thread-head .grow{min-width:0}.thread-head b{font-size:.98rem}.dot.inline{vertical-align:middle;width:7px;height:7px;display:inline-block}.thread-body .older{margin:0 0 .3rem}.thread-body{background:color-mix(in srgb, var(--accent-soft) 35%, var(--bg));flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.2rem;display:flex;overflow:auto}.day-sep{justify-content:center;margin:.6rem 0 .3rem;display:flex}.day-sep span{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:.2rem .7rem;font-size:.74rem;font-weight:700}.bubble-row{align-items:flex-end;gap:.45rem;display:flex}.bubble-row.me{justify-content:flex-end}.bubble-msg{background:var(--panel);border:1px solid var(--line);max-width:min(78%,620px);box-shadow:var(--shadow);border-radius:12px 12px 12px 4px;padding:.5rem .7rem .35rem;position:relative}.me .bubble-msg{background:var(--bubble-me,#d6f5e4);border-color:#0000;border-radius:12px 12px 4px}:root[data-theme=dark]{--bubble-me:#134232}.compact .bubble-msg{max-width:88%}.b-sender{color:var(--accent);align-items:center;gap:.3rem;margin-bottom:.15rem;font-size:.78rem;font-weight:700;display:flex}.b-quote{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel));cursor:pointer;border-radius:6px;margin:.1rem 0 .35rem;padding:.3rem .55rem;font-size:.8rem;display:grid}.b-quote b{color:var(--accent);font-size:.76rem}.b-quote span{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.b-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem}.b-meta{color:var(--muted);justify-content:flex-end;align-items:center;gap:.35rem;margin-top:.15rem;font-size:.7rem;display:flex}.b-image img{border-radius:8px;max-width:100%;max-height:320px;margin:.1rem 0 .3rem;display:block}.b-file{background:color-mix(in srgb, var(--soft) 70%, transparent);border:1px solid var(--line);border-radius:10px;align-items:center;gap:.6rem;min-width:220px;margin:.1rem 0 .3rem;padding:.5rem .65rem;display:flex}.b-file .grow{min-width:0;display:grid}.b-file b{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.b-file-ico{background:var(--panel);width:34px;height:34px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.b-actions{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;display:none;position:absolute;top:-14px;right:6px}.b-actions .icon-btn{padding:.2rem .35rem}.bubble-msg:hover .b-actions{display:flex}.bubble-row.flash .bubble-msg{outline:2px solid var(--accent)}.thread-foot.closed{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.thread-foot{border-top:1px solid var(--line);background:var(--panel);padding:.55rem .8rem .45rem}.reply-bar{border-left:3px solid var(--accent);background:var(--soft);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.45rem;padding:.35rem .6rem;display:flex}.reply-bar .grow{min-width:0;font-size:.8rem;display:grid}.reply-bar b{color:var(--accent)}.reply-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose{align-items:flex-end;gap:.4rem;display:flex}.compose .tools{gap:.1rem;padding-bottom:.2rem;display:flex}.emoji-wrap{position:relative}.compose textarea{resize:none;field-sizing:content;border-radius:22px;flex:1;min-height:42px;max-height:140px;padding:.6rem 1rem}.compose .send{border-radius:50%;flex:none;width:42px;height:42px;padding:0}.foot-hint{margin:.3rem .3rem 0;font-size:.7rem}.att-bar{scrollbar-width:thin;gap:.5rem;padding:.1rem .1rem .55rem;display:flex;overflow-x:auto}.att-item{border:1px solid var(--line);background:var(--soft);border-radius:10px;flex:none;grid-template-rows:70px auto auto;width:104px;display:grid;position:relative;overflow:hidden}.att-item img{object-fit:cover;width:100%;height:70px}.att-file{color:#3b5bdb;background:var(--tile-blue);align-content:center;place-items:center;gap:.1rem;height:70px;display:grid}.att-file small{font-size:.62rem;font-weight:800}.att-name{text-overflow:ellipsis;white-space:nowrap;padding:.25rem .4rem 0;font-size:.7rem;font-weight:600;overflow:hidden}.att-size{color:var(--muted);padding:0 .4rem .3rem;font-size:.62rem}.att-x{color:#fff;background:#0f172aa6;border-radius:50%;width:20px;height:20px;padding:0;font-size:.65rem;line-height:1;position:absolute;top:3px;right:3px}.att-add{border:1.5px dashed var(--line);width:52px;height:70px;color:var(--muted);background:0 0;border-radius:10px;flex:none;align-self:start;padding:0}.att-add:hover{border-color:var(--accent);color:var(--accent);filter:none}.thread-drop{z-index:30;background:color-mix(in srgb, var(--accent-soft) 88%, transparent);color:var(--accent);border:2px dashed var(--accent);pointer-events:none;align-content:center;place-items:center;gap:.4rem;display:grid;position:absolute;inset:0}.foot-hint b{color:var(--text)}.at-handle{color:var(--accent);background:var(--accent-soft);border:0;border-radius:5px;padding:.02rem .32rem;font-family:inherit;font-size:.72rem;font-weight:700}button.at-handle{cursor:pointer}button.at-handle:hover{filter:brightness(.95)}.head-members{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.div-chip{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:99px;flex:none;padding:.05rem .4rem;font-size:.64rem;font-weight:700}.div-chip.dv-manajemen{background:var(--tile-purple);color:#7c3aed}.div-chip.dv-produksi{background:var(--tile-blue);color:#3b5bdb}.div-chip.dv-sales-marketing{background:var(--tile-yellow);color:#b45309}.conv-top .div-chip{margin-right:auto}.b-tag{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:5px;padding:0 .2rem;font-weight:700}.thread-foot{position:relative}.mention-pop{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-height:280px;margin:0;padding:.3rem;list-style:none;position:absolute;bottom:calc(100% - .2rem);left:.8rem;right:.8rem;overflow:auto;box-shadow:0 10px 30px #10182824}.mention-pop li{cursor:pointer;border-radius:8px;align-items:center;gap:.55rem;padding:.4rem .55rem;font-size:.86rem;display:flex}.mention-pop li.on{background:var(--accent-soft)}.mention-pop .grow{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mp-all{background:var(--soft);width:26px;height:26px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.modal-back{z-index:60;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{gap:.8rem;width:min(500px,100%);max-height:90vh;display:grid;overflow:auto}.modal h2{margin:0}.preview{border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:.4rem;display:grid;overflow:hidden}.preview img{max-width:100%;max-height:320px;margin:0 auto;display:block}.preview .row{background:var(--panel);padding:.5rem .8rem}.b-file.big{margin:.8rem}.perms{gap:.15rem;display:grid}.perm{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.perm:last-of-type{border-bottom:0}.perm .grow{flex:1;min-width:0;font-size:.88rem;display:grid}.perm-ico{background:var(--soft);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.perm .custom{color:var(--accent);font-weight:600}.switch{flex:none;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:var(--line);cursor:pointer;border-radius:99px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(18px)}.switch input:disabled+.slider{opacity:.5}.ainfo{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;height:100%;min-height:0;display:flex}.ainfo-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.ainfo-body{flex:1;overflow:auto}.ainfo-hero{border-bottom:1px solid var(--line);text-align:center;justify-items:center;gap:.35rem;padding:1.2rem 1rem;display:grid}.ainfo-hero b{font-size:1.05rem}.acc{border-bottom:1px solid var(--line)}.acc-head{width:100%;color:var(--text);letter-spacing:.04em;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:.55rem;padding:.8rem 1rem;font-size:.76rem;font-weight:800;display:flex}.acc-head:hover{background:var(--soft);filter:none}.acc-head .icon:last-child{margin-left:auto}.acc-head .count{background:var(--soft);color:var(--muted);border-radius:99px;padding:0 .45rem;font-size:.7rem}.acc-body{gap:.5rem;padding:0 1rem .9rem;display:grid}.acc .add{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--line));justify-self:start}.center-s{text-align:center;margin:.3rem 0}.kv{grid-template-columns:auto 1fr;gap:.35rem .8rem;margin:0;padding:0 1rem .9rem;font-size:.84rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.mini-task{border:1px solid var(--line);border-radius:10px;gap:.1rem;padding:.5rem .65rem;font-size:.85rem;display:grid}.mini-task .icon-btn{padding:.1rem .3rem}.mem{margin:0}.modal.wide{width:min(620px,100%)}.sched-row{border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:.55rem;padding:.7rem;display:grid}.sched-row .grow{flex:1}.mi-cat{justify-content:center;align-items:center;gap:.3rem;display:flex}.mi-cat select{width:auto;max-width:220px;padding:.3rem .5rem;font-size:.82rem}.mi-chip{border-radius:99px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.76rem;font-weight:700;display:inline-flex}.mi-chip i{border-radius:50%;width:7px;height:7px}.mi-chip.none{background:var(--soft);color:var(--muted);font-weight:600}.room-ico.big{width:64px;height:64px}.person{align-items:center;gap:.55rem;display:flex}.person .grow{flex:1;min-width:0;display:grid}ul.tight{margin:.1rem 0 .3rem;padding-left:1.1rem}