@import "https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css";:root{--fs-base:15px;--fs-lg:17px;--bg-body:#f3f4f6;--bg-surface:#fff;--bg-surface-alt:#f1f5f9;--bg-sidebar:#fff;--bg-topbar:#fff;--bg-input:#fff;--bg-hover:#f3f4f6;--bg-active:#eff6ff;--bg-card:#fff;--bg-odd:#f1f5f9;--text-primary:#222;--text-secondary:#374151;--text-muted:#475569;--text-light:#64748b;--text-lighter:#94a3b8;--border-light:#e5e7eb;--border-medium:#cbd5e1;--border-dark:#e2e8f0;--brand:#4f46e5;--brand-light:#eef2ff;--brand-hover:#4338ca;--brand-dark:#312e81;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 20px 50px #00000040;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:20px;--transition:.15s ease;--modal-max-height:86dvh;--wallet-balance:#0369a1;--wallet-positive:#16a34a;--wallet-negative:#dc2626;--wallet-warning:#fef2f2}*{box-sizing:border-box}body{font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:var(--fs-base);background-color:var(--bg-body);color:var(--text-primary);transition:background-color var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-left:1px solid var(--border-light);width:250px;height:100vh;transition:background var(--transition), border-color var(--transition);flex-shrink:0;padding:16px 12px;position:sticky;top:0;overflow-y:auto}.sidebar.closed{display:none}.sidebar-top{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:12px;padding:8px 8px 16px;display:flex}.brand{color:var(--brand);font-size:15px;font-weight:700}.admin-brand{color:#7c3aed}.sidebar-top small{color:var(--text-light)}.avatar{background:var(--bg-hover);border:1px solid var(--border-light);width:44px;height:44px;transition:background var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.avatar.small{width:30px;height:30px;font-size:14px}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-menu button{text-align:right;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;width:100%;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.sidebar-menu button:hover{background:var(--bg-hover)}.sidebar-menu button.active{color:var(--brand);background:var(--brand-light);font-weight:700}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border-light);z-index:20;transition:background var(--transition), border-color var(--transition);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.hamburger{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition);background:0 0;border:none;padding:4px 8px;font-size:18px}.hamburger:hover{background:var(--bg-hover)}.topbar-title{text-align:center;color:var(--brand);transition:color var(--transition);flex:1;font-size:16px}.admin-title{color:#7c3aed}.user-chip{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:flex}.user-chip:hover{background:var(--bg-hover)}.user-chip-arrow{color:var(--text-light);font-size:11px}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:30;min-width:150px;transition:background var(--transition), border-color var(--transition);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.dropdown-menu button{text-align:right;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:6px 8px}.dropdown-menu button:hover{background:var(--bg-hover)}.dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}.dropdown-logout{color:#b91c1c!important}.content{padding:16px}h2{color:var(--text-primary);transition:color var(--transition);margin:0 0 12px;font-size:18px}h3{color:var(--text-muted);transition:color var(--transition);margin:12px 0 8px;font-size:14px}.board-welcome{color:var(--text-primary);margin:8px 0 16px;font-size:16px}.board-empty{border:1px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;color:var(--text-light);transition:border-color var(--transition), color var(--transition);padding:32px 16px;font-size:13px}.section{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);margin-bottom:16px;padding:16px}form{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}input,select,textarea{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);transition:background var(--transition), border-color var(--transition), color var(--transition);padding:10px;font-family:inherit;font-size:14px;line-height:1.5}textarea{resize:vertical;min-height:60px}input{flex:1;min-width:140px}input::placeholder,textarea::placeholder,.select-placeholder{color:#9ca3af}select option{color:var(--text-primary);background:var(--bg-input)}button{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), opacity var(--transition);padding:8px 12px;font-family:inherit;font-size:13px}button:hover{background:var(--border-light)}button:disabled{opacity:.5;cursor:default}button:disabled:hover{background:var(--bg-hover)}form button[type=submit],button.add-task,.people-add-form button,.users-add-form button{background:var(--brand);border-color:var(--brand);color:#fff}form button[type=submit]:hover,button.add-task:hover,.people-add-form button:hover,.users-add-form button:hover{background:var(--brand-hover)}input[type=checkbox],input[type=radio]{appearance:none;border:1.5px solid var(--border-medium);background:var(--bg-input);cursor:pointer;vertical-align:middle;border-radius:3px;flex-shrink:0;width:16px;height:16px;margin:0;transition:all .15s;display:inline-block;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--brand)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--brand);border-color:var(--brand)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark input[type=checkbox],.dark input[type=radio]{border-color:var(--border-medium)}.dark input[type=checkbox]:checked,.dark input[type=radio]:checked{background:var(--brand-hover);border-color:var(--brand-hover)}label>input[type=checkbox],label>input[type=radio],.check-row input[type=checkbox],.check-row input[type=radio],form input[type=checkbox],form input[type=radio]{margin-inline-end:6px}.roles-checklist input[type=checkbox]{flex-shrink:0;align-self:center;margin-inline-end:6px}.tree-row input[type=checkbox]{align-self:center;margin:0;margin-inline-end:6px}.check-row.right-aligned{justify-content:flex-end}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.filters button.active{background:var(--brand);border-color:var(--brand);color:#fff}.filters select{padding:6px 10px}.push-end{margin-inline-start:auto}button.export{background:var(--brand-light);color:var(--brand);transition:background var(--transition), border-color var(--transition), color var(--transition);border-color:#bfdbfe}.table-wrap{overflow-x:auto}.table-head,.task-grid{grid-template-columns:36px 1.8fr .9fr .9fr .9fr .9fr .9fr .9fr .9fr .9fr .9fr 1.1fr 60px;align-items:center;gap:8px;min-width:1400px;display:grid}.table-head{color:var(--text-muted);border-bottom:2px solid var(--border-dark);transition:color var(--transition), border-color var(--transition);padding:8px 12px;font-size:13px;font-weight:700}.table-head span{text-align:center}ul{margin:0;padding:0;list-style:none}li.task-grid{border-bottom:1px solid var(--border-dark);background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);padding:10px 12px}li.task-grid.alt{background:var(--bg-odd)}.task-num{color:var(--text-light);text-align:center}.task-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.task-title.done{opacity:.6;text-decoration:line-through}.cell{white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;color:var(--text-secondary);transition:color var(--transition);font-size:13px;overflow:hidden}.ops{justify-content:center;align-items:center;gap:6px;display:flex}button.gear{padding:6px 10px;font-size:14px}.menu-overlay{z-index:40;position:fixed;inset:0}.menu{z-index:50;background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:140px;transition:background var(--transition), border-color var(--transition);flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed}.menu button{text-align:right;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:6px 8px}.menu button:hover{background:var(--bg-hover)}.menu button.delete{color:#b91c1c}button.done-btn,button.seen{color:#047857;background:#ecfdf5;border-color:#a7f3d0}button.undone{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-secondary)}button.edit{color:#92400e;background:#fffbeb;border-color:#fde68a}button.delete{color:#b91c1c;background:#fef2f2;border-color:#fecaca}button.reply{background:var(--brand-light);color:var(--brand);border-color:#bfdbfe}button.notes-toggle{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.overdue{color:#dc2626;font-weight:700}.seen-done{color:#047857;font-weight:700}.edit-row{grid-column:1/-1}.edit-form{flex-wrap:wrap;gap:8px;display:flex}.edit-form input{flex:1;min-width:120px}.pagination{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.pagination select{padding:6px 10px}.pagination span{color:var(--text-light);font-size:13px}.people-add-form{max-width:420px}.form-msg{color:#dc2626;margin:0 0 10px;font-size:12px}.form-info{color:#047857;text-align:center;margin:0 0 10px;font-size:12px}.people-head,.people-row{grid-template-columns:50px 2fr 1fr 1fr 120px;align-items:center;gap:8px;min-width:600px;display:grid}.people-head{color:var(--text-muted);border-bottom:2px solid var(--border-dark);transition:color var(--transition), border-color var(--transition);padding:8px 12px;font-size:13px;font-weight:700}.people-head span{text-align:center}.people-row{border-bottom:1px solid var(--border-dark);background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);padding:10px 12px}.people-row.alt{background:var(--bg-odd)}.p-num{text-align:center;color:var(--text-light)}.p-name{color:var(--text-primary);font-size:14px}.p-cell{text-align:center;color:var(--text-muted);font-size:13px}.p-ops{justify-content:center;display:flex}.export-options{flex-direction:column;gap:8px;max-width:320px;display:flex}.modal-overlay{z-index:50;background:#0f172a66;position:fixed;inset:0}.modal{z-index:60;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(960px,94vw);max-height:var(--modal-max-height);transition:background var(--transition);flex-direction:column;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}.small-modal{width:min(480px,92vw)}.modal-header{border-bottom:1px solid var(--border-dark);cursor:move;-webkit-user-select:none;user-select:none;transition:border-color var(--transition);align-items:center;gap:8px;padding:12px 16px;display:flex}.modal-spacer{flex:1}.modal-body{padding:16px;overflow:auto}.modal-form{flex-direction:column;gap:8px;display:flex}.modal-form-actions{justify-content:flex-end;gap:8px;display:flex}.notes-head,.note-row{grid-template-columns:40px 3fr 1.1fr 2fr 1.1fr 170px;align-items:center;gap:8px;display:grid}.notes-head{color:var(--text-muted);border-bottom:2px solid var(--border-dark);transition:color var(--transition), border-color var(--transition);padding:8px;font-size:13px;font-weight:700}.notes-head span{text-align:center}.notes-list{margin:0;padding:0;list-style:none}.note-row{border-bottom:1px solid var(--border-dark);background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);padding:10px 8px}.note-row.alt{background:var(--bg-odd)}.n-num{text-align:center;color:var(--text-light)}.n-text{min-width:0;color:var(--text-primary);transition:color var(--transition);font-size:13px}.n-time,.n-reply{color:var(--text-muted);min-width:0;transition:color var(--transition);font-size:12px}.n-edited{color:#92400e}.n-ops{justify-content:center;gap:6px;display:flex}.n-ops button{padding:4px 8px;font-size:12px}.n-edit-form{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.n-edit-form textarea{flex:1;min-width:180px}.note-add-form{align-items:flex-start;gap:8px;margin-top:12px;display:flex}.note-add-form textarea{flex:1}.login-page{min-height:100vh;transition:background var(--transition);background:linear-gradient(135deg,#eef2ff 0%,#e0f2fe 60%,#f0f9ff 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.dark .login-page{background:linear-gradient(135deg,#18181b 0%,#1f1f23 50%,#27272a 100%)}.login-bg{pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#ffffff1f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.login-card{background:var(--bg-surface);border-radius:var(--radius-2xl);width:min(400px,94vw);transition:background var(--transition);border:none;flex-direction:column;gap:12px;padding:36px 32px 24px;display:flex;position:relative;box-shadow:0 25px 60px #0f172a4d}.login-logo{border-radius:var(--radius-2xl);background:linear-gradient(135deg,#6366f1,#0ea5e9);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 4px;font-size:34px;display:flex;box-shadow:0 10px 24px #6366f159}.login-brand{text-align:center;color:var(--text-primary);letter-spacing:1px;transition:color var(--transition);margin:0;font-size:26px}.login-card .login-sub{text-align:center;color:var(--text-light);margin:0 0 8px;font-size:13px}.login-submit{color:#fff;border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#6366f1,#0ea5e9);border:none;margin-top:4px;padding:12px;font-size:15px;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 6px 16px #6366f159}.login-submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f173}.login-divider{color:var(--text-lighter);transition:color var(--transition);align-items:center;gap:10px;margin:8px 0 0;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-dark);height:1px;transition:background var(--transition);flex:1}.login-switch{color:#4f46e5;text-align:center;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:8px;font-size:13px}.login-switch:hover{background:var(--bg-hover)}.dark .login-switch{color:#818cf8}.login-footer{text-align:center;color:var(--text-lighter);margin:12px 0 0;font-size:11px}.hub-page{background:var(--bg-body);min-height:100vh;transition:background var(--transition)}.hub-welcome{color:#fff;background:linear-gradient(135deg,#6366f1,#0ea5e9);border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 12px 30px #6366f140}.dark .hub-welcome{background:linear-gradient(135deg,#312e81,#0c4a6e)}.hub-welcome-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.hub-welcome-title{margin:0 0 4px;font-size:20px}.hub-welcome-sub{opacity:.9;margin:0;font-size:13px;line-height:1.6}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.hub-card{background:var(--bg-surface);border:1px solid var(--border-light);text-align:right;cursor:pointer;transition:transform .15s, box-shadow .2s, border-color .2s, background var(--transition);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 18px;display:flex;position:relative;overflow:hidden}.hub-card:before{content:"";background:var(--brand);width:4px;height:100%;position:absolute;top:0;right:0}.hub-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1a}.dark .hub-card:hover{box-shadow:0 12px 28px #0006}.hub-card strong{color:var(--text-primary);transition:color var(--transition);font-size:15px}.hub-card small{color:var(--text-light);transition:color var(--transition);font-size:12px;line-height:1.5}.hub-icon{margin-bottom:4px;font-size:30px}.hub-arrow{color:var(--border-medium);font-size:20px;transition:transform .15s,color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.hub-card:hover .hub-arrow{color:var(--brand);transform:translateY(-50%)translate(-4px)}.hub-card-disabled{cursor:default;opacity:.7}.hub-card-disabled:hover{border-color:var(--border-light);box-shadow:none;transform:none}.hub-card-disabled .hub-icon{filter:grayscale(.5)}.hub-soon{background:var(--bg-hover);color:var(--text-light);border:1px solid var(--border-dark);transition:background var(--transition), color var(--transition), border-color var(--transition);border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;top:12px;left:12px}.hub-section-title{color:var(--text-light);transition:color var(--transition);margin:28px 0 12px;font-size:13px;font-weight:700}.admin-hint{color:var(--text-light);transition:color var(--transition);margin:0 0 12px;font-size:13px}.admin-add-form{max-width:480px}.admin-add-form button,.profile-form button{color:#fff;background:#7c3aed;border-color:#7c3aed}.admin-add-form button:hover,.profile-form button:hover{background:#6d28d9}.org-card{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-surface-alt);transition:background var(--transition), border-color var(--transition);margin-top:12px;padding:14px}.org-card-head{border-bottom:1px solid var(--border-light);transition:border-color var(--transition);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.org-card-head strong{color:var(--text-primary);transition:color var(--transition);font-size:15px}.org-sub{padding-top:8px}.org-dept{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);margin-top:8px;padding:10px}.org-dept-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.org-dept-head strong{color:var(--text-secondary);transition:color var(--transition);font-size:14px}.org-areas{margin:8px 0;padding:0;list-style:none}.org-areas li{border-bottom:1px dashed var(--border-light);color:var(--text-muted);transition:border-color var(--transition), color var(--transition);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.org-inline-form{gap:8px;margin-top:8px;margin-bottom:0;display:flex}.org-inline-form input{padding:8px 10px;font-size:13px}.org-inline-form button{padding:8px 10px;font-size:12px}.profile-form{flex-direction:column;max-width:420px}.org-holding{border-radius:var(--radius-xl);transition:background var(--transition), border-color var(--transition);background:#f5f3ff;border:1px solid #ddd6fe;margin-top:12px;padding:14px}.dark .org-holding{background:#1e1b31;border-color:#4c1d95}.org-holding-head{transition:border-color var(--transition);border-bottom:1px solid #ddd6fe;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.dark .org-holding-head{border-bottom-color:#4c1d95}.org-holding-head strong{color:#5b21b6;font-size:16px}.dark .org-holding-head strong{color:#c4b5fd}.menu-group{margin-top:4px}.menu-group-title{width:100%}.menu-chevron{color:var(--text-light);transition:color var(--transition);margin-inline-start:auto;font-size:11px}.menu-sub{flex-direction:column;gap:2px;padding-inline-start:18px;display:flex}.menu-sub button{color:var(--text-muted);transition:color var(--transition), background var(--transition);padding:8px 10px;font-size:13px}.menu-sub button.active{color:#7c3aed;background:#f5f3ff;font-weight:700}.dark .menu-sub button.active{color:#c4b5fd;background:#2e1065}.users-add-form{max-width:640px}.users-head,.users-row{grid-template-columns:40px 1.4fr 1fr 1.4fr 1.4fr 200px;align-items:center;gap:8px;min-width:700px;display:grid}.users-head{color:var(--text-muted);border-bottom:2px solid var(--border-dark);transition:color var(--transition), border-color var(--transition);padding:8px 12px;font-size:13px;font-weight:700}.users-head span{text-align:center}.users-row{border-bottom:1px solid var(--border-dark);background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);padding:10px 12px}.users-row.alt{background:var(--bg-odd)}.wh-list{margin:12px 0;padding:0;list-style:none}.wh-list li{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted);transition:background var(--transition), border-color var(--transition), color var(--transition);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:13px;display:flex}.add-btn{color:#fff;background:#7c3aed;border-color:#7c3aed;margin-top:8px}.add-btn:hover{background:#6d28d9}.dark .add-btn{color:#fff;background:#7c3aed;border-color:#7c3aed}.cascade{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.cascade-col{background:var(--bg-surface-alt);border:1px solid var(--border-dark);border-radius:var(--radius-lg);min-width:230px;transition:background var(--transition), border-color var(--transition);flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.cascade-title{color:var(--text-muted);transition:color var(--transition);font-size:13px;font-weight:700}.cascade-filter{padding:7px 10px;font-size:12px}.cascade-list{flex-direction:column;gap:4px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cascade-list li{align-items:center;gap:4px;display:flex}.cascade-item{text-align:right;background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-md);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:background var(--transition), border-color var(--transition), color var(--transition);flex:1;padding:8px 10px;font-size:13px;overflow:hidden}.cascade-item:hover{border-color:#a5b4fc}.cascade-list li.selected .cascade-item{background:var(--brand-light);color:var(--brand);border-color:#6366f1;font-weight:700}.cascade-empty{color:var(--text-lighter);text-align:center;transition:color var(--transition);padding:10px 4px;font-size:12px}.cascade-add{gap:6px;margin:0;display:flex}.cascade-add input{padding:7px 10px;font-size:12px}.cascade-add button{padding:7px 12px}.icon-btn{border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.icon-btn.add{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.dark .icon-btn.add{color:#6ee7b7;background:#064e3b;border-color:#065f46}.nature-badge{border-radius:999px;margin-inline-start:6px;padding:1px 8px;font-size:10px;font-weight:700}.nature-badge.deb{color:#166534;background:#dcfce7;border:1px solid #86efac}.nature-badge.cred{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.nature-badge.neu{color:#374151;background:#e5e7eb;border:1px solid #d1d5db}.dark .nature-badge.deb{color:#6ee7b7;background:#064e3b;border-color:#065f46}.dark .nature-badge.cred{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.dark .nature-badge.neu{color:#d4d4d8;background:#3f3f46;border-color:#52525b}.nature-inherit{color:var(--text-lighter);transition:color var(--transition);font-size:11px}.content-badge{color:#5b21b6;background:#ede9fe;border:1px solid #c4b5fd;border-radius:999px;margin-inline-start:6px;padding:1px 8px;font-size:10px}.dark .content-badge{color:#c4b5fd;background:#4c1d95;border-color:#5b21b6}.code-badge{color:#3730a3;border-radius:var(--radius-sm);background:#eef2ff;border:1px solid #c7d2fe;margin-inline-end:6px;padding:1px 6px;font-family:monospace;font-size:12px}.dark .code-badge{color:#c7d2fe;background:#312e81;border-color:#4338ca}.view-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.view-filter{flex:1;min-width:200px;max-width:420px;padding:8px 12px;font-size:13px}.tree{flex-direction:column;gap:2px;display:flex}.tree-children{border-inline-start:1px dashed var(--border-medium);transition:border-color var(--transition);margin-inline-start:16px;padding-inline-start:14px}.tree-row{border-radius:var(--radius-md);transition:background var(--transition);align-items:center;gap:6px;padding:9px 6px;display:flex}.tree-row:hover{background:var(--bg-hover)}.tree-row.selected{border-radius:var(--radius-md);background:#e0e7ff}.dark .tree-row.selected{background:#3730a3}.tree-toggle{color:var(--text-light);cursor:pointer;border-radius:var(--radius-sm);min-width:34px;transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:4px 10px;font-size:18px}.tree-toggle:hover{background:var(--border-dark)}.tree-toggle-sp{flex-shrink:0;width:23px}.tree-icon{font-size:17px}.tree-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color var(--transition);flex:1;font-size:15px;overflow:hidden}.tree-count{color:var(--text-lighter);transition:color var(--transition);font-size:12px}.tree-actions{opacity:0;gap:6px;transition:opacity .15s;display:inline-flex}.tree-row:hover .tree-actions{opacity:1}.tree>.tree-node>.tree-row{background:#f8fafc}.tree-children>.tree-node>.tree-row{background:#f1f5f9}.tree-children .tree-children>.tree-node>.tree-row{background:#e9eef6}.tree-children .tree-children .tree-children>.tree-node>.tree-row{background:#e2e9f3}.dark .tree>.tree-node>.tree-row{background:#26262b}.dark .tree-children>.tree-node>.tree-row{background:#2c2c31}.dark .tree-children .tree-children>.tree-node>.tree-row{background:#333338}.dark .tree-children .tree-children .tree-children>.tree-node>.tree-row{background:#3a3a40}.perm-block{margin:8px 0}.perm-title{color:var(--text-muted);transition:color var(--transition);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.perm-table{border-collapse:collapse;width:100%;font-size:12px}.perm-table th,.perm-table td{border:1px solid var(--border-dark);text-align:center;color:var(--text-secondary);transition:border-color var(--transition), color var(--transition);padding:6px 8px}.perm-table td:first-child,.perm-table th:first-child{text-align:right}.check-row{align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.scope-picker{flex-wrap:wrap;gap:6px;display:inline-flex}.scope-picker select{padding:6px 8px;font-size:12px}.perm-mod{border:1px solid var(--border-dark);border-radius:var(--radius-md);transition:border-color var(--transition);margin-bottom:6px;overflow:hidden}.perm-mod-title{text-align:right;background:var(--bg-surface-alt);width:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);border:none;padding:8px 10px;font-size:13px;font-weight:700}.perm-mod-title:hover{background:var(--brand-light)}.perm-mod-head{justify-content:space-between;align-items:center;display:flex}.perm-mod-head .all-on{color:#166534;background:#dcfce7;border-color:#86efac}.assign-grid{align-items:stretch;gap:12px;height:calc(100vh - 210px);min-height:420px;display:flex;overflow-x:auto}.assign-col{border:1px solid var(--border-dark);border-radius:var(--radius-lg);background:var(--bg-surface-alt);min-width:240px;transition:background var(--transition), border-color var(--transition);flex-direction:column;flex:1 1 0;padding:10px;display:flex}.assign-col.wide{flex:1.4 1 0;min-width:320px}.assign-scroll{flex:1;max-height:480px;overflow:auto}.assign-user{cursor:pointer}.assign-user.selected{background:var(--brand-light);outline:2px solid var(--brand);border-radius:var(--radius-md)}.roles-checklist{flex-direction:column;gap:6px;display:flex}.role-check-item{border:1px solid var(--border-dark);border-radius:var(--radius-md);transition:border-color var(--transition);align-items:center;gap:8px;padding:6px 8px;display:flex}.role-check-name{color:var(--text-primary);font-size:13px;font-weight:700}.role-check-desc{color:var(--text-light)}.pos-head,.pos-row{grid-template-columns:40px 1.4fr 2fr 160px;align-items:center;gap:8px;display:grid}.pos-layout{gap:12px;height:calc(100vh - 230px);min-height:420px;display:flex}.pos-left{border:1px solid var(--border-dark);border-radius:var(--radius-lg);transition:border-color var(--transition);flex:1;padding:8px;overflow:auto}.pos-right{border:1px solid var(--border-dark);border-radius:var(--radius-lg);transition:border-color var(--transition);flex:1.6;padding:8px;overflow:auto}.pos-group-title{color:var(--text-muted);transition:color var(--transition);margin:8px 0 4px;font-size:12px;font-weight:700}.pos-node{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background var(--transition), color var(--transition);padding:5px 8px;font-size:13px}.pos-node:hover{background:var(--brand-light)}.pos-node.selected{background:#e0e7ff;font-weight:700}.dark .pos-node.selected{background:#3730a3}.detail-grid{flex-direction:column;gap:8px;display:flex}.detail-item{border-bottom:1px dashed var(--border-light);color:var(--text-secondary);transition:border-color var(--transition), color var(--transition);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.detail-item span{color:var(--text-light);transition:color var(--transition)}.assign-block{border:1px solid var(--border-dark);border-radius:var(--radius-lg);transition:border-color var(--transition);margin-top:12px;padding:10px}.user-checks{flex-wrap:wrap;gap:6px;display:flex}.role-modal{width:min(860px,94vw)}.form-row-2{gap:10px;display:flex}.form-row-2 .login-field{flex:1}.roles-table{border-collapse:collapse;width:100%;font-size:13px}.roles-table th,.roles-table td{border:1px solid var(--border-dark);text-align:right;vertical-align:top;color:var(--text-secondary);transition:border-color var(--transition), color var(--transition);padding:8px}.excel-btns{gap:6px;display:inline-flex}.users-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.users-toolbar .view-filter{flex:1;min-width:200px}.users-toolbar .add-btn{white-space:nowrap}@media (width<=1100px){.assign-grid{grid-template-columns:1fr;height:auto;min-height:300px}.assign-col{min-width:200px}.assign-col.wide{min-width:240px}.pos-layout{flex-direction:column;height:auto}.pos-left,.pos-right{max-height:400px}}ul>li.task-grid:nth-child(2n),.people-row:nth-child(2n),.users-row:nth-child(2n),.note-row:nth-child(2n),.pos-row:nth-child(2n),.wh-list li:nth-child(2n),.roles-table tbody tr:nth-child(2n),.perm-table tbody tr:nth-child(2n){background:var(--bg-odd);transition:background var(--transition)}.login-field{color:var(--text-muted);transition:color var(--transition);flex-direction:column;gap:4px;font-size:12px;display:flex}.login-field input{border-radius:var(--radius-lg);border:1.5px solid var(--border-dark);background:var(--bg-input);color:var(--text-primary);transition:border-color .2s, background .2s, color var(--transition);padding:12px 14px;font-size:14px}.login-field input:focus{background:var(--bg-surface);border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.form-vertical{flex-flow:column!important;gap:14px!important;display:flex!important}.form-vertical input{width:100%!important;max-width:100%!important;min-width:unset!important;flex:unset!important}.roles-table thead th,.perm-table thead th,.table-head,.users-head,.people-head,.notes-head,.pos-head{background:var(--bg-surface-alt);color:var(--text-secondary);transition:background var(--transition), color var(--transition)}.dark .roles-table thead th,.dark .perm-table thead th,.dark .table-head,.dark .users-head,.dark .people-head,.dark .notes-head,.dark .pos-head{background:var(--bg-surface-alt)}.roles-table thead th,.perm-table thead th{border-bottom:2px solid var(--border-dark);padding:10px 8px;font-size:13px;font-weight:600}.roles-table thead th,.perm-table thead th,.table-head span,.users-head span,.people-head span,.notes-head span,.pos-head span{text-align:center!important}.roles-table td{text-align:center;vertical-align:middle}.nowrap{white-space:nowrap;white-space:nowrap}input[type=checkbox],input[type=radio]{flex:none!important;width:16px!important;min-width:0!important;max-width:16px!important;height:16px!important}.input-num{text-align:center;border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:14px;flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important}.ws-chip-wrap{border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;max-width:240px;height:36px;padding:6px 32px 6px 10px;transition:all .2s;display:inline-flex;position:relative}.ws-chip-wrap:hover{border-color:var(--brand,#0369a1);background:var(--bg-hover,#f1f5f9)}.ws-chip-wrap:focus-within{border-color:var(--brand,#0369a1);box-shadow:0 0 0 3px #0369a11f}.ws-chip-icon{flex-shrink:0;font-size:16px;line-height:1}.workspace-chip{appearance:none;color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;max-width:180px;padding:0;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden}.workspace-chip option{background:var(--bg-surface);color:var(--text-color,#1e293b);background:var(--bg-surface,#fff);padding:8px 12px;padding:8px 12px}.ws-chip-arrow{color:var(--text-muted,#64748b);pointer-events:none;font-size:10px;transition:transform .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}[dir=rtl] .ws-chip-arrow{left:10px;right:auto}.ws-chip-wrap:focus-within .ws-chip-arrow{transform:translateY(-50%)rotate(180deg)}@media (width<=640px){.ws-chip-wrap{max-width:160px}.workspace-chip{max-width:120px;font-size:13px}}:root{--tree-l0-bg:#f8fafc;--tree-l1-bg:#f1f5f9;--tree-l2-bg:#e2e8f0;--tree-l3-bg:#cbd5e1;--tree-l4-bg:#94a3b8;--tree-l0-hover:#e2e8f0;--tree-l1-hover:#cbd5e1;--tree-l2-hover:#94a3b8;--tree-l3-hover:#64748b;--tree-active-bg:#dbeafe;--tree-active-border:#0369a1;--tree-caret:#64748b;--tree-caret-open:#0369a1}.dark{--tree-l0-bg:#1e293b;--tree-l1-bg:#0f172a;--tree-l2-bg:#1e293b;--tree-l3-bg:#334155;--tree-l4-bg:#475569;--tree-l0-hover:#334155;--tree-l1-hover:#1e293b;--tree-l2-hover:#475569;--tree-l3-hover:#64748b;--tree-active-bg:#38bdf826;--tree-active-border:#38bdf8;--tree-caret:#94a3b8;--tree-caret-open:#38bdf8}.tree-view{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:8px;overflow:hidden}.tree-node-0{background:var(--tree-l0-bg)}.tree-node-1{background:var(--tree-l1-bg)}.tree-node-2{background:var(--tree-l2-bg)}.tree-node-3{background:var(--tree-l3-bg)}.tree-node-4{background:var(--tree-l4-bg)}.tree-node-0:hover{background:var(--tree-l0-hover)}.tree-node-1:hover{background:var(--tree-l1-hover)}.tree-node-2:hover{background:var(--tree-l2-hover)}.tree-node-3:hover{background:var(--tree-l3-hover)}.tree-node-4:hover{background:var(--tree-l4-hover)}.tree-node-active{box-shadow:inset 3px 0 0 var(--tree-active-border);background:var(--tree-active-bg)!important}.tree-caret{text-align:center;width:16px;color:var(--tree-caret);flex-shrink:0;font-size:11px;transition:transform .15s;display:inline-block}.tree-caret.open{color:var(--tree-caret-open);transform:rotate(90deg)}.tree-indent-0{padding-inline-start:12px}.tree-indent-1{padding-inline-start:28px}.tree-indent-2{padding-inline-start:48px}.tree-indent-3{padding-inline-start:68px}.tree-indent-4{padding-inline-start:88px}.zebra-table tbody tr:nth-child(2n){background:var(--tree-l1-bg)}.zebra-table tbody tr:hover{background:var(--tree-l1-hover)}.dark{--bg-body:#1e1e24;--bg-surface:#2a2a32;--bg-surface-alt:#33333d;--bg-sidebar:#2a2a32;--bg-topbar:#2a2a32;--bg-input:#1e1e24;--bg-hover:#3f3f4a;--bg-active:#3730a3;--bg-card:#2a2a32;--bg-odd:#33333d;--text-primary:#e4e4e7;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--text-light:#a1a1aa;--text-lighter:#71717a;--border-light:#3f3f4a;--border-medium:#52525b;--border-dark:#3f3f4a;--brand:#818cf8;--brand-light:#312e81;--brand-hover:#6366f1;--brand-dark:#1e1b4b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 20px #0006;--shadow-lg:0 20px 50px #00000080}.workspace-chip option{background:var(--bg-surface);color:var(--text-primary)}.dark .workspace-chip option,[data-theme=dark] .workspace-chip option{color:#f1f5f9;background:#1e293b}:root{--rk-text:#1f2937;--rk-text-muted:#64748b;--rk-bg:#f1f5f9;--rk-surface:#fff;--rk-border:#e2e8f0;--brand:#3b82f6;--brand-dark:#2563eb;--brand-light:#dbeafe;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fef2f2;--info:#3b82f6;--info-light:#eff6ff;--neutral:#64748b;--neutral-light:#f1f5f9}.dark{--rk-text:#e2e8f0;--rk-text-muted:#94a3b8;--rk-bg:#0f172a;--rk-surface:#1e293b;--rk-border:#334155}.dark .task-title{color:var(--rk-text)}