@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f4f1ea;--surface:#fffcf6eb;--surface-strong:#fffdf9;--surface-soft:#f8efe3;--line:#654e3724;--line-strong:#654e3738;--text:#213547;--muted:#6f7a82;--accent:#c96c50;--accent-strong:#b4573a;--accent-soft:#c96c5024;--teal:#2f7f73;--teal-soft:#2f7f731f;--blue:#476c9b;--blue-soft:#476c9b1f;--amber:#a56a43;--amber-soft:#a56a431f;--success:#23967f;--success-soft:#e3f6ef;--success-line:#bde8da;--pending:#9c6644;--pending-soft:#f8ebe2;--pending-line:#ecd0bc;--progress:#4b6382;--progress-soft:#e8eef6;--progress-line:#cad6e6;--shadow-sm:0 12px 24px #35281c0f;--shadow-md:0 18px 40px #35281c1a;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--transition:.18s ease;--sticky-header-top:0px;--sticky-header-top-mobile:0px;font-family:Manrope,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#c96c5024,#0000 22%),radial-gradient(circle at 100% 0,#2f7f731f,#0000 20%),linear-gradient(#fffaf3 0%,#f5efe6 100%);font-family:Manrope,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.navbar-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#213547e6;border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;display:grid;position:sticky;top:0;box-shadow:0 14px 32px #21354729}.brand-section{align-items:center;gap:.75rem;display:flex}.brand-title{color:#fff8f0;letter-spacing:-.04em;font-size:1.8rem;font-weight:800}.brand-pulse{color:#fff;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:999px;justify-content:center;align-items:center;min-width:2.2rem;height:2.2rem;padding:0 .7rem;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #e76f514d}.nav-links-row{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.nav-actions-row{align-items:center;gap:.8rem;display:flex}.nav-link-btn{transition:transform var(--transition), background-color var(--transition), box-shadow var(--transition), color var(--transition);border:none;border-radius:999px;padding:.72rem 1rem;font-weight:700}.nav-link-btn:hover{transform:translateY(-1px)}.nav-link-tab{color:#fff8f0f2;background:#ffffff17;border:1px solid #ffffff1a}.nav-link-tab.active{color:var(--text);background:linear-gradient(135deg,#fff8ef,#fce4cd);box-shadow:0 10px 22px #fce4cd47}.nav-link-cta{color:#fff8f0;background:linear-gradient(135deg,#c96c50,#b4573a);box-shadow:0 14px 24px #b4573a47}.main-scroll-container{scrollbar-gutter:stable;flex:1;width:100%;overflow:hidden auto}.main-content{width:min(1360px,100% - 2rem);margin:0 auto;padding:1.5rem 0 2rem}.page-header,.compact-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-left:.4rem;display:flex}.page-title-sec h2,.dashboard-card h3{letter-spacing:-.05em;color:#1d3348;font-size:1.9rem;font-weight:900;line-height:1.1}.page-title-sec{flex-direction:column;gap:.2rem;display:flex;position:relative}.page-title-sec p,.dashboard-empty-state,.empty-state-card p{color:var(--muted);line-height:1.6}.compact-label,.section-tag,.mini-heading,.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:inline-flex}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.kpi-card,.dashboard-card,.parent-task-card,.content-panel,.console-card,.mockup-modal,.table-header-row,.empty-state-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.kpi-card{border-radius:var(--radius-md);border:1px solid #6051401a;padding:1.2rem;position:relative;overflow:hidden;box-shadow:0 14px 26px #402e1e14}.kpi-card.total{background:#f4e5dc;border-left:4px solid #c96c50}.kpi-card.assigned{background:#e4efe9;border-left:4px solid #2f7f73}.kpi-card.unassigned{background:#f2e6de;border-left:4px solid #b96b49}.kpi-card.pending{background:#f6e8df;border-left:4px solid #c07a52}.kpi-card.inprogress{background:#e3ebf6;border-left:4px solid #587dba}.kpi-card.complete{background:#e4efe5;border-left:4px solid #4a9965}.kpi-title,.kpi-value,.kpi-desc{z-index:1;position:relative}.kpi-title{color:#362b1fb8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.78rem;font-size:.78rem;font-weight:800;display:block}.kpi-value{letter-spacing:-.06em;color:#243648;margin-bottom:.45rem;font-size:2.1rem;font-weight:900;line-height:1;display:block}.kpi-card.total .kpi-value{color:#243648}.kpi-card.assigned .kpi-value{color:#1f665d}.kpi-card.unassigned .kpi-value{color:#9b5b3d}.kpi-card.pending .kpi-value{color:#9b5a38}.kpi-card.inprogress .kpi-value{color:#42618d}.kpi-card.complete .kpi-value{color:#416c4e}.kpi-desc{color:#493d31c2;font-size:.9rem;line-height:1.4}.dashboard-panel-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:1rem;display:grid}.dashboard-card{border-radius:var(--radius-lg);padding:1.2rem}.dashboard-card-head{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.dashboard-card-head strong{font-size:1.7rem;font-weight:800}.dashboard-focus-list,.recent-win-wrap{flex-direction:column;gap:.8rem;display:flex}.dashboard-focus-item,.dashboard-win-item{border-radius:var(--radius-sm);background:var(--surface-strong);border:1px solid #654e371a;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:.95rem;display:grid}.dashboard-rank{color:#fff;background:linear-gradient(135deg,#c96c50,#e7a36c);border-radius:50%;justify-content:center;align-items:center;min-width:2.4rem;height:2.4rem;font-weight:800;display:inline-flex}.dashboard-focus-topline,.dashboard-focus-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dashboard-focus-content strong,.dashboard-win-item strong{font-size:.98rem}.dashboard-focus-meta span,.dashboard-win-item span{color:var(--muted);font-size:.86rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.summary-grid div{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid #654e3714;padding:1rem}.summary-grid span{color:var(--muted);margin-bottom:.35rem;font-size:.82rem;display:block}.summary-grid strong{font-size:1.5rem;font-weight:800}.win-dot{background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:999px;width:.8rem;height:.8rem;margin-top:.35rem;box-shadow:0 2px 8px #6366f166}.table-header-row{border-radius:var(--radius-md);color:var(--text);top:var(--sticky-header-top);z-index:90;background:linear-gradient(#f5ecdffa 0%,#efe3d4fa 100%);border:1px solid #83644624;align-items:center;gap:0;margin-bottom:.9rem;padding:.95rem 1.2rem .95rem 1.45rem;font-size:.8rem;font-weight:800;display:flex;position:sticky;box-shadow:0 14px 26px #35281c1a}.table-header-row>div,.table-header-row select{color:var(--text)!important;font-weight:800!important}.cards-stack{flex-direction:column;gap:.9rem;display:flex}.parent-task-card{border-radius:var(--radius-lg);z-index:1;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);position:relative;overflow:visible}.parent-task-card:focus-within{z-index:15}.parent-task-card:hover{box-shadow:var(--shadow-md);z-index:2;transform:translateY(-2px)}.parent-card-header,.subtask-checklist-item{align-items:center;gap:0;padding:1rem 1.2rem;display:flex}.parent-task-card>.subtasks-panel{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#f8efe373;border-top:1px solid #654e371a}.subtasks-panel .subtasks-panel{background:#ffffff7a;border-top:1px dashed #654e371f}.subtask-checklist-item{z-index:1;min-height:76px;transition:background-color var(--transition);border-bottom:1px solid #654e3714;position:relative;overflow:visible}.subtask-checklist-item:focus-within{z-index:25}.subtask-checklist-item:last-child{border-bottom:none}.subtask-checklist-item:hover{z-index:2;background:#fff9}.card-col-date{width:90px;color:var(--muted);flex-shrink:0;justify-content:flex-start;align-items:center;font-size:.86rem;font-weight:700;display:flex}.card-col-title{flex:1;min-width:0;padding:0 1rem 0 .5rem}.card-col-assignee{flex-shrink:0;justify-content:center;width:160px;display:flex}.card-col-status{flex-shrink:0;justify-content:center;width:150px;display:flex}.card-col-actions{flex-shrink:0;justify-content:flex-end;width:120px;display:flex}.task-title-btn{color:var(--text);background:0 0;border:none}.task-title-btn:hover{color:var(--accent-strong)}.today-breadcrumb-trail{flex-wrap:wrap;align-items:center;gap:.15rem;margin-bottom:.35rem;display:flex}.today-breadcrumb-chip{color:var(--accent-strong);background:var(--accent-soft);white-space:nowrap;letter-spacing:.01em;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-flex}.today-breadcrumb-sep{color:var(--muted);margin-right:-.15rem;font-size:.8rem;font-weight:800}.chevron-toggle{background:#ffffffbf;border:none;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.45rem;display:inline-flex}.chevron-toggle:hover{background:var(--accent-soft)}.subtask-badge-label,.container-label{color:var(--teal);background:#2f7f731a;border-radius:999px;align-items:center;padding:.22rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.task-progress-track{background:#21354714;border-radius:999px;width:min(180px,100%);height:6px;overflow:hidden}.task-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2f7f73,#70c0a8);height:100%}.avatar-circle,.avatar-stack-circle{color:#fff;justify-content:center;align-items:center;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #2135471f}.avatar-circle{border-radius:50%;width:30px;height:30px;margin-right:.6rem;font-size:.74rem}.avatar-stack{display:inline-flex}.avatar-stack-circle{border:2px solid #fff;border-radius:50%;width:25px;height:25px;margin-right:-.3rem;font-size:.62rem}.assignee-select-wrapper{background:linear-gradient(#fffdf9,#f8efe3);border:1px solid #654e3724;border-radius:999px;align-items:center;width:190px;padding:.4rem .65rem;display:flex}.assignee-select,.filter-select,.search-input,.mockup-select,.mockup-textarea,.console-textarea{border:1px solid var(--line);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background:#fffdf9f2;border-radius:14px;outline:none}.assignee-select{appearance:none;cursor:pointer;background:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236f7a82' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right .25rem center/.8rem no-repeat;border:none;padding-right:1.4rem!important}.search-input,.filter-select,.mockup-select{padding:.8rem .95rem}.filter-select{width:calc(100% - 24px)!important}select.filter-select,select.mockup-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23213547' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.2rem!important}.mockup-textarea{resize:vertical;min-height:48px;padding:.5rem .75rem}.mockup-select{padding:.5rem .75rem!important}.console-textarea{resize:vertical;min-height:140px;padding:1rem}.search-input:focus,.filter-select:focus,.mockup-select:focus,.mockup-textarea:focus,.console-textarea:focus{border-color:#c96c5059;box-shadow:0 0 0 4px #c96c501f}.status-badge{min-width:108px;transition:transform var(--transition);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.76rem;font-weight:800;display:inline-flex}.status-badge:hover{transform:translateY(-1px)}.status-badge.pending{background:var(--pending-soft);color:var(--pending);border-color:var(--pending-line)}.status-badge.inprogress{background:var(--progress-soft);color:var(--progress);border-color:var(--progress-line)}.status-badge.complete{background:var(--success-soft);color:var(--success);border-color:var(--success-line)}.action-btn-circle{background:var(--surface-strong);width:30px;min-width:30px;height:30px;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 2px 6px #00000008}.action-btn-circle svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.action-btn-circle.add{background:var(--teal-soft);color:var(--teal)}.action-btn-circle.add:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-2px)scale(1.08);box-shadow:0 6px 16px #2f7f7359}.action-btn-circle.add:hover svg{transform:rotate(90deg)}.action-btn-circle.edit{background:var(--blue-soft);color:var(--blue)}.action-btn-circle.edit:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)scale(1.08);box-shadow:0 6px 16px #476c9b59}.action-btn-circle.edit:hover svg{transform:rotate(-12deg)scale(1.1)}.action-btn-circle.delete{background:var(--accent-soft);color:var(--accent-strong)}.action-btn-circle.delete:hover{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong);transform:translateY(-2px)scale(1.08);box-shadow:0 6px 16px #c96c5059}.action-btn-circle.delete:hover svg{transform:scale(1.15)rotate(6deg)}.hover-actions-group{opacity:1;gap:.45rem;display:flex}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:150;background:#1e293b;border-radius:6px;padding:5px 9px;font-size:.72rem;font-weight:700;line-height:1.2;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:130%;bottom:auto;left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 4px 12px #0f172a2e}[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:150;border:5px solid #0000;border-bottom-color:#1e293b;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:115%;bottom:auto;left:50%;transform:translate(-50%)translateY(-4px)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (width<=768px){[data-tooltip]:after,[data-tooltip]:before{display:none!important}}.content-panel,.console-card,.empty-state-card{border-radius:var(--radius-lg);padding:1rem}.team-panel{background:linear-gradient(#fffdf9fa 0%,#f8efe3d1 100%);overflow:visible;padding:0!important}.empty-state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2.5rem 1.25rem;display:flex}.empty-state-card.error{border-color:#b4573a3d}.empty-state-title{font-size:1.15rem;font-weight:800}.data-table{border-collapse:collapse;width:100%}.team-table{margin:0}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #654e3714;padding:1rem .9rem}.data-table th{top:var(--sticky-header-top);z-index:90;color:var(--text);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#f5ecdffa 0%,#efe3d4fa 100%);font-size:.78rem;position:sticky;box-shadow:0 10px 18px #35281c14;font-weight:800!important}.data-table tr.hoverable:hover{background:#c96c500f}.team-table th{top:var(--sticky-header-top)!important;z-index:90!important;background:linear-gradient(#f5ecd5 0%,#efe3d4 100%)!important;position:sticky!important}.team-table tbody tr{background:0 0;transition:background .25s}.team-table tbody tr.hoverable:hover{background:#d7b9962e}.data-table tr.hoverable:hover td,.team-table tbody tr.hoverable:hover td{z-index:2;position:relative}.team-index{color:var(--muted);font-weight:700}.team-name{color:var(--text);font-size:.98rem;font-weight:800}.team-count-badge{min-width:112px}.table-action-btn{color:#fffdf9;background:linear-gradient(135deg,#2f7f73,#3f9689);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 10px #2f7f7324}.table-action-btn svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.table-action-btn:hover{transform:translateY(-2px)scale(1.08);box-shadow:0 8px 18px #2f7f734d}.table-action-btn:hover svg{transform:scale(1.1)}.table-action-btn.rename{background:linear-gradient(135deg,#476c9b,#5a82b3);box-shadow:0 4px 10px #476c9b24}.table-action-btn.rename:hover{box-shadow:0 8px 18px #476c9b4d}.table-action-btn.rename:hover svg{transform:rotate(-10deg)scale(1.15)}.table-action-btn.cancel{background:linear-gradient(135deg,#c96c50,#b4573a);box-shadow:0 4px 10px #c96c5024}.table-action-btn.cancel:hover{box-shadow:0 8px 18px #c96c504d}.transporter-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-title{font-weight:800}.console-preview{border-radius:var(--radius-md);min-height:420px;color:var(--text);white-space:pre-wrap;background:#fffdf9;border:1px solid #654e371f;padding:1rem;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.6;overflow:auto}.console-textarea{min-height:420px;font-family:Consolas,Courier New,monospace;font-size:.85rem}.modal-overlay-bg{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2135475c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.mockup-modal{border-radius:26px;width:min(520px,100%);padding:1.2rem;position:relative;overflow:visible}.mockup-modal-close{color:#fff;background:#ef2323;border:1px solid #ef232357;border-radius:999px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:1.28rem;font-weight:900;line-height:1;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s,border-color .18s;display:flex;position:absolute;top:.95rem;right:.95rem;box-shadow:0 10px 20px #ef23233d}.mockup-modal-close:hover{color:#fff;background:#d91d1d;border-color:#ff787861;transform:rotate(90deg)scale(1.06);box-shadow:0 14px 24px #ef23234d}.mockup-modal-close:active{transform:rotate(90deg)scale(.94)}.mockup-modal-title{margin:0 0 .9rem;font-size:1.25rem;font-weight:800}.modal-parent-note,.modal-info-note{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.9rem 1rem;font-weight:700}.modal-parent-note{background:var(--teal-soft);color:var(--teal)}.modal-info-note{background:var(--accent-soft);color:var(--accent-strong)}.mockup-form-group{margin-bottom:.75rem}.field-label{margin-bottom:.35rem}@media (width<=1180px){:root{--sticky-header-top:var(--sticky-header-top-mobile)}.navbar-header{grid-template-columns:1fr}.nav-links-row,.nav-actions-row{justify-content:center}.dashboard-panel-grid{grid-template-columns:1fr}}@media (width<=960px){.assignee-panel-grid{grid-template-columns:1fr}.main-content{width:min(100%,100% - 1rem);padding-top:1rem}.table-header-row,.parent-card-header,.subtask-checklist-item{flex-wrap:wrap;gap:.8rem}.card-col-date,.card-col-title,.card-col-assignee,.card-col-status,.card-col-actions{justify-content:flex-start;width:100%;padding:0}.hover-actions-group{opacity:1}.transporter-layout{grid-template-columns:1fr}}@media (width<=720px){.page-header,.compact-toolbar,.panel-header{flex-direction:column;align-items:stretch}.summary-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}.custom-dropdown-container{-webkit-user-select:none;user-select:none;display:block}.custom-dropdown-container.open{z-index:30}.custom-dropdown-trigger{border:1px solid var(--line);width:100%;color:var(--text);font-weight:800;font-size:inherit;white-space:nowrap;text-overflow:ellipsis;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background:#fffdf9f2;border-radius:14px;outline:none;padding:.55rem .85rem;font-family:inherit;overflow:hidden}.custom-dropdown-trigger:focus,.custom-dropdown-trigger:hover{border-color:#c96c5059;box-shadow:0 0 0 4px #c96c5014}.card-col-assignee .custom-dropdown-trigger{background:linear-gradient(#fffdf9,#f8efe3);border:1px solid #654e3724;border-radius:999px;font-size:.78rem;padding:.5rem .75rem!important}.custom-dropdown-menu{z-index:9999;background:#fffdf9;border:1px solid #654e371f;border-radius:14px;width:100%;max-height:220px;margin:0;padding:.4rem;list-style:none;animation:.14s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 30px #35281c26}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{color:var(--text);cursor:pointer;transition:background-color var(--transition), color var(--transition);border-radius:8px;padding:.6rem .8rem;font-size:.85rem}.custom-dropdown-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.custom-dropdown-item.selected{background:var(--accent);font-weight:800;color:#fff!important}.custom-dropdown-item.special-action{border-top:1px dashed var(--line);color:var(--accent);margin-top:.3rem;font-size:.76rem;font-weight:800}.custom-dropdown-item.special-action:hover{background:var(--accent-soft)}.mockup-btn-create{color:#fff8f0;background:linear-gradient(135deg,#c96c50,#b4573a);border:none;border-radius:16px;width:100%;padding:.7rem 1rem;font-weight:800;box-shadow:0 10px 20px #b4573a33}.assignee-panel-grid{grid-template-columns:2.2fr 1fr;align-items:start;gap:1.5rem;margin-top:1rem;display:grid}.login-page-container{background-color:#f4f6f5;background-image:radial-gradient(at 0 0,#10b9811f 0,#0000 50%),radial-gradient(at 100% 0,#14b8a61f 0,#0000 50%),radial-gradient(at 100% 100%,#0d948814 0,#0000 50%),radial-gradient(at 0 100%,#34d3991f 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-backdrop-decor{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decor-circle{filter:blur(120px);opacity:.65;pointer-events:none;border-radius:50%;position:absolute}.circle-1{background:#d1fae5;width:480px;height:480px;animation:20s ease-in-out infinite alternate floatOrb;top:-80px;right:-80px}.circle-2{background:#ccfbf1;width:520px;height:520px;animation:25s ease-in-out infinite alternate-reverse floatOrb;bottom:-100px;left:-100px}@keyframes floatOrb{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(30px)scale(1.05)rotate(10deg)}}.login-card-glass{z-index:2;-webkit-backdrop-filter:blur(24px);color:#1e293b;background:#ffffffb8;border:1px solid #ffffff73;border-radius:28px;width:100%;max-width:430px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) both cardEntrance;position:relative;box-shadow:0 4px 30px #00000005,0 20px 40px #10b9810f,inset 0 1px 1px #fffc}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.2rem;display:flex}.login-brand h2{letter-spacing:-.04em;color:#0f172a;margin-bottom:.35rem;font-size:1.7rem;font-weight:800}.brand-logo-glow.ghl-brand-mark{color:#fff;letter-spacing:-.05em;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);border-radius:18px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.25rem;font-size:1.75rem;font-weight:900;line-height:1;transition:transform .3s;display:inline-flex;transform:rotate(-3deg);box-shadow:0 10px 20px #10b98133,0 2px 4px #0000000d}.brand-logo-glow.ghl-brand-mark:hover{transform:rotate(0)scale(1.05)}.login-brand p{color:#64748b;font-size:.95rem;font-weight:500}.login-error-alert{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.animate-shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.login-error-alert .error-icon{color:#ef4444;flex-shrink:0;font-size:1rem;font-weight:700}.login-error-alert .error-message{color:#991b1b;font-size:.85rem;font-weight:500;line-height:1.4}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-form-group{flex-direction:column;gap:.6rem;display:flex}.login-form-group label{letter-spacing:.05em;text-transform:uppercase;color:#475569;font-size:.75rem;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:#94a3b8;pointer-events:none;align-items:center;font-size:1.1rem;transition:color .18s;display:flex;position:absolute;left:1rem}.input-with-icon input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.6rem;font-size:.95rem;font-weight:500;transition:all .18s;box-shadow:0 1px 2px #00000005}.input-with-action input{padding-right:2.9rem}.input-with-icon input::placeholder{color:#94a3b8;font-weight:400}.input-with-icon input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811f,0 1px 2px #0000000d}.input-with-icon:focus-within .input-icon{color:#10b981}.login-submit-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:.75rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 8px 20px #10b98133}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1.5px);box-shadow:0 10px 24px #10b9814d}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.8rem}.navbar-header{z-index:10;background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:0;width:100%;height:72px;padding:0 20px;display:flex;position:relative;box-shadow:0 1px #ffffff0a,0 4px 24px #00000059}.nb-brand{flex-shrink:0;align-items:center;gap:10px;margin-right:24px;display:flex}.nb-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-logo-ghl,.brand-logo-glow.ghl-brand-mark{color:#fff;letter-spacing:-.08em;background:#ef2323;font-family:Manrope,sans-serif;font-weight:900;box-shadow:0 14px 28px #ef232347}.nb-logo-ghl{border-radius:14px;width:52px;height:52px;font-size:1.35rem;line-height:1}.nb-brand-name{color:#f8fafc;letter-spacing:-.03em;white-space:nowrap;font-size:1.28rem;font-weight:800}.nb-brand-chip{color:#fff;letter-spacing:-.08em;background:#ef2323;border:1px solid #ffffff24;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:.98rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 10px 20px #ef23233d}.nb-nav{scrollbar-width:none;flex:1;justify-content:space-evenly;align-items:center;gap:0;padding:0 8px;display:flex;overflow-x:auto}.nb-nav::-webkit-scrollbar{display:none}.nb-tab{color:#fff9;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:160px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.analytics-grid{grid-template-columns:480px 1fr;gap:20px;margin-top:20px;display:grid}@media (width<=768px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{flex-direction:column;display:flex}.analytics-card.full-width{grid-column:1/-1}.chart-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;padding:5px 0;display:flex}.chart-legend{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px;display:flex}.legend-item{color:var(--text-color,#475569);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.nb-tab:hover{color:#fffffff2;background:0 0}.nb-tab:hover:before{content:"";background:#ffffff14;border-radius:9px;position:absolute;inset:0 16px}.nb-tab--active{color:#fff;background:0 0;font-weight:600}.nb-tab--active:before{content:"";background:#ffffff1f;border-radius:9px;position:absolute;inset:0 16px}.nb-tab-icon{opacity:.8;flex-shrink:0;align-items:center;display:flex}.nb-tab--active .nb-tab-icon{opacity:1}.nb-tab-icon,.nb-tab-label{z-index:1;z-index:1;position:relative}.nb-tab-label{flex-shrink:0}.nb-badge{color:#fff;background:linear-gradient(135deg,#f97316,#dc2626);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #f9731666}.nb-actions{border-left:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;margin-left:16px;padding-left:16px;display:flex}.nb-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #00000026}.nb-cta:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);transform:translateY(-1px);box-shadow:0 3px 10px #dc262673}.nb-cta:active{transform:scale(.98)}.nb-user{cursor:default;align-items:center;gap:9px;display:flex}.nb-avatar{color:#fff;background:linear-gradient(135deg,#f87171,#dc2626);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 8px #dc262666}.nb-user-info{flex-direction:column;line-height:1.2;display:flex}.nb-user-name{color:#fffffff2;white-space:nowrap;font-size:12.5px;font-weight:600}.nb-user-role{color:#ffffff73;text-transform:capitalize;white-space:nowrap;font-size:10.5px}.nb-logout{color:#fffaf4;cursor:pointer;background:linear-gradient(135deg,#d97a57,#bf5e3d);border:1px solid #d67d5c8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 10px 22px #7a321c47}.nb-logout:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 24px #7a321c57}.login-footer p{color:#fff8f059;font-size:.72rem}.nav-logout-btn{color:#fff8f0bf;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;width:44px;min-width:44px;height:44px;margin-left:.5rem;padding:0}.nav-logout-btn:hover{color:#ffcfc2;background:#c96c501f;border-color:#c96c5040}.navbar-user-badge{color:#213547e6;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.date-picker{position:relative}.date-picker-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.date-picker-trigger svg{color:var(--muted);flex-shrink:0}.date-picker-panel{z-index:60;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf6fa;border-radius:20px;width:min(320px,100vw - 3rem);padding:1rem;position:absolute;top:calc(100% + .55rem);left:0;box-shadow:0 18px 40px #35281c29}.date-picker-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.date-picker-title{color:var(--text);font-size:.95rem;font-weight:800}.date-picker-title-group{align-items:center;gap:.45rem;display:flex}.date-picker-title-btn{color:var(--text);background:0 0;border:none;border-radius:10px;padding:.25rem .45rem;font-size:.95rem;font-weight:800}.date-picker-title-btn:hover,.date-picker-title-btn.active{color:var(--accent-strong);background:#c96c501a}.date-picker-nav{border:1px solid var(--line);background:var(--surface-strong);width:32px;height:32px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.date-picker-nav:disabled{opacity:.35;cursor:default}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-picker-weekdays{gap:.25rem;margin-bottom:.4rem}.date-picker-weekdays span{text-align:center;color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.date-picker-grid{gap:.25rem}.date-picker-choice-grid{gap:.45rem;display:grid}.date-picker-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.date-picker-year-picker{flex-direction:column;gap:.55rem;display:flex}.date-picker-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.date-picker-page-btn{height:36px;color:var(--muted);background:#fffdf9e6;border:1px dashed #654e3738;border-radius:12px;font-weight:800}.date-picker-page-btn:hover{color:var(--accent-strong);background:#c96c5014;border-color:#c96c5047}.date-picker-choice-btn{border:1px solid var(--line);background:var(--surface-strong);height:40px;color:var(--text);border-radius:12px;font-weight:700}.date-picker-choice-btn:hover,.date-picker-choice-btn.active{color:var(--accent-strong);background:#c96c501f;border-color:#c96c5038}.date-picker-day{height:36px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;font-weight:700}.date-picker-day:hover:not(:disabled){background:#c96c501a;border-color:#c96c502e}.date-picker-day.today{color:var(--teal);border-color:#2f7f7359}.date-picker-day.selected{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 10px 20px #b4573a38}.date-picker-day:disabled{opacity:.3;cursor:not-allowed}.date-picker-day-empty{pointer-events:none;visibility:hidden}.date-picker-footer{justify-content:flex-end;margin-top:.85rem;display:flex}.date-picker-footer-btn{color:var(--accent-strong);background:0 0;border:none;padding:.3rem .4rem;font-weight:800}.password-toggle-btn{color:#94a3b8;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;transition:all .15s;display:inline-flex;position:absolute;right:.85rem}.password-toggle-btn:hover:not(:disabled){color:#10b981;background:#10b98114}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toast-viewport{z-index:9000;pointer-events:none;flex-direction:column;gap:.7rem;width:min(360px,100vw - 2.5rem);display:flex;position:fixed;top:1.25rem;right:1.25rem}@keyframes toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.toast-card{pointer-events:auto;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffcf8f7;border:1px solid #654e371f;border-radius:20px;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) both toast-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #21354729,0 4px 12px #2135470f}.toast-close-btn{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.95)}.toast-card:hover .toast-close-btn{opacity:1;transform:scale(1)}.toast-close-btn:hover{color:var(--text);background:#654e3714}.toast-card.success{background:linear-gradient(135deg,#fffcf8f7 0%,#ebfcf6f7 100%);border-color:#23967f47}.toast-card.warning{background:linear-gradient(135deg,#fffcf8f7 0%,#fff3ecf7 100%);border-color:#c96c5047}.toast-icon{color:#1a8a71;background:#23967f24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.toast-icon svg{width:1rem;height:1rem;display:block}.toast-card.warning .toast-icon{color:#b4573a;background:#c96c5024}.toast-body{min-width:0}.toast-title{color:var(--text);letter-spacing:-.01em;margin-bottom:.15rem;font-size:.85rem;font-weight:800}.toast-message{color:var(--muted);font-size:.8rem;line-height:1.5}@keyframes confirm-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-overlay{z-index:8000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14212d8c;justify-content:center;align-items:center;padding:1rem;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--surface-strong);border:1px solid var(--line);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:.6rem;width:min(420px,100%);padding:2.2rem 2rem 1.8rem;animation:.28s cubic-bezier(.175,.885,.32,1.275) both confirm-in;display:flex;box-shadow:0 32px 64px #14212d38,0 8px 24px #14212d1a}.confirm-icon-wrap{background:var(--blue-soft);width:3.5rem;height:3.5rem;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.4rem;display:flex}.confirm-icon-wrap[data-danger=true]{color:var(--accent-strong);background:#b4573a1f}.confirm-icon-wrap svg{width:1.5rem;height:1.5rem}.confirm-title{color:var(--text);letter-spacing:-.025em;font-size:1.15rem;font-weight:800}.confirm-message{color:var(--muted);max-width:30ch;margin:.2rem auto .8rem;font-size:.88rem;line-height:1.6}.confirm-actions{gap:.75rem;width:100%;margin-top:.4rem;display:flex}.confirm-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;flex:1;padding:.8rem 1.4rem;font-size:.88rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.confirm-btn:hover{transform:translateY(-1px)}.confirm-btn:active{transform:scale(.98)}.confirm-btn-cancel{color:var(--text);border:1px solid var(--line);background:#21354712}.confirm-btn-cancel:hover{background:#2135471f}.confirm-btn-primary{color:#fff;background:linear-gradient(135deg,#476c9b,#334f79);box-shadow:0 10px 22px #334f7947}.confirm-btn-primary:hover{box-shadow:0 14px 28px #334f7961}.confirm-btn-danger{color:#fff8f0;background:linear-gradient(135deg,#c96c50,#b4573a);box-shadow:0 10px 22px #b4573a47}.confirm-btn-danger:hover{box-shadow:0 14px 28px #b4573a61}.nb-hamburger{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .15s;display:none}.nb-hamburger:hover{background:#ffffff24}.nb-hamburger-icon{flex-direction:column;gap:5px;width:20px;display:flex}.nb-hamburger-icon span{transform-origin:50%;background:#ffffffe6;border-radius:2px;height:2px;transition:transform .25s,opacity .25s,width .25s;display:block}.nb-hamburger-icon.open span:first-child{transform:translateY(7px)rotate(45deg)}.nb-hamburger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nb-hamburger-icon.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nb-nav--desktop{display:flex}.nb-mobile-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#0a121e8c;animation:.2s both nb-overlay-in;position:fixed;inset:0}@keyframes nb-overlay-in{0%{opacity:0}to{opacity:1}}.nb-mobile-menu{background:linear-gradient(160deg,#0f172a 0%,#1a2744 100%);border-bottom:1px solid #ffffff14;flex-direction:column;gap:0;padding:1rem 1rem 1.25rem;animation:.28s cubic-bezier(.16,1,.3,1) both nb-menu-slide;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 20px 60px #00000073}@keyframes nb-menu-slide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nb-mobile-user{align-items:center;gap:12px;padding:.75rem .5rem 1rem;display:flex}.nb-avatar--lg{width:44px!important;height:44px!important;font-size:14px!important}.nb-mobile-user-info{flex-direction:column;gap:2px;display:flex}.nb-mobile-divider{background:#ffffff14;height:1px;margin:.5rem 0}.nb-mobile-tab{color:#ffffffa6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:.9rem .75rem;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.nb-mobile-tab:hover{color:#fffffff2;background:#ffffff12}.nb-mobile-tab--active{font-weight:700;color:#fff!important;background:#ffffff1a!important}.nb-mobile-tab--active .nb-tab-icon{opacity:1}.nb-mobile-actions{flex-direction:column;gap:.6rem;padding-top:.25rem;display:flex}.nb-cta--full{border-radius:12px;justify-content:center;width:100%;padding:.85rem 1rem}.nb-mobile-logout{color:#ffcfc2;cursor:pointer;background:#c96c501f;border:1px solid #d67d5c4d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s;display:flex}.nb-mobile-logout:hover{background:#c96c5033}@media (width<=1024px){.main-content{width:min(100%,100% - 1rem);padding:1rem .25rem 1.5rem}}@media (width<=860px){.navbar-header{height:60px;padding:0 14px}.nb-hamburger{display:inline-flex}.nb-nav--desktop,.nb-user-info,.nb-logout{display:none}.nb-actions{gap:8px;margin-left:12px;padding-left:12px}.nb-brand{flex:1;margin-right:0}.nb-brand-name{font-size:1.1rem}}.mobile-task-date{display:none}.chevron-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;display:inline-flex}.chevron-spacer{flex-shrink:0;width:2rem}@media (width<=960px){.page-header{grid-template-columns:1fr auto!important;align-items:center!important;gap:.65rem 0!important;margin-bottom:1rem!important;display:grid!important}.page-title-sec{grid-area:1/1!important;justify-self:start!important}.expand-all-wrapper{grid-area:1/2!important;justify-self:end!important}.scope-toggle-container{border-radius:8px!important;grid-area:2/1/auto/span 2!important;justify-self:center!important;gap:2px!important;margin:0 auto!important}.page-title-sec h2{white-space:nowrap!important;margin:0!important;font-size:.95rem!important}.scope-toggle-btn{border-radius:6px!important;padding:.35rem .65rem!important;font-size:.72rem!important}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-panel-grid,.assignee-panel-grid{grid-template-columns:1fr}.page-header,.compact-toolbar,.panel-header{flex-direction:column;gap:.75rem;align-items:stretch!important}.table-header-row{display:none}.parent-card-header,.subtask-checklist-item{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.25rem!important;width:100%!important;min-height:0!important;padding:.45rem .5rem!important;display:flex!important;position:static!important}.card-col-date,.parent-card-header>.card-col-assignee,.parent-card-header>.card-col-status,.parent-card-header>.card-col-actions,.subtask-checklist-item>.card-col-assignee,.subtask-checklist-item>.card-col-status,.subtask-checklist-item>.card-col-actions{display:none!important}.mobile-info-btn-col{flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;width:32px!important;display:flex!important}.mobile-info-toggle-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;display:flex!important}.card-col-title,.card-col-title>div,.card-col-title>div>div{border-bottom:none!important;flex:1!important;min-width:0!important;margin-bottom:0!important;padding:0 .25rem 0 0!important}.card-col-title{align-items:center!important;display:flex!important}.card-col-title>div{width:100%}.mobile-task-date{color:var(--muted)!important;letter-spacing:.02em!important;text-align:left!important;margin-bottom:.15rem!important;font-size:.68rem!important;font-weight:700!important;display:block!important}.task-title-btn{white-space:nowrap!important;text-overflow:ellipsis!important;text-align:left!important;width:100%!important;font-size:.84rem!important;display:block!important;overflow:hidden!important}.subtask-badge-label{display:none!important}.chevron-toggle{flex-shrink:0!important;width:1.15rem!important;height:1.15rem!important}.chevron-spacer{flex-shrink:0!important;width:1.15rem!important}.mobile-details-drawer{background:rgba(var(--accent-rgb), .04)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;flex-direction:column!important;gap:.4rem!important;width:100%!important;margin-bottom:.25rem!important;padding:.65rem .85rem!important;display:flex!important}.mobile-details-drawer .drawer-row{border-bottom:1px dashed #654e3714!important;justify-content:space-between!important;align-items:center!important;padding:.25rem 0!important;display:flex!important}.mobile-details-drawer .drawer-row:last-child{border-bottom:none!important}.mobile-details-drawer .drawer-label{text-transform:uppercase!important;color:var(--muted)!important;letter-spacing:.05em!important;font-size:.72rem!important;font-weight:700!important}.mobile-details-drawer .drawer-value{justify-content:flex-end!important;align-items:center!important;display:flex!important}.mobile-details-drawer .card-col-assignee,.mobile-details-drawer .card-col-status,.mobile-details-drawer .card-col-actions{width:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;display:flex!important;position:static!important}.mobile-details-drawer .custom-dropdown-container,.mobile-details-drawer .custom-dropdown-trigger,.mobile-details-drawer .assignee-select-wrapper{width:110px!important}.mobile-details-drawer .custom-dropdown-trigger{border-radius:6px!important;height:26px!important;padding:2px 4px!important;font-size:.72rem!important}.mobile-details-drawer .status-badge{text-align:center!important;border-radius:6px!important;width:auto!important;min-width:0!important;padding:3px 8px!important;font-size:.72rem!important}.mobile-details-drawer .hover-actions-group{gap:4px!important;display:flex!important}.mobile-details-drawer .action-btn-circle{border-radius:6px!important;width:26px!important;height:26px!important}.mobile-details-drawer .action-btn-circle svg{width:11px!important;height:11px!important}.context-only-card .card-col-assignee,.context-only-card .card-col-status{display:none!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-progress-track{width:60px!important;display:flex!important}.task-progress-row{padding-left:calc(var(--depth,0) * 30px + 1.65rem - 5px)!important;align-items:center!important;gap:.5rem!important;margin-top:.15rem!important;display:flex!important}.expand-text-extra{display:none!important}.expand-all-btn{white-space:nowrap!important;background:var(--surface-strong)!important;border:1px solid var(--line-strong)!important;color:var(--text)!important;border-radius:6px!important;gap:.25rem!important;padding:.35rem .65rem!important;font-size:.72rem!important;box-shadow:0 2px 8px #0000000a!important}.expand-all-btn svg{width:12px!important;height:12px!important}.transporter-layout{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}@media (width<=640px){:root{--sticky-header-top:60px}.main-content{width:100%;padding:.85rem .5rem 2rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.kpi-card{padding:.9rem}.kpi-value{font-size:1.65rem}.kpi-title{margin-bottom:.5rem;font-size:.68rem}.kpi-desc{font-size:.78rem}.dashboard-panel-grid,.summary-grid{grid-template-columns:1fr}.page-title-sec h2,.dashboard-card h3{font-size:1.4rem}.page-header,.compact-toolbar,.panel-header{flex-direction:column;align-items:stretch;gap:.7rem}.parent-card-header,.subtask-checklist-item{gap:.75rem;padding:.85rem}.cards-stack{gap:.65rem}.mockup-modal{border-radius:20px;width:100%;max-width:100%;max-height:calc(100dvh - 1rem);margin:.5rem auto;padding:1.1rem;overflow-y:auto}.modal-overlay-bg{align-items:flex-end;padding:.5rem}.mockup-form-grid.two-col{flex-direction:column;gap:.75rem;display:flex}.mockup-actions-row{flex-direction:column;gap:.6rem;display:flex}.mockup-actions-row .nav-link-btn{justify-content:center;width:100%;min-width:0!important}.confirm-actions{flex-direction:column;gap:.6rem}.confirm-btn{width:100%;min-width:0!important}.date-picker-panel{z-index:9000;width:min(340px,100vw - 1rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important}.toast-viewport{width:auto;inset:auto .75rem 1rem}.content-panel.team-panel{box-shadow:none;background:0 0;border:none;padding:.5rem!important}.team-table,.team-table thead,.team-table tbody,.team-table tr,.team-table th,.team-table td{width:100%;display:block}.team-table thead{display:none}.team-table tbody{flex-direction:column;gap:.8rem;display:flex}.team-table tbody tr{background:#fffcf6f0;border:1px solid #654e371f;border-radius:18px;padding:.85rem .9rem;box-shadow:0 10px 20px #35281c12}.team-table td{border-bottom:1px solid #654e3714;padding:.65rem 0;text-align:left!important}.team-table td:last-child{border-bottom:none;padding-bottom:0}.team-table td:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-size:.7rem;font-weight:800;display:block}.team-table .team-index,.team-table .team-name{font-size:.95rem}.team-table .status-badge{width:auto}.team-action-cell>div{justify-content:flex-start!important}.action-btn-circle{border-radius:50%!important;width:28px!important;height:28px!important}.action-btn-circle svg{width:12px!important;height:12px!important}.assignee-panel-grid{grid-template-columns:1fr;gap:1rem}.login-card-glass{padding:2rem 1.5rem}.dashboard-card{padding:1rem}.dashboard-card-head strong{font-size:1.35rem}.nb-brand-chip{width:2.3rem;height:2.3rem;font-size:.85rem}.nb-brand-name{font-size:1rem}}.expand-all-btn:hover{background:var(--surface-soft)!important;border-color:var(--accent)!important;color:var(--accent-strong)!important;box-shadow:0 4px 14px #c96c501f!important}.expand-all-btn:active{transform:scale(.98)}.scope-toggle-container{background:var(--surface-soft);border:1px solid var(--line);z-index:5;border-radius:20px;gap:4px;padding:3px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.scope-toggle-container{margin:.5rem auto;position:static;transform:none}}.scope-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 16px;font-size:.84rem;font-weight:700;transition:all .18s}.scope-toggle-btn:hover{color:var(--text);background:#654e370d}.scope-toggle-btn.active{background:var(--accent);box-shadow:0 2px 8px #c96c5040;color:#fff!important}.dashboard-panel-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:20px;display:grid}.spotlight-card,.summary-card{border-radius:var(--radius-md);padding:24px}.dashboard-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.dashboard-card-head.compact{border-bottom:none;padding-bottom:0}.section-tag{background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge.pending{background:var(--pending-soft);color:var(--pending)}.status-badge.inprogress{background:var(--progress-soft);color:var(--progress)}.status-badge.complete{background:var(--success-soft);color:var(--success)}.dashboard-focus-list{flex-direction:column;gap:12px;margin-top:15px;display:flex}.dashboard-focus-item{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:15px;padding:14px;display:flex}.dashboard-focus-item:hover{border-color:#c96c504d;transform:translateY(-2px);box-shadow:0 4px 12px #35281c14}.dashboard-rank{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.dashboard-focus-content{flex-direction:column;flex:1;gap:4px;display:flex}.dashboard-focus-topline{justify-content:space-between;align-items:center;display:flex}.dashboard-focus-topline strong{color:var(--text);font-size:.95rem}.dashboard-focus-meta{color:var(--muted);font-size:.8rem}.recent-win-wrap{flex-direction:column;gap:12px;margin-top:15px;display:flex}.mini-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-size:.85rem;font-weight:700}.dashboard-win-item{background:var(--success-soft);border:1px solid var(--success-line);border-radius:var(--radius-sm);transition:var(--transition);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.dashboard-win-item:hover{transform:translate(4px);box-shadow:0 4px 12px #23967f1f}.win-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}@media (width<=768px){.expand-all-btn .expand-btn-text{display:none!important}.expand-all-btn{border-radius:50%!important;padding:.55rem!important}}