@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--v:#7c3aed;--pk:#db2777;--grad:linear-gradient(135deg, #7c3aed, #db2777);--grad-s:linear-gradient(135deg, #7c3aed1a, #db277712);--sb:#0e0b1a;--sb-b:#ffffff12;--bg:#f8f7ff;--sf:#fff;--bd:#e8e4f3;--bds:#d1cae8;--tx:#0e0b1a;--tx2:#4b4568;--tx3:#9390a8;--tn:#f0ecff;--tn2:#f7f4ff;--ok:#059669;--wa:#d97706;--er:#dc2626;--info:#2563eb;--f:"Outfit", sans-serif;--fm:"IBM Plex Mono", monospace;--r:8px;--rl:12px;--rxl:16px;--sh:0 1px 3px #0e0b1a0f, 0 4px 16px #7c3aed12}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--f);color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}#root{height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--f)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--v)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.spin{animation:.8s linear infinite spin}.pulse-dot{animation:1.5s infinite pulse}.fade-in{animation:.2s fadeIn}.topbar{background:var(--sb);border-bottom:1px solid var(--sb-b);flex-shrink:0;align-items:center;height:52px;display:flex;position:relative}.topbar:after{content:"";background:var(--grad);opacity:.5;height:2px;position:absolute;bottom:0;left:0;right:0}.tb-logo{border-right:1px solid var(--sb-b);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;width:220px;height:100%;padding:0 16px;display:flex}.li{background:var(--grad);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.li-dot{background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px}.lw{color:#fff;letter-spacing:-.3px;font-size:14px;font-weight:700}.lw em{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal;font-weight:800}.tb-app{color:#ffffff80;border-right:1px solid var(--sb-b);align-items:center;gap:6px;height:100%;padding:0 16px;font-size:13px;font-weight:600;display:flex}.tb-app strong{color:#fff}.tb-mid{flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.tb-right{align-items:center;gap:8px;padding:0 16px;display:flex}.notif-btn{cursor:pointer;color:#fff9;background:#ffffff0f;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex;position:relative}.notif-btn:hover{background:#ffffff1f}.notif-badge{border:1.5px solid var(--sb);color:#fff;pointer-events:none;background:#db2777;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.av{background:var(--grad);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.sb{background:var(--sb);border-right:1px solid var(--sb-b);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.sb-scroll{flex:1;padding:8px 0;overflow-y:auto}.sb-scroll::-webkit-scrollbar{display:none}.sb-lbl{color:#ffffff4d;letter-spacing:1.2px;text-transform:uppercase;padding:10px 16px 4px;font-size:10px;font-weight:700}.nav-item{cursor:pointer;color:#ffffff80;border-radius:7px;align-items:center;gap:9px;margin:1px 8px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex;position:relative}.nav-item:hover{color:#fffc;background:#ffffff12}.nav-item.active{color:#fff;background:#7c3aed33}.nav-item.active:before{content:"";background:var(--grad);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-ic{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-item.active .nav-ic{opacity:1}.sb .nb{color:#c4b5fd;background:#7c3aed4d;border-radius:99px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sb .nb.red{color:#fca5a5;background:#dc26264d}.nb{color:#5b21b6;background:#ede9fe;border:1px solid #c4b5fd;border-radius:99px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.nb.red{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.wfb-tab .nb{margin-left:6px}.sb-div{background:var(--sb-b);height:1px;margin:6px 12px}.sb-foot{border-top:1px solid var(--sb-b);flex-shrink:0;padding:10px 12px}.sb-user{border-radius:7px;align-items:center;gap:8px;padding:6px;display:flex}.sb-uname{color:#fff;font-size:12px;font-weight:600}.sb-urole{color:#ffffff4d;font-size:10px}.btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--f);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;transition:all .15s;display:inline-flex}.btn-p{background:var(--grad);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-p:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed73}.btn-p:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-g{background:var(--tn2);color:var(--tx2);border:1px solid var(--bd)}.btn-g:hover{background:var(--tn);color:var(--v);border-color:#c4b5fd}.btn-g:disabled{opacity:.6;cursor:not-allowed}.btn-danger{color:var(--er);background:#fef2f2;border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.btn-ok{color:var(--ok);background:#ecfdf5;border:1px solid #6ee7b7}.btn-ok:hover{background:#d1fae5}.btn-sm{padding:4px 10px;font-size:11.5px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.b-new{color:var(--info);background:#eff6ff}.b-prog{background:var(--tn);color:var(--v)}.b-hold{color:#6b7280;background:#f3f4f6}.b-completed{color:#0891b2;background:#ecfeff}.b-done{color:var(--ok);background:#ecfdf5}.b-approv{color:#047857;background:#d1fae5}.b-pend{color:var(--wa);background:#fef3c7}.b-info{color:#ea580c;background:#fff7ed}.b-reject{color:var(--er);background:#fef2f2}.b-cancelled{color:#be185d;background:#fdf2f8}.b-v{background:var(--tn);color:var(--v)}.b-super{color:var(--pk);background:#fce7f3}.b-role-admin{background:var(--tn);color:var(--v)}.b-role-end-user{color:var(--info);background:#eff6ff}.b-role-approver{color:var(--ok);background:#ecfdf5}.b-role-assignee{color:#0891b2;background:#ecfeff}.b-role-super{color:var(--pk);background:#fce7f3}.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rxl);box-shadow:var(--sh);padding:18px}.card-sm{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--sh);padding:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);padding:16px;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 4px 16px #7c3aed1a}.stat-lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:600}.stat-val{color:var(--tx);letter-spacing:-1px;margin-bottom:4px;font-size:26px;font-weight:800}.stat-delta{border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.sd-up{color:var(--ok);background:#d1fae5}.sd-down{color:var(--er);background:#fee2e2}.sd-neu{background:var(--tn2);color:var(--tx3)}.tbl-wrap{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden}.tbl-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tbl{border-collapse:collapse;width:max-content;min-width:100%}.tbl th{background:var(--tn2);color:var(--tx2);text-align:left;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--bd);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.tbl td{border-bottom:1px solid var(--bd);color:var(--tx2);vertical-align:middle;padding:11px 14px;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--tn2)}.tbl-link{color:var(--v);cursor:pointer;font-weight:600;font-family:var(--fm);text-decoration:none}.tbl-link:hover{text-decoration:underline}.form-row{gap:14px;margin-bottom:14px;display:grid}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.f-lbl{color:var(--tx2);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.f-hint{color:var(--tx3);font-size:10px;font-weight:400}.f-inp,.f-sel,.f-ta{border:1.5px solid var(--bds);width:100%;font-family:var(--f);color:var(--tx);background:var(--bg);border-radius:8px;outline:none;padding:8px 11px;font-size:13px;transition:border .15s}.f-inp:focus,.f-sel:focus,.f-ta:focus{border-color:var(--v);background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.f-ta{resize:vertical;min-height:80px;line-height:1.5}.f-sel{appearance:none;cursor:pointer}.f-required:after{content:" *";color:var(--pk);font-weight:700}.f-optional:after{content:" (optional)";color:var(--tx3);font-size:10.5px;font-weight:400}.date-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-filter-select{background:var(--sf);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:999px;width:140px;height:32px;padding:5px 28px 5px 10px;font-size:12px}.date-filter-custom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-filter-input{width:130px;height:32px;padding:5px 8px;font-size:12px}.date-filter-sep{color:var(--tx3);font-size:11px}.date-filter-clear{padding:4px 8px;font-size:11px}.workflow-bar{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);align-items:center;margin-bottom:20px;padding:0;display:flex;overflow:hidden}.wf-step{border-right:1px solid var(--bd);flex:1;align-items:center;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.wf-step:last-child{border-right:none}.wf-step.done{background:#ecfdf5}.wf-step.active{background:var(--tn);border-bottom:2px solid var(--v)}.wf-step.pending{background:var(--sf)}.wf-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.wf-step.done .wf-num{background:var(--ok);color:#fff}.wf-step.active .wf-num{background:var(--v);color:#fff}.wf-step.pending .wf-num{background:var(--bd);color:var(--tx3)}.wf-step-name{color:var(--tx);font-size:12px;font-weight:700}.wf-step.pending .wf-step-name{color:var(--tx3)}.wf-step-sub{color:var(--tx3);margin-top:1px;font-size:10px}.wf-step.done .wf-step-sub{color:var(--ok)}.wf-step.active .wf-step-sub{color:var(--v)}.approval-levels{flex-direction:column;gap:10px;display:flex}.level-row{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.level-row.approved{border-left:3px solid var(--ok)}.level-row.rejected{border-left:3px solid var(--er)}.level-row.pending{border-left:3px solid var(--wa)}.level-row.waiting{border-left:3px solid var(--bds)}.level-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.lb-ok{color:var(--ok);background:#d1fae5}.lb-er{color:var(--er);background:#fee2e2}.lb-wa{color:var(--wa);background:#fef3c7}.lb-gr{background:var(--bd);color:var(--tx3)}.level-info{flex:1;min-width:0}.level-name{color:var(--tx);font-size:12.5px;font-weight:600}.level-time{color:var(--tx3);margin-top:2px;font-size:10.5px}.level-details{flex-direction:column;gap:3px;margin-top:6px;display:flex}.level-detail-line{color:var(--tx2);font-size:11px;line-height:1.5}.level-detail-label{color:var(--tx3);font-weight:600}.level-detail-value{color:var(--tx2)}.level-detail-value .level-approver-email{margin-top:1px;display:block}.level-approver-inline{display:inline-block}.level-approver-list{flex-direction:column;gap:4px;display:flex}.level-approver-item{color:var(--tx2);align-items:flex-start;gap:8px;font-size:11px;display:flex}.level-approver-mark{text-align:center;width:14px;color:var(--tx3);flex-shrink:0;margin-top:1px;font-weight:700}.level-approver-mark.is-approved{color:var(--ok)}.level-approver-info{flex-direction:column;gap:1px;min-width:0;display:flex}.level-approver-name{color:var(--tx2)}.level-approver-email{color:var(--tx3);font-size:10px;font-family:var(--fm)}.level-comment{color:var(--tx2);background:var(--tn2);border-radius:5px;margin-top:4px;padding:5px 8px;font-size:11.5px;font-style:italic}.task-levels{flex-direction:column;gap:10px;display:flex}.task-row{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);box-sizing:border-box;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:border-color .15s;display:flex}.task-row.approved{border-left:3px solid var(--ok)}.task-row.pending{border-left:3px solid var(--v)}.task-row.waiting{border-left:3px solid var(--bds)}.task-graph{background:var(--tn2);border:1px solid var(--bd);border-radius:var(--rl);padding:16px}.task-graph-title{color:var(--tx2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;font-size:11px;font-weight:700}.task-row-g{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.task-node{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r);cursor:pointer;min-width:180px;padding:10px 14px;transition:all .15s;position:relative}.task-node:hover{border-color:#c4b5fd;box-shadow:0 2px 8px #7c3aed1a}.task-node.tn-done{border-left:3px solid var(--ok)}.task-node.tn-prog{border-left:3px solid var(--v)}.task-node.tn-hold{border-left:3px solid #6b7280}.task-node.tn-open{border-left:3px solid var(--wa)}.tn-title{color:var(--tx);margin-bottom:3px;font-size:12.5px;font-weight:600}.tn-assignee{color:var(--tx3);align-items:center;gap:4px;font-size:11px;display:flex}.tn-arrow{color:var(--tx3);flex-shrink:0;font-size:18px}.tn-parallel{flex-direction:column;gap:8px;display:flex}.chat-panel{border:1px solid var(--bd);border-radius:var(--rl);background:var(--sf);flex-direction:column;min-height:0;display:flex;overflow:hidden}.chat-hd{border-bottom:1px solid var(--bd);background:var(--tn2);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.chat-hd-title{color:var(--tx);font-size:12.5px;font-weight:700}.chat-msgs{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.chat-msgs::-webkit-scrollbar{width:3px}.chat-msgs::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:2px}.chat-empty{text-align:center;color:var(--tx3);flex:1;justify-content:center;align-items:center;padding:24px 16px;font-size:12px;display:flex}.chat-msg{flex-shrink:0;gap:8px;max-width:85%;display:flex}.chat-msg.me{flex-direction:row-reverse;align-self:flex-end}.chat-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:10px;font-weight:700;display:flex}.chat-body{flex-direction:column;min-width:0;max-width:100%;display:flex}.chat-bubble{border-radius:10px;min-width:0;max-width:100%;padding:8px 12px;font-size:12.5px;line-height:1.55;overflow:hidden}.chat-msg:not(.me) .chat-bubble{background:var(--tn2);border:1px solid var(--bd);color:var(--tx);border-radius:3px 10px 10px}.chat-msg.me .chat-bubble{background:var(--grad);color:#fff;border-radius:10px 3px 10px 10px}.chat-meta{color:var(--tx3);margin-top:2px;font-size:10px}.chat-msg.me .chat-meta{text-align:right}.chat-role-tag{background:var(--tn);color:var(--v);border-radius:99px;margin-bottom:3px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.chat-footer{border-top:1px solid var(--bd);background:var(--sf);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.chat-input-row{flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex}.chat-compose-hint{color:var(--tx3);word-break:break-word;padding:6px 10px 0;font-size:10px;line-height:1.4}.chat-error{color:var(--er);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;margin:8px 10px 0;padding:8px 10px;font-size:11.5px;line-height:1.4}.chat-inp{border:1.5px solid var(--bds);font-family:var(--f);color:var(--tx);background:var(--bg);box-sizing:border-box;border-radius:8px;outline:none;flex:1;min-height:34px;padding:7px 11px;font-size:13px;transition:border .15s}.chat-inp:focus{border-color:var(--v);background:#fff}.chat-send{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.chat-send:hover{box-shadow:0 3px 10px #7c3aed66}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-attach{border:1.5px solid var(--bds);background:var(--bg);cursor:pointer;width:34px;height:34px;color:var(--tx2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-attach:hover{border-color:var(--v);background:var(--tn2);color:var(--v)}.chat-attach:disabled{opacity:.5;cursor:not-allowed}.chat-attachments{flex-direction:column;gap:6px;max-width:100%;margin-top:6px;display:flex}.chat-attachment{max-width:100%;color:inherit;background:#ffffff1f;border:1px solid #ffffff26;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:11.5px;text-decoration:none;transition:background .15s;display:flex}.chat-attachment:hover{background:#fff3}.chat-msg:not(.me) .chat-attachment{background:var(--sf);border-color:var(--bd);color:var(--v)}.chat-msg:not(.me) .chat-attachment:hover{background:var(--tn2)}.chat-attachment-icon{color:inherit;flex-shrink:0;align-items:center;margin-top:1px;display:inline-flex}.chat-attachment-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-attachment-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;display:block;overflow:hidden}.chat-attachment-size{opacity:.85;flex-shrink:0;font-size:10px;line-height:1.2}.chat-msg:not(.me) .chat-attachment-size{color:var(--tx3);opacity:1}.chat-pending-files{background:var(--tn2);border-bottom:1px solid var(--bd);flex-direction:column;flex-shrink:0;gap:8px;min-width:0;max-width:100%;padding:12px 12px 10px;display:flex}.chat-pending-hd{color:var(--tx2);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.chat-pending-count{color:var(--v);text-transform:none;letter-spacing:0;font-size:10px;font-weight:700}.chat-pending-list{flex-direction:column;gap:6px;max-height:132px;padding:0 1px;display:flex;overflow-y:auto}.chat-pending-list::-webkit-scrollbar{width:3px}.chat-pending-list::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:2px}.chat-pending-file{background:var(--sf);border:1px solid var(--bd);min-width:0;max-width:100%;color:var(--tx2);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.chat-pending-file-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-pending-file-name{text-overflow:ellipsis;white-space:nowrap;color:var(--tx);font-weight:600;display:block;overflow:hidden}.chat-pending-file-size{color:var(--tx3);font-size:10px}.chat-pending-remove{background:var(--tn2);color:var(--tx3);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;line-height:1;display:inline-flex}.chat-pending-remove:hover{color:var(--er);background:#fef2f2}.tkt-detail-layout{grid-template-columns:1fr 340px;gap:16px;display:grid}.detail-main,.detail-side{flex-direction:column;gap:16px;display:flex}.detail-section{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden}.detail-section .chat-panel{border:none;border-radius:0}.ds-hd{border-bottom:1px solid var(--bd);background:var(--tn2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ds-title{color:var(--tx2);text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:700}.ds-body{padding:16px}.meta-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.meta-item{flex-direction:column;gap:3px;display:flex}.meta-lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;font-weight:600}.meta-val{color:var(--tx);font-size:13px;font-weight:500}.wfb-tabs{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl) var(--rl) 0 0;border-bottom:none;display:flex;overflow:hidden}.wfb-tab{text-align:center;cursor:pointer;color:var(--tx3);border-bottom:2px solid #0000;border-right:1px solid var(--bd);flex:1;padding:12px;font-size:12px;font-weight:600;transition:all .15s}.wfb-tab:last-child{border-right:none}.wfb-tab.active{color:var(--v);border-bottom-color:var(--v);background:var(--tn)}.wfb-tab:hover:not(.active){color:var(--tx2);background:var(--tn2)}.wfb-panel{background:var(--sf);border:1px solid var(--bd);border-radius:0 0 var(--rl) var(--rl);padding:20px 20px 48px;overflow:visible}.field-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field-row{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r);touch-action:none;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.field-row:hover{border-color:#c4b5fd}.field-row-dragging{border-color:#c4b5fd;box-shadow:0 4px 16px #7c3aed1f}.field-sortable-dragging{z-index:2}.field-info{flex:1;min-width:0}.field-info-row{gap:10px;display:flex}.field-info-row>div{flex:1;min-width:0}.field-info-options{margin-top:8px}.field-drag{width:22px;height:28px;color:var(--tx3);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.field-drag:hover{color:var(--v);background:var(--tn2)}.field-drag:active{cursor:grabbing}.field-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.field-name{color:var(--tx);font-size:12.5px;font-weight:600}.field-type{color:var(--tx3);font-size:10.5px}.field-opts{flex-direction:column;flex-shrink:0;justify-content:center;align-self:center;align-items:flex-end;gap:6px;display:flex}.field-required-tag{color:var(--er);background:#fee2e2;border-radius:99px;padding:1px 6px;font-size:9px;font-weight:600}.field-add-btn{border:1.5px dashed var(--bds);width:100%;font-family:var(--f);color:var(--tx3);cursor:pointer;background:0 0;border-radius:8px;padding:9px;font-size:12px;font-weight:600;transition:all .15s}.field-add-btn:hover{border-color:var(--v);color:var(--v);background:var(--tn)}.appr-level{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r);align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex;overflow:visible}.appr-level:hover{border-color:#c4b5fd}.appr-level-dragging{border-color:#c4b5fd;box-shadow:0 4px 16px #7c3aed1f}.appr-sortable-list{flex-direction:column;gap:8px;display:flex;overflow:visible}.appr-sortable-dragging{z-index:2}.appr-level-drag{width:22px;height:28px;color:var(--tx3);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:22px;padding:0;font-size:12px;line-height:1;display:flex}.appr-level-drag:hover{color:var(--v);background:var(--tn2)}.appr-level-drag:active{cursor:grabbing}.appr-level-num{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:22px;font-size:11px;font-weight:700;display:flex}.appr-level>.btn{flex-shrink:0;margin-top:22px}.appr-level-info{flex:1;min-width:0;overflow:visible}.appr-level-name{color:var(--tx);font-size:12.5px;font-weight:600}.appr-level-sub{color:var(--tx3);margin-top:2px;font-size:11px}.appr-connector{text-align:center;color:var(--tx3);margin:2px 0;font-size:18px}.mcs{position:relative}.mcs-trigger{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.mcs-trigger:disabled{opacity:.6;cursor:not-allowed}.mcs-placeholder{color:var(--tx3)}.mcs-chevron{color:var(--tx3);flex-shrink:0;font-size:10px}.mcs-open .mcs-trigger{border-color:var(--v);box-shadow:0 0 0 3px #7c3aed1a}.mcs-menu-portal{z-index:10000;overscroll-behavior:contain;border:1.5px solid var(--bd);-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;padding:4px;position:fixed;overflow:hidden auto;box-shadow:0 8px 24px #0000001a}.mcs-option{color:var(--tx);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.mcs-option:hover{background:var(--tn2)}.mcs-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--v);cursor:pointer;flex-shrink:0}.num-stepper{align-items:stretch;width:100%;display:flex}.num-stepper-disabled{opacity:.6}.num-stepper-btn{border:1.5px solid var(--bds);background:var(--tn2);width:34px;color:var(--tx2);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;transition:background .12s,border-color .12s,color .12s}.num-stepper-btn:first-child{border-right:none;border-radius:8px 0 0 8px}.num-stepper-btn:last-child{border-left:none;border-radius:0 8px 8px 0}.num-stepper-btn:hover:not(:disabled){background:var(--tn);color:var(--v);border-color:#c4b5fd}.num-stepper-btn:disabled{opacity:.45;cursor:not-allowed}.num-stepper-input{text-align:center;border:1.5px solid var(--bds);min-width:0;font-family:var(--f);color:var(--tx);background:var(--bg);-moz-appearance:textfield;border-radius:0;outline:none;flex:1;padding:8px 6px;font-size:13px}.num-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-stepper-input:focus{border-color:var(--v);z-index:1;box-shadow:0 0 0 3px #7c3aed1a}.dep-tag{color:#5b21b6;background:#ede9fe;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:600}.kanban{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kb-col{background:var(--tn2);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden}.kb-col-hd{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.kb-col-title{color:var(--tx2);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.kb-count{background:var(--bd);color:var(--tx3);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.kb-col-body{flex-direction:column;gap:8px;min-height:200px;padding:10px;transition:background .15s,box-shadow .15s;display:flex}.kb-col-over{border-radius:0 0 var(--rl) var(--rl);background:#7c3aed0f;box-shadow:inset 0 0 0 2px #7c3aed40}.kb-col-invalid{box-shadow:inset 0 0 0 2px #dc262659}.kb-col-empty{text-align:center;color:var(--tx3);border:1px dashed var(--bds);border-radius:var(--r);padding:8px;font-size:12px}.kb-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);cursor:pointer;touch-action:none;padding:10px 12px 10px 28px;transition:all .15s;position:relative}.kb-card-drag{width:18px;height:18px;color:var(--tx3);cursor:grab;border-radius:4px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;top:10px;left:6px}.kb-card-drag-disabled{opacity:.35;cursor:not-allowed}.kb-card-drag:active{cursor:grabbing}.kb-card-drag:hover{color:var(--v);background:var(--tn)}.kb-card-dragging{opacity:.35}.kb-card-overlay{cursor:grabbing;border-color:#c4b5fd;padding-left:12px;transform:rotate(1deg);box-shadow:0 8px 24px #7c3aed33}.kb-card-prog{border-left:2px solid var(--v)}.kb-card-done{opacity:.75}.kb-card:hover{border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed1a}.kb-card-title{color:var(--tx);margin-bottom:4px;font-size:12.5px;font-weight:600}.kb-card-tkt{color:var(--tx3);margin-bottom:6px;font-size:11px}.kb-card-foot{justify-content:space-between;align-items:center;display:flex}.kb-priority{border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.kp-high{color:var(--er);background:#fee2e2}.kp-med{color:var(--wa);background:#fef3c7}.kp-low{color:var(--ok);background:#d1fae5}.kb-due{color:var(--tx3);font-size:10px}.wizard-steps{border-bottom:1px solid var(--bd);background:var(--sf);border-radius:var(--rl) var(--rl) 0 0;margin-bottom:24px;display:flex;overflow:hidden}.wizard-step{cursor:pointer;border-right:1px solid var(--bd);flex:1;align-items:center;gap:10px;padding:14px;transition:background .15s;display:flex}.wizard-step:last-child{border-right:none}.wizard-step.ws-done{background:#ecfdf5}.wizard-step.ws-active{background:var(--tn);border-bottom:2px solid var(--v)}.wizard-step.ws-wait{background:var(--sf)}.ws-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.wizard-step.ws-done .ws-num{background:var(--ok);color:#fff}.wizard-step.ws-active .ws-num{background:var(--v);color:#fff}.wizard-step.ws-wait .ws-num{background:var(--bd);color:var(--tx3)}.ws-lbl{color:var(--tx);font-size:12.5px;font-weight:600}.wizard-step.ws-wait .ws-lbl{color:var(--tx3)}.wizard-content{background:var(--sf);border:1px solid var(--bd);border-radius:0 0 var(--rl) var(--rl);border-top:none;padding:22px}.wizard-foot{border-top:1px solid var(--bd);justify-content:space-between;margin-top:20px;padding-top:16px;display:flex}.page-hd{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.page-title{color:var(--tx);letter-spacing:-.4px;font-size:20px;font-weight:800}.page-sub{color:var(--tx3);margin-top:3px;font-size:12.5px}.section-hd{color:var(--tx2);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--bd);margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.category-item{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--tx2);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.category-item-main{pointer-events:none;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.category-item .action-btns{flex-shrink:0}.category-item .btn-icon{width:26px;height:26px}.category-item .btn-icon svg{width:13px;height:13px}.category-item:hover{background:var(--tn);color:var(--v);border-color:#c4b5fd}.category-item.active{background:var(--tn);color:var(--v);border-color:#c4b5fd;font-weight:600}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag{border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-v{background:var(--tn);color:var(--v);border:1px solid #c4b5fd}.tag-g{color:#065f46;background:#d1fae5}.tag-p{color:#9d174d;background:#fce7f3}.tag-b{color:#1d4ed8;background:#dbeafe}.flex-row{align-items:center;gap:8px;display:flex}.flex-col{flex-direction:column;gap:8px;display:flex}.info-box{background:var(--tn2);border:1px solid var(--bd);border-radius:var(--r);color:var(--tx2);padding:12px 14px;font-size:12.5px;line-height:1.6}.priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pd-high{background:var(--er)}.pd-med{background:var(--wa)}.pd-low{background:var(--ok)}.avatar-row{align-items:center;gap:6px;display:flex}.av-sm{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.toggle-t{background:var(--bds);cursor:pointer;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.toggle-t.on{background:var(--v)}.toggle-k{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-t.on .toggle-k{transform:translate(14px)}.empty-state{text-align:center;color:var(--tx3);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.empty-state-compact{padding:24px}.empty-state-compact .empty-icon{margin-bottom:8px;font-size:28px}.empty-icon{opacity:.35;margin-bottom:12px;font-size:36px}.empty-title{color:var(--tx2);margin-bottom:4px;font-size:14px;font-weight:600}.empty-sub{font-size:12px;line-height:1.5}.file-upload-zone{border:2px dashed var(--bds);border-radius:var(--r);text-align:center;cursor:pointer;background:var(--tn2);color:var(--tx3);padding:20px;font-size:12.5px;transition:all .15s}.file-upload-zone:hover{border-color:var(--v);background:var(--tn)}.uploaded-files{flex-direction:column;gap:6px;display:flex}.uploaded-file{background:var(--sf);border:1px solid var(--bd);border-radius:7px;align-items:center;gap:8px;min-width:0;padding:7px 10px;font-size:12px;display:flex}.uploaded-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.action-btns{align-items:center;gap:6px;display:flex}.btn-icon{border:1px solid var(--bd);background:var(--sf);cursor:pointer;width:30px;height:30px;color:var(--tx2);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-icon svg{display:block}.btn-icon:hover:not(:disabled){background:var(--tn);border-color:#c4b5fd}.btn-icon:disabled{opacity:.45;cursor:not-allowed}.btn-icon.primary{color:var(--v)}.btn-icon.primary:hover:not(:disabled){background:var(--tn);border-color:var(--v);color:var(--v)}.btn-icon.danger{color:var(--er)}.btn-icon.danger:hover:not(:disabled){color:var(--er);background:#fef2f2;border-color:#fca5a5}.btn-icon.ok{color:var(--ok)}.btn-icon.ok:hover:not(:disabled){color:var(--ok);background:#ecfdf5;border-color:#6ee7b7}.btn-icon.secondary{color:var(--wa)}.btn-icon.secondary:hover:not(:disabled){color:var(--wa);background:#fffbeb;border-color:#fcd34d}.tbl-pagination{border-top:1px solid var(--bd);background:var(--tn2);justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.tbl-pagination-plain{background:0 0;border-top:none;padding:16px 0 0}.tbl-pagination-info{color:var(--tx2);text-align:center;min-width:120px;font-size:12.5px;font-weight:600}.auth-card{background:#1a1530;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:40px 36px;animation:.3s fadeIn;position:relative;box-shadow:0 24px 80px #0006}.auth-title{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:800}.auth-subtitle{color:#ffffff73;margin-bottom:20px;font-size:13px;line-height:1.55}.auth-email-chip{color:#c4b5fd;max-width:100%;font-size:12px;font-weight:600;font-family:var(--fm);text-overflow:ellipsis;white-space:nowrap;background:#7c3aed1f;border:1px solid #7c3aed38;border-radius:999px;align-items:center;margin-bottom:24px;padding:7px 12px;display:inline-flex;overflow:hidden}.auth-field{margin-bottom:20px}.auth-field-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.auth-field-label{color:#fff9;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.auth-field-label-row .auth-field-label{margin-bottom:0}.auth-inp-dark{color:#fff!important;background:#ffffff0d!important;border-color:#ffffff1f!important}.auth-inp-dark::placeholder{color:#ffffff47}.auth-inp-dark:focus{background:#ffffff12!important;border-color:#7c3aed8c!important;box-shadow:0 0 0 3px #7c3aed26!important}.auth-link{color:#c4b5fdcc;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--f);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;transition:color .15s}.auth-link:hover{color:#e9d5ff}.auth-link:disabled{opacity:.6;cursor:not-allowed}.auth-link-muted{color:#ffffff6b;padding:2px 4px;font-size:13px}.auth-link-muted:hover{color:#ffffffb8}.auth-primary-btn{justify-content:center;width:100%;padding:11px 14px;font-size:14px}.auth-footer{border-top:1px solid #ffffff14;justify-content:center;margin-top:20px;padding-top:18px;display:flex}.auth-alert{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;line-height:1.5}.auth-alert-error{color:#fca5a5;background:#dc26261f;border:1px solid #dc26264d}.auth-alert-info{color:#c4b5fd;background:#7c3aed1f;border:1px solid #7c3aed4d}.auth-otp-input{letter-spacing:.3em;font-family:var(--fm);text-align:center;font-size:18px}