:root{--bg:#F4F5F1;--s1:#FFFFFF;--s2:#F7F8F5;--s3:#EEF0EA;--s4:#E4E7DF;--b1:#E3E6DE;--b2:#D2D6CB;--b3:#B7BCAF;--tx:#14202E;--m3:#2F3B4A;--m2:#515C6B;--mu:#6B7482;--ac:#1359D9;--ac2:#1D5FDB;--ac-hover:#0F4AB8;--ad:rgba(19,89,217,.09);--ag:rgba(19,89,217,.18);--rd:#C62828;--rdd:rgba(198,40,40,.09);--am:#B45309;--amd:rgba(217,119,6,.12);--gn:#15803D;--gnd:rgba(21,128,61,.1);--pu:#6D28D9;--pud:rgba(109,40,217,.09);--or:#C2410C;--ord:rgba(194,65,12,.1);--wc:#15803D;--wd:rgba(21,128,61,.1);--gold:#92400E;--goldd:rgba(146,64,14,.1);--nav:#0C1A30;--nav2:#13243F;--nav-tx:rgba(255,255,255,.74);--r-sm:8px;--r:12px;--r-lg:16px;--sh1:0 1px 2px rgba(16,24,40,.05);--sh2:0 6px 20px rgba(16,24,40,.08);--sh3:0 20px 50px rgba(12,26,48,.22);--sidebar:248px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--tx);font-family:var(--font);font-size:15px;line-height:1.45;display:flex;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}#root{display:flex;width:100%}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--ag);outline-offset:2px}.num{font-variant-numeric:tabular-nums}a{color:var(--ac)}.sidebar{width:var(--sidebar);min-width:var(--sidebar);background:var(--nav);display:flex;flex-direction:column;height:100vh;position:relative;z-index:100}.logo-area{padding:22px 22px 18px;display:flex;align-items:center;flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 12px 12px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.nav-group{margin-bottom:18px}.nav-group-label{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#ffffff6b;padding:0 12px;margin-bottom:6px;font-weight:600}.ni{display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 12px;border-radius:10px;color:var(--nav-tx);font-size:14.5px;font-weight:500;border:none;background:none;width:100%;text-align:left;transition:background .15s,color .15s;position:relative}.ni svg{opacity:.85}.ni:hover{background:#ffffff12;color:#fff}.ni.active{background:var(--ac);color:#fff;font-weight:600;box-shadow:0 4px 14px #1359d959}.ni.active svg{opacity:1}.ni .badge{margin-left:auto;background:#ffffff1a;color:#ffffffd9;border-radius:20px;font-size:12px;padding:1px 8px;font-weight:600}.ni.active .badge{background:#ffffff38;color:#fff}.ni .badge.alert{background:var(--rd);color:#fff}.ni-alert{margin-left:auto;width:8px;height:8px;background:#f87171;border-radius:50%;box-shadow:0 0 0 3px #f8717140}.ni.danger{color:#fca5a5}.ni.danger:hover{background:#f871711f;color:#fecaca}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.user-pill{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--nav2);border:none;width:100%;text-align:left;color:#fff}.user-pill:hover{background:#1a2e4e}.u-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;background:var(--ac);color:#fff}.u-name{font-size:13.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-role{font-size:12px;color:#ffffff8c}.version-link{margin-top:8px;width:100%;background:none;border:none;color:#ffffff61;font-size:11.5px;padding:4px}.version-link:hover{color:#ffffffb3}.main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--b1);display:flex;align-items:center;padding:0 28px;gap:14px;flex-shrink:0;background:var(--s1);position:relative;z-index:50}.tb-title{min-width:0}.tb-title h1{font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-title p{font-size:13px;color:var(--m2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-right{margin-left:auto;display:flex;align-items:center;gap:10px}.tb-search{position:relative;width:320px}.tb-search input{width:100%;height:42px;border-radius:10px;border:1px solid var(--b1);background:var(--s2);padding:0 14px 0 40px;font-size:14.5px;outline:none;transition:border-color .15s,background .15s}.tb-search input:focus{border-color:var(--ac);background:#fff;box-shadow:0 0 0 3px var(--ad)}.tb-search>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mu);pointer-events:none}.tb-results{position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid var(--b1);border-radius:12px;box-shadow:var(--sh3);overflow:hidden;z-index:200;max-height:420px;overflow-y:auto}.tb-result{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%;border:none;background:none;text-align:left;border-bottom:1px solid var(--b1)}.tb-result:last-child{border-bottom:none}.tb-result:hover,.tb-result.hl{background:var(--s2)}.icon-btn{position:relative;width:42px;height:42px;border-radius:10px;border:1px solid var(--b1);background:var(--s1);display:inline-flex;align-items:center;justify-content:center;color:var(--m3);transition:all .15s;flex-shrink:0}.icon-btn:hover{background:var(--s3);border-color:var(--b2)}.icon-btn.sm{width:34px;height:34px;border-radius:8px}.icon-btn.ghost{border-color:transparent;background:transparent}.icon-btn.ghost:hover{background:var(--s3)}.icon-btn.danger:hover{color:var(--rd);background:var(--rdd);border-color:transparent}.dot-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--rd);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.hamburger{display:none}.btn-primary,.btn-ghost,.btn-danger,.btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;font-size:14.5px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;border:1px solid transparent}.btn-primary{background:var(--ac);color:#fff;box-shadow:0 1px 2px #1359d94d}.btn-primary:hover:not(:disabled){background:var(--ac-hover)}.btn-ghost{background:var(--s1);color:var(--m3);border-color:var(--b2)}.btn-ghost:hover:not(:disabled){background:var(--s3);color:var(--tx)}.btn-soft{background:var(--ad);color:var(--ac)}.btn-soft:hover:not(:disabled){background:var(--ag)}.btn-danger{background:var(--rd);color:#fff}.btn-danger:hover:not(:disabled){background:#a61f1f}.btn-sm{height:34px!important;padding:0 12px!important;font-size:13.5px!important;border-radius:8px!important;gap:6px!important}.btn-lg{height:50px;padding:0 22px;font-size:15.5px;border-radius:12px}.btn-block{width:100%}.btn-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ac);color:#fff;font-weight:600;font-size:15px;height:46px;padding:0 24px;border-radius:10px;border:none;transition:background .15s}.btn-save:hover:not(:disabled){background:var(--ac-hover)}.btn-link{background:none;border:none;color:var(--ac);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px;padding:4px 0}.btn-link:hover{text-decoration:underline}.bw{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 13px;border-radius:9px;background:#e8f6ec;color:#136c33;border:1px solid #BFE5CB;font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s}.bw:hover{background:#d3efdc}.bw svg{flex-shrink:0}.bw.solid{background:#1fa855;border-color:#1fa855;color:#fff}.bw.solid:hover{background:#178f47}.bw.icon{width:36px;padding:0}.bw-full{width:100%}.btn-wpp-send{display:inline-flex;align-items:center;gap:8px;background:#1fa855;color:#fff;font-weight:600;font-size:15px;height:46px;padding:0 22px;border-radius:10px;border:none}.btn-wpp-send:hover{background:#178f47}.page-wrap{flex:1;overflow-y:auto;padding:28px;animation:fadeUp .2s ease}.page-inner{max-width:1400px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h2{font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.page-head p{font-size:14.5px;color:var(--m2);margin-top:4px}.page-head .actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.section-title{font-size:16px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.muted{color:var(--m2)}.subtle{color:var(--mu)}.card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);box-shadow:var(--sh1)}.card-header{padding:16px 20px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:9px}.card-title svg{color:var(--ac)}.card-sub{font-size:13px;color:var(--m2);font-weight:400}.card-body{padding:18px 20px}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.g31{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.g13{display:grid;grid-template-columns:1fr 3fr;gap:16px}.gap-b{margin-bottom:18px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;margin-bottom:20px}.stat{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:6px;text-align:left;min-width:0}button.stat{cursor:pointer;transition:border-color .15s,box-shadow .15s}button.stat:hover{border-color:var(--b3);box-shadow:var(--sh2)}button.stat.on{border-color:var(--ac);box-shadow:0 0 0 3px var(--ad)}.stat-top{display:flex;align-items:center;gap:10px}.stat-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:14px;color:var(--m2);font-weight:500;line-height:1.25}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.6px;line-height:1.1;font-variant-numeric:tabular-nums;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-hint{font-size:13px;color:var(--mu)}.tone-blue{background:var(--ad);color:var(--ac)}.tone-green{background:var(--gnd);color:var(--gn)}.tone-amber{background:var(--amd);color:var(--am)}.tone-red{background:var(--rdd);color:var(--rd)}.tone-purple{background:var(--pud);color:var(--pu)}.tone-orange{background:var(--ord);color:var(--or)}.tone-gray{background:var(--s3);color:var(--m2)}.kpi{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);padding:18px 20px;position:relative;box-shadow:var(--sh1)}.kpi-label{font-size:14px;color:var(--m2);font-weight:500;margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700;letter-spacing:-.6px;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-delta{font-size:13px;margin-top:6px;color:var(--mu)}.kpi-delta.up{color:var(--gn)}.kpi-delta.dn{color:var(--am)}.kpi-ico{display:none}.bars{display:flex;flex-direction:column;gap:14px}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:12px;font-size:14px}.bar-row .lbl{color:var(--m3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.bar-row .val{font-weight:600;font-variant-numeric:tabular-nums;text-align:right;min-width:48px}.bar-track{height:12px;background:var(--s3);border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:var(--ac);min-width:4px;transition:width .4s ease}button.bar-row{border:none;background:none;text-align:left;padding:0;width:100%}button.bar-row:hover .lbl{color:var(--ac)}.prog-row{margin-bottom:14px}.prog-lbl{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;color:var(--m3)}.prog-lbl span:last-child{font-weight:600;color:var(--tx)}.prog-track{height:10px;background:var(--s3);border-radius:5px;overflow:hidden}.prog-fill{height:100%;border-radius:5px;background:var(--ac)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar .grow{flex:1;min-width:220px}.fbar{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:12px 14px;margin-bottom:16px}.frow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.flbl{font-size:12px;color:var(--mu);font-weight:600}.fsel{height:42px;background:var(--s1);border:1px solid var(--b2);border-radius:10px;color:var(--tx);font-size:14px;padding:0 34px 0 12px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23515C6B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;max-width:100%}.fsel:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ad)}.fsel.on{border-color:var(--ac);background-color:var(--ad);color:var(--ac);font-weight:600}.fdiv{width:1px;height:26px;background:var(--b1);margin:0 2px}.fcount{font-size:13.5px;color:var(--m2);margin-left:auto}.fcount strong{color:var(--tx)}.chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:20px;border:1px solid var(--b2);font-size:14px;font-weight:500;background:var(--s1);color:var(--m3);white-space:nowrap;transition:all .15s}.chip:hover{border-color:var(--b3);color:var(--tx)}.chip.on{background:var(--tx);border-color:var(--tx);color:#fff}.chip .n{font-size:12px;font-weight:700;padding:1px 7px;border-radius:10px;background:var(--s3);color:var(--m2)}.chip.on .n{background:#fff3;color:#fff}.chip.warn .n{background:var(--amd);color:var(--am)}.chip-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.seg{display:inline-flex;background:var(--s3);border-radius:10px;padding:4px;gap:2px}.seg button{height:34px;padding:0 14px;border-radius:7px;border:none;background:none;font-size:14px;font-weight:500;color:var(--m2);white-space:nowrap}.seg button.on{background:#fff;color:var(--tx);font-weight:600;box-shadow:var(--sh1)}.search-wrap{position:relative;display:flex;align-items:center;min-width:0}.search-wrap>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mu);pointer-events:none}.search-wrap .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--mu);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.search-wrap .search-clear:hover{background:var(--s3);color:var(--tx)}.search-inp{height:42px;background:var(--s1);border:1px solid var(--b2);border-radius:10px;padding:0 36px 0 40px;font-size:14.5px;outline:none;min-width:220px;width:100%}.search-inp:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ad)}.search-inp::placeholder{color:var(--mu)}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:12.5px;color:var(--m2);padding:12px 16px;font-weight:600;border-bottom:1px solid var(--b1);background:var(--s2);white-space:nowrap}thead th:first-child{border-top-left-radius:0}tbody tr{border-bottom:1px solid var(--b1);transition:background .1s}tbody tr:hover{background:#fafbf8}tbody tr:last-child{border-bottom:none}tbody tr.sel{background:var(--ad)}td{padding:13px 16px;font-size:14px;vertical-align:middle}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.cell-main{font-weight:600;color:var(--tx);line-height:1.3}.cell-sub{font-size:13px;color:var(--m2);margin-top:2px}.row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.chk{width:18px;height:18px;accent-color:var(--ac);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;font-size:12.5px;font-weight:600;white-space:nowrap}.bdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:currentColor}.b-blue{background:var(--ad);color:var(--ac)}.b-green{background:var(--gnd);color:var(--gn)}.b-amber{background:var(--amd);color:var(--am)}.b-orange{background:var(--ord);color:var(--or)}.b-red{background:var(--rdd);color:var(--rd)}.b-purple{background:var(--pud);color:var(--pu)}.b-gold{background:var(--goldd);color:var(--gold)}.b-gray{background:var(--s3);color:var(--m2)}.b-outline{background:transparent;border:1px solid var(--b2);color:var(--m3)}.porte-tag{display:inline-block;font-size:12.5px;padding:2px 8px;border-radius:6px;border:1px solid var(--b2);color:var(--m3)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;color:#fff}.avatar.sm{width:32px;height:32px;font-size:12px}.empty{text-align:center;padding:48px 24px;color:var(--m2)}.empty-ico{width:64px;height:64px;border-radius:18px;background:var(--s3);color:var(--m2);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.empty h3{font-size:17px;color:var(--tx);margin-bottom:6px}.empty p{font-size:14.5px;max-width:420px;margin:0 auto 18px}.empty.sm{padding:28px 16px}.empty.sm .empty-ico{width:48px;height:48px;border-radius:14px;margin-bottom:10px}.empty.sm p{margin-bottom:0}.callout{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}.callout svg{margin-top:1px}.callout.info{background:var(--ad);color:#0e3f9c}.callout.ok{background:var(--gnd);color:#0f5a2b}.callout.warn{background:var(--amd);color:#7a3a06}.callout.err{background:var(--rdd);color:#8e1c1c}.kanban{display:grid;gap:14px;align-items:start}.kcol{background:var(--s3);border-radius:var(--r-lg);padding:10px;min-height:160px;transition:background .15s,box-shadow .15s;border:2px solid transparent}.kcol.drag-over{background:var(--ad);border-color:var(--ac)}.kcol-hdr{display:flex;align-items:center;gap:8px;padding:6px 6px 12px}.kcol-title{font-size:14.5px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0;overflow:hidden;flex:1}.kcol-title span.t{overflow:hidden;text-overflow:ellipsis}.kcol-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kcol-count{background:var(--s1);border-radius:20px;font-size:12.5px;font-weight:700;padding:1px 9px;color:var(--m2)}.kcol-sum{font-size:13px;color:var(--m2);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px 10px;margin-top:-6px}.kcol-drop{text-align:center;color:var(--mu);font-size:13.5px;padding:22px 8px;border:2px dashed var(--b2);border-radius:12px}.kcard{background:var(--s1);border:1px solid var(--b1);border-radius:12px;padding:12px;margin-bottom:8px;cursor:grab;box-shadow:var(--sh1);transition:border-color .15s,box-shadow .15s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.kcard:hover{border-color:var(--b3);box-shadow:var(--sh2)}.kcard:last-child{margin-bottom:0}.kcard.dragging{opacity:.4}.kcard-starred{border-color:#f2c46b;box-shadow:inset 3px 0 #e8a317,var(--sh1)}.kcard-name{font-size:15px;font-weight:600;line-height:1.3}.kcard-meta{font-size:13px;color:var(--m2);margin-top:2px;display:flex;align-items:center;gap:5px}.kcard-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:8px}.kcard-tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--gold);background:var(--goldd);border-radius:6px;padding:2px 8px;margin-top:8px;font-weight:600;max-width:100%}.kcard-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kcard-footer{display:flex;align-items:center;gap:6px;margin-top:10px}.drag-overlay-card{background:var(--s1);border:2px solid var(--ac);border-radius:12px;padding:12px 14px;box-shadow:var(--sh3);cursor:grabbing;transform:rotate(2deg)}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--b1)}.list-item:last-child{border-bottom:none}.list-item .grow{flex:1;min-width:0}.li-title{font-size:14.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.li-sub{font-size:13px;color:var(--m2);margin-top:2px}.act-item,.task-item,.bday-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--b1)}.act-item:last-child,.task-item:last-child,.bday-item:last-child{border-bottom:none}.task-check{width:24px;height:24px;border-radius:7px;border:2px solid var(--b3);background:#fff;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;display:grid;place-content:center;transition:all .15s}.task-check:hover{border-color:var(--ac)}.task-check:checked{background:var(--gn);border-color:var(--gn)}.task-check:checked:after{content:"";width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.task-title{font-size:15px;font-weight:600}.task-meta{font-size:13px;color:var(--m2);margin-top:3px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}.task-meta span{display:inline-flex;align-items:center;gap:5px}.mcards{display:none}.mcard{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--b1);align-items:flex-start}.mcard:last-child{border-bottom:none}.mcard .grow{flex:1;min-width:0}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tile{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);padding:18px;text-align:left;box-shadow:var(--sh1);transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:12px;width:100%}.tile:hover{border-color:var(--b3);box-shadow:var(--sh2);transform:translateY(-1px)}.tile-head{display:flex;gap:12px;align-items:flex-start}.tile-name{font-size:16px;font-weight:700;line-height:1.3}.tile-meta{font-size:13px;color:var(--m2);display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}.tile-meta span{display:inline-flex;align-items:center;gap:5px}.tile-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--b1)}.tile-nums b{display:block;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-nums small{font-size:12.5px;color:var(--m2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1a308c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--s1);border-radius:18px;position:relative;box-shadow:var(--sh3);max-width:100%;animation:pop .18s ease;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.modal-hdr{padding:20px 24px 16px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:14px;flex-shrink:0;background:var(--s1);border-radius:18px 18px 0 0}.modal-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ad);color:var(--ac)}.modal-title{font-size:18px;font-weight:700;line-height:1.25}.modal-sub{font-size:13.5px;color:var(--m2);margin-top:2px}.modal-cls{margin-left:auto;width:40px;height:40px;border-radius:10px;border:none;background:none;color:var(--m2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-cls:hover{background:var(--s3);color:var(--tx)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--b1);flex-shrink:0;background:var(--s1);border-radius:0 0 18px 18px}.sec-label{font-size:13px;font-weight:700;color:var(--m3);margin:22px 0 12px;display:flex;align-items:center;gap:8px}.sec-label svg{color:var(--ac)}.sec-label:first-child{margin-top:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid.full{grid-template-columns:1fr}.field-grid .span{grid-column:1/-1}.field label{font-size:13.5px;color:var(--m3);font-weight:600;display:block;margin-bottom:6px}.field .hint{font-size:12.5px;color:var(--mu);margin-top:5px}.finp{width:100%;min-height:44px;background:var(--s1);border:1px solid var(--b2);border-radius:10px;padding:10px 12px;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}select.finp{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23515C6B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}textarea.finp{min-height:84px;resize:vertical;line-height:1.5}.finp:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ad)}.finp::placeholder{color:var(--mu)}.finp.ok{border-color:#7cc596;background:#f4fbf6}.ferr{background:var(--rdd);border-radius:10px;padding:10px 14px;font-size:14px;color:#8e1c1c;margin-bottom:14px;display:flex;gap:8px;align-items:center}.choice-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.choice{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 10px;border-radius:10px;border:2px solid var(--b1);background:var(--s1);font-size:14.5px;font-weight:600;color:var(--m2);transition:all .15s}.choice:hover{border-color:var(--b3)}.choice.on{border-color:var(--c,var(--ac));background:color-mix(in srgb,var(--c,var(--ac)) 9%,#fff);color:var(--c,var(--ac))}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid var(--b1);border-radius:12px;box-shadow:var(--sh3);padding:6px;z-index:300}.menu.left{right:auto;left:0}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border:none;background:none;border-radius:8px;font-size:14px;text-align:left;color:var(--m3)}.menu-item:hover{background:var(--s2);color:var(--tx)}.menu-item.danger{color:var(--rd)}.menu-item.danger:hover{background:var(--rdd)}.menu-sep{height:1px;background:var(--b1);margin:6px 4px}.menu-label{font-size:12px;color:var(--mu);font-weight:600;padding:6px 10px 4px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299}.wpp-recipient{background:var(--s2);border-radius:12px;padding:12px 14px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.tmpl-opt{background:var(--s1);border:2px solid var(--b1);border-radius:10px;padding:10px 12px;width:100%;text-align:left;transition:border-color .15s;margin-bottom:8px;display:block}.tmpl-opt:hover{border-color:var(--b3)}.tmpl-opt.sel{border-color:#1fa855;background:#f2faf5}.tmpl-title{font-size:14px;font-weight:600;margin-bottom:2px}.tmpl-preview{font-size:13px;color:var(--m2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpp-msg{width:100%;background:#f2faf5;border:1px solid #BFE5CB;border-radius:12px;font-size:15px;padding:12px 14px;resize:vertical;outline:none;min-height:110px;line-height:1.5}.wpp-msg:focus{border-color:#1fa855;box-shadow:0 0 0 3px #1fa85526}.notif-panel{position:absolute;top:56px;right:0;width:380px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--b1);border-radius:16px;z-index:4000;box-shadow:var(--sh3);overflow:hidden}.notif-hdr{padding:16px 18px 12px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between}.notif-list{max-height:420px;overflow-y:auto}.notif-item{padding:12px 18px;border-bottom:1px solid var(--b1);display:flex;gap:12px;align-items:center;width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left}.notif-item:hover{background:var(--s2)}.notif-item:last-child{border-bottom:none}.notif-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-txt{font-size:14px;line-height:1.4}.notif-time{font-size:12.5px;color:var(--mu);margin-top:2px}.admin-modal{background:var(--s1);border-radius:18px;width:860px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--sh3)}.admin-tabs{display:flex;gap:2px;background:var(--s3);border-radius:10px;padding:4px;margin-bottom:18px;overflow-x:auto}.atab{flex:1;height:38px;padding:0 12px;border-radius:7px;background:none;border:none;color:var(--m2);font-size:14px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px}.atab:hover{color:var(--tx)}.atab.on{background:#fff;color:var(--tx);font-weight:600;box-shadow:var(--sh1)}.urow{background:var(--s1);border:1px solid var(--b1);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.urow:hover{border-color:var(--b2)}.urow-avt{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.urow-info{flex:1;min-width:0}.urow-name{font-size:14.5px;font-weight:600}.urow-meta{font-size:13px;color:var(--m2);margin-top:1px}.urow-actions{display:flex;gap:6px;flex-wrap:wrap}.uact{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;background:var(--s1);border:1px solid var(--b2);border-radius:8px;font-size:13px;font-weight:500;color:var(--m3);transition:all .15s}.uact:hover{background:var(--s3);color:var(--tx)}.uact.del{color:var(--rd)}.uact.del:hover{background:var(--rdd);border-color:transparent}.rb{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.rb-dono,.rb-super{background:var(--ad);color:var(--ac)}.rb-oper{background:var(--pud);color:var(--pu)}.rb-cli{background:var(--gnd);color:var(--gn)}.perm-table{width:100%;border-collapse:collapse}.perm-table th{text-align:left;font-size:12px;color:var(--m2);padding:0 12px 10px;border-bottom:1px solid var(--b1)}.perm-table td{padding:10px 12px;border-bottom:1px solid var(--b1);font-size:14px}.psec{font-size:12px;color:var(--m2);padding:10px 12px 4px;background:var(--s3);font-weight:600}.log-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--b1);align-items:flex-start}.log-row:last-child{border-bottom:none}.log-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.log-txt{font-size:14px;flex:1}.log-who{font-weight:600}.log-time{font-size:12.5px;color:var(--mu);white-space:nowrap;margin-left:auto}.config-section{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);padding:22px;margin-bottom:16px}.config-title{font-size:16px;font-weight:700;margin-bottom:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--b1)}.toggle-row:last-child{border-bottom:none}.toggle{width:44px;height:26px;background:var(--b3);border-radius:99px;position:relative;border:none;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--ac)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(18px)}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 20% 0%,#1A3A6E 0%,transparent 60%),linear-gradient(160deg,#0c1a30,#0a1628);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.login-wrap{width:420px;max-width:100%}.login-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px}.login-box{background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 80px #00000059}.login-title{font-size:22px;font-weight:700;margin-bottom:4px;color:var(--tx)}.login-sub{font-size:14.5px;color:var(--m2);margin-bottom:22px}.lerr{background:var(--rdd);border-radius:10px;padding:10px 14px;font-size:14px;color:#8e1c1c;margin-bottom:16px;display:flex;gap:8px;align-items:flex-start}.lfield{margin-bottom:16px}.lfield label{font-size:14px;color:var(--m3);display:block;margin-bottom:6px;font-weight:600}.linp{width:100%;height:50px;background:#fff;border:1px solid var(--b2);border-radius:12px;padding:0 14px;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.linp:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ad)}.linp::placeholder{color:var(--mu)}.lbtn{width:100%;height:52px;background:var(--ac);color:#fff;font-weight:700;font-size:16px;border-radius:12px;border:none;margin-top:6px;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:8px}.lbtn:hover:not(:disabled){background:var(--ac-hover)}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast{background:var(--nav);color:#fff;font-weight:500;font-size:14.5px;padding:12px 16px 12px 14px;border-radius:12px;box-shadow:var(--sh3);display:flex;align-items:center;gap:10px;max-width:420px;animation:toastIn .25s ease forwards}.toast .t-ico{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast.success .t-ico{background:#1fa855}.toast.error .t-ico{background:#e24c4c}.toast.warn .t-ico{background:#e8a317}.toast.info .t-ico{background:var(--ac)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-wrap::-webkit-scrollbar,.kanban::-webkit-scrollbar{width:10px;height:10px}.page-wrap::-webkit-scrollbar-thumb,.kanban::-webkit-scrollbar-thumb{background:var(--b2);border-radius:5px;border:2px solid var(--bg)}.bottom-nav{display:none}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1a3080;z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:1180px){.tb-search{width:240px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g31{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){html,body,#root{overflow:auto;overflow-x:hidden;height:auto;min-height:100%}.main{max-width:100vw}#root{flex-direction:column}.main{height:auto;overflow:visible;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:200;transform:translate(-100%);transition:transform .25s ease;width:284px;min-width:284px}.sidebar.open{transform:none;box-shadow:var(--sh3)}.sidebar-backdrop.open{display:block}.topbar{height:60px;padding:0 14px;gap:10px;position:sticky;top:0}.tb-title h1{font-size:18px}.tb-title p,.tb-search,.tb-right .hide-m{display:none}.topbar .btn-primary{width:42px;padding:0}.page-wrap{padding:16px 14px 96px;overflow:visible}.page-head{margin-bottom:16px}.page-head h2{font-size:21px}.page-head .actions{margin-left:0;width:100%}.page-head .actions>*{flex:1}.g2,.g3,.g13{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat-value{font-size:22px}.stat-ico{width:32px;height:32px}.kanban{display:flex!important;overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -14px;padding-left:14px;padding-right:14px}.kcol{min-width:82vw;width:82vw;flex-shrink:0;scroll-snap-align:center}.hide-mobile{display:none!important}.mcards{display:block}.tbl-wrap{-webkit-overflow-scrolling:touch}.card-header,.card-body{padding:14px 16px}.overlay{align-items:flex-end;padding:0}.modal,.admin-modal{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0;max-height:94vh;margin:0!important}.admin-modal{overflow-y:auto}.modal-hdr{border-radius:20px 20px 0 0;padding:16px 18px 14px}.modal-body{padding:16px 18px}.modal-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-radius:0}.modal-actions>*{flex:1}.field-grid{grid-template-columns:1fr}.finp,.search-inp,.fsel{font-size:16px}.toolbar .grow{min-width:100%}.fbar{padding:10px}.frow{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.toast-stack{left:12px;right:12px;bottom:84px;align-items:stretch}.toast{max-width:none}.notif-panel{position:fixed;top:64px;left:12px;right:12px;width:auto}.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;border-top:1px solid var(--b1);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #1018280f}.bn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:none;background:none;color:var(--m2);font-size:11.5px;font-weight:600;border-radius:12px;position:relative}.bn-item.on{color:var(--ac)}.bn-item.on .bn-ico{background:var(--ad)}.bn-ico{width:48px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;transition:background .15s}.bn-item .dot-count{top:0;right:calc(50% - 26px)}.hamburger{display:inline-flex}}@media (max-width:420px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-label{font-size:13px}.choice-row{grid-auto-flow:row}}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.quick{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;min-height:64px;border-radius:14px;border:1px solid var(--b1);background:var(--s1);text-align:left;font-size:15px;font-weight:600;color:var(--tx);box-shadow:var(--sh1);transition:border-color .15s,box-shadow .15s,transform .15s}.quick:hover{border-color:var(--b3);box-shadow:var(--sh2);transform:translateY(-1px)}.quick .q-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick.primary{background:var(--ac);border-color:var(--ac);color:#fff}.quick.primary .q-ico{background:#ffffff29;color:#fff}.quick.primary:hover{background:var(--ac-hover)}.day-group{font-size:12.5px;font-weight:700;color:var(--m2);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 2px}.day-group:first-child{margin-top:0}.cols{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:22px}.col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}.col-bar{width:100%;max-width:44px;background:var(--ad);border-radius:6px 6px 2px 2px;border-top:3px solid var(--ac);position:relative;min-height:3px}.col-bar.hi{background:var(--ac)}.col-val{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.col-lbl{font-size:12.5px;color:var(--m2);text-transform:capitalize}@media (max-width:900px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick{min-height:58px;padding:12px;font-size:14px}.quick .q-ico{width:34px;height:34px}}