*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}:root{color:#344054;background:#f6f8fb;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}body{color:#344054;background:radial-gradient(circle at top,#6ab7d42e,#0000 26%),linear-gradient(#f7f9fb 0%,#edf2f7 100%);min-height:100vh;margin:0}.login-page-shell{place-items:center;min-height:calc(100vh - 2rem);display:grid}.login-card{background:#fffffff5;border:1px solid #0d55701f;border-radius:28px;width:min(520px,100%);padding:2rem;box-shadow:0 24px 56px #0d557024}.login-card-header{text-align:center;justify-items:center;gap:.6rem;margin-bottom:1.5rem;display:grid}.login-card-header h1{color:#111827;margin:0}.login-form{gap:1rem;display:grid}.login-form label{gap:.35rem;display:grid}.login-form input{background:#fff;border:1px solid #d0d5dd;border-radius:16px;padding:.85rem .9rem}.forgot-password-panel{border-top:1px solid #e4e7ec;margin-top:1rem;padding-top:1rem}.form-error{color:#b42318;margin:0;font-weight:700}.password-help-box{background:#f8fbfd;border:1px solid #dbe5ec;border-radius:16px;padding:.85rem .95rem}.password-help-box p{margin:.35rem 0 0}.separate-password-box{margin-top:1rem}.password-box-header{margin-bottom:.5rem}.password-meta-stack{gap:.2rem;margin-top:.85rem;display:grid}button,input,select,textarea{font:inherit}.page{max-width:1460px;margin:0 auto;padding:1rem}.with-sidebar{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:1rem;transition:grid-template-columns .18s;display:grid}.with-sidebar.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.side-panel,.panel,.topbar{background:#fffffff0;border:1px solid #0d55701f;border-radius:24px;box-shadow:0 18px 38px #0d557014}.side-panel{padding:1rem;transition:padding .18s,width .18s;position:sticky;top:1rem}.side-panel.collapsed{padding:1rem .7rem}.side-panel-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sidebar-toggle{color:#0d5570;cursor:pointer;background:#fff;border:1px solid #0d557029;border-radius:14px;width:40px;height:40px;font-weight:700}.side-panel-nav{gap:.45rem;margin-top:1rem;display:grid}.side-link{color:#344054;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:.9rem 1rem;font-weight:700}.side-panel.collapsed .side-link{text-align:center;padding-inline:.5rem}.side-link.active,.side-link:hover{color:#fff;background:#0d5570}.content-shell{min-width:0}.topbar{margin-bottom:1rem;padding:1.25rem 1.25rem 5.2rem;position:relative}.mobile-topbar-row{display:none}.mobile-menu-btn{color:#0d5570;cursor:pointer;background:#fff;border:1px solid #0d557029;border-radius:14px;padding:.7rem .95rem;font-weight:700;box-shadow:0 10px 24px #0d557014}.mobile-nav-backdrop{display:none}.brand-identity{text-align:center;justify-items:center;gap:.2rem;display:grid}.brand-logo{width:96px;height:auto}.brand-company-name{color:#111827;margin:0;font-weight:700}.sub,.inline-note,.user-profile-label,.field-label,.stack-item span,.stack-item small{color:#667085}.user-profile-card{background:#f8fafcf5;border:1px solid #0d557024;border-radius:18px;align-items:center;gap:.75rem;min-width:240px;padding:.75rem .9rem;display:flex;position:absolute;bottom:.9rem;left:1.25rem}.user-avatar{color:#fff;background:linear-gradient(135deg,#0d5570,#6ab7d4);border-radius:50%;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.kpis{grid-template-columns:repeat(8,minmax(0,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.unified-kpis-row{align-items:stretch}.kpi-card{color:#fff;text-align:center;border-radius:18px;align-content:center;justify-items:center;min-height:96px;padding:.7rem .55rem;display:grid}.kpi-card h2{margin:0 0 .22rem;font-size:.78rem;font-weight:700;line-height:1.2}.kpi-card p{margin:0;font-size:1.35rem;font-weight:800}.kpi-card-primary{cursor:pointer}.kpi-mobile-toggle{display:none}.ocean-deep{background:linear-gradient(135deg,#0d5570,#1e6d88)}.ocean-mid{background:linear-gradient(135deg,#2f7f9f,#6ab7d4)}.slate-dark{background:linear-gradient(135deg,#314155,#516277)}.burgundy{background:linear-gradient(135deg,#7a2f45,#a84b60)}.workspace,.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:1rem;display:grid}.panel{padding:1rem}.panel-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel-header h2,.detail-card h3{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}.user-table-wrap,.task-table-wrap{overflow-x:auto}.user-management-table{table-layout:fixed}.task-management-table{min-width:920px}.user-management-table th,.user-management-table td{padding:.7rem .55rem;font-size:.92rem}.user-col-name{width:18%;font-weight:700}.user-col-email{word-break:break-word;width:24%}.user-col-role{text-transform:capitalize;width:10%}.user-col-department{width:14%}.user-col-active{width:8%}.user-col-created{width:14%}.user-management-table .task-actions-column,.user-management-table .task-actions-cell{width:12%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e4e7ec;padding:.85rem .75rem}.task-actions-column,.task-actions-cell{text-align:center;white-space:nowrap}.icon-delete-btn{color:#b42318;cursor:pointer;background:#fff5f4;border:1px solid #b423182e;border-radius:12px;place-items:center;min-width:40px;height:40px;padding:0;font-size:1rem;display:inline-grid}.icon-delete-btn:hover:not(:disabled){background:#fee4e2}.icon-delete-btn:disabled{opacity:.6;cursor:wait}tbody tr:nth-child(odd){background:#6ab7d414}tbody tr:nth-child(2n){background:#fff}tr.selected,tr:hover{background:#6ab7d429}.status-pill{border-radius:999px;align-items:center;padding:.28rem .72rem;font-size:.85rem;font-weight:700;display:inline-flex}.status-not-started{color:#344054;background:#eaecf0}.status-in-progress{color:#1d4ed8;background:#dbeafe}.status-paused{color:#c2410c;background:#ffedd5}.status-waiting{color:#a16207;background:#fef3c7}.status-completed{color:#15803d;background:#dcfce7}.status-cancelled{color:#b91c1c;background:#fee2e2}.detail-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:1rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.task-detail-primary{gap:.35rem;display:grid}.task-detail-desktop-only{display:block}.task-detail-grid>div{background:#f8fafceb;border:1px solid #0d557014;border-radius:16px;padding:.9rem 1rem}.task-detail-grid .field-label{color:#0d5570;letter-spacing:.04em;background:#0d55701a;border-radius:999px;margin-bottom:.55rem;padding:.22rem .55rem;font-size:.78rem;font-weight:800;display:inline-block}.task-detail-grid p,.task-detail-grid strong{color:#111827}.detail-span-2{grid-column:span 2}.field-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.82rem;font-weight:700;display:block}.stack-list{gap:.65rem;display:grid}.stack-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:16px;gap:.2rem;width:100%;padding:.8rem .9rem;display:grid}.stack-item.static{cursor:default}.calendar-groups,.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.training-video-card{gap:1rem;display:grid}.training-video-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.training-open-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.training-video-player{background:#000;border:1px solid #dbe5ec;border-radius:18px;width:100%;max-height:70vh}.calendar-day-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:1rem}.calendar-task{text-align:left;cursor:pointer;background:#6ab7d414;border:1px solid #0d55701f;border-radius:14px;gap:.2rem;width:100%;margin-top:.65rem;padding:.75rem;display:grid}.tasks-grid{grid-template-columns:minmax(0,1.25fr) minmax(420px,.95fr);gap:1rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.form-grid label,.view-filter{gap:.35rem;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.view-filter select{background:#fff;border:1px solid #d0d5dd;border-radius:14px;padding:.72rem .8rem}.form-span-2{grid-column:span 2}.toolbar{flex-wrap:wrap;gap:.65rem;display:flex}.action-btn,.secondary-btn,.danger-btn{cursor:pointer;border:0;border-radius:14px;padding:.78rem 1rem;font-weight:700}.action-btn{color:#fff;background:#0d5570}.secondary-btn{color:#344054;background:#e8eef3}.danger-btn{color:#fff;background:#b42318}.compact-header{margin-bottom:.75rem}.task-detail-header-copy .inline-note{margin-top:0;display:block}.task-detail-subtitle-gap{height:.9rem}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fffffffa;border:1px solid #0d55701f;border-radius:24px;width:min(860px,100%);max-height:calc(100vh - 2rem);padding:1rem;overflow:auto;box-shadow:0 24px 56px #0f172a47}.chatbot-shell{z-index:70;justify-items:end;gap:.85rem;display:grid;position:fixed;bottom:1.5rem;right:1.5rem}.chatbot-panel{background:#fffffffa;border:1px solid #0d55701f;border-radius:24px;width:min(360px,100vw - 2rem);overflow:hidden;box-shadow:0 24px 56px #0f172a38}.chatbot-header{background:linear-gradient(135deg,#0d55700f,#6ab7d424);border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:start;gap:.75rem;padding:1rem 1rem .8rem;display:flex}.chatbot-branding{align-items:center;gap:.75rem;display:flex}.chatbot-brand-icon{color:#fff;background:linear-gradient(135deg,#0d5570,#2f7f9f);border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:900;display:grid;box-shadow:0 12px 24px #0d557038}.chatbot-settings{background:#f8fbfd;border-bottom:1px solid #e4e7ec;gap:.6rem;padding:.9rem 1rem;display:grid}.chatbot-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.85rem 1rem 0;display:grid}.chatbot-tab{color:#344054;cursor:pointer;background:#fff;border:1px solid #0d55701f;border-radius:14px;padding:.7rem .85rem;font-weight:700}.chatbot-tab.active{color:#fff;background:#0d5570}.chatbot-settings label{align-items:center;gap:.55rem;font-size:.94rem;display:flex}.chatbot-close{padding:.55rem .8rem}.chatbot-messages{background:linear-gradient(#f8fbfd 0%,#f3f7fa 100%);gap:.75rem;max-height:360px;padding:1rem;display:grid;overflow:auto}.chatbot-quick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.chatbot-chip{color:#0d5570;cursor:pointer;background:#fff;border:1px solid #0d557024;border-radius:999px;padding:.45rem .8rem;font-weight:700}.chatbot-chip:hover{background:#6ab7d424}.chat-message{border-radius:18px;gap:.35rem;max-width:85%;padding:.8rem .9rem;display:grid}.chat-message p{margin:0;line-height:1.45}.team-chat-presence-row{gap:.75rem;display:grid}.team-chat-presence{color:#667085;align-items:center;gap:.45rem;font-size:.88rem;display:flex}.team-chat-tools{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.team-chat-tools input,.team-chat-tools select{background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:.65rem .75rem}.presence-dot{background:#12b76a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #12b76a24}.team-typing-indicator{color:#667085;padding:.2rem .1rem 0;font-size:.85rem}.chat-message-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-reactions{flex-wrap:wrap;gap:.4rem;display:flex}.chat-reaction-btn,.chat-upload-btn{color:#0d5570;cursor:pointer;background:#fff;border:1px solid #0d557024;border-radius:999px;padding:.42rem .72rem;font-weight:700}.chat-reaction-btn.active{background:#6ab7d424}.chat-attachments,.team-draft-attachments{gap:.5rem;display:grid}.task-attachment-field{gap:.6rem;display:grid}.task-attachment-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.task-upload-btn{justify-content:center;align-items:center;width:fit-content;display:inline-flex}.task-draft-attachments,.task-detail-attachments{margin-top:.1rem}.task-form{position:relative}.task-form.task-form-drag-active{background:#6ab7d414;border:1px dashed #0d5570;border-radius:18px;padding:.75rem}.chat-attachment-item{color:inherit;background:#f8fafcf2;border:1px solid #dbe5ec;border-radius:14px;gap:.2rem;padding:.65rem .8rem;text-decoration:none;display:grid}.chat-attachment-item.draft{align-items:start}.chat-attachment-preview{object-fit:cover;border:1px solid #dbe5ec;border-radius:12px;width:100%;max-height:160px}.team-chat-form{grid-template-columns:minmax(0,1fr) auto auto}.team-chat-form.drag-active{background:#6ab7d414;border:1px dashed #0d5570;border-radius:18px}.chat-message span{color:#667085;font-size:.78rem}.chat-message.assistant{background:#fff;border:1px solid #dbe5ec;justify-self:start}.chat-message.user{color:#fff;background:#0d5570;justify-self:end}.chat-message.user span{color:#ffffffc7}.chatbot-form{background:#fff;border-top:1px solid #e4e7ec;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:1rem;display:grid}.chatbot-form input{border:1px solid #d0d5dd;border-radius:14px;padding:.8rem .9rem}.chatbot-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d5570,#2f7f9f);border:0;border-radius:999px;min-width:76px;padding:.95rem 1.2rem;font-weight:800;position:relative;box-shadow:0 18px 36px #0d557047}.chatbot-fab:hover{transform:translateY(-1px);box-shadow:0 20px 40px #0d557057}.chatbot-badge{color:#fff;background:#b42318;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 .35rem;font-size:.75rem;font-weight:800;display:inline-grid;position:absolute;top:-.35rem;right:-.1rem;box-shadow:0 8px 18px #b4231847}@media (width<=1100px){.training-video-header{flex-direction:column}.tasks-grid{grid-template-columns:1fr}.user-profile-card{gap:.6rem;padding:.7rem .8rem}.user-avatar{width:42px;height:42px;font-size:.92rem}.panel,.detail-card,.calendar-day-card,.login-card{border-radius:20px}.stack-item,.calendar-task,.chatbot-chip,.chat-reaction-btn,.chat-upload-btn,.icon-delete-btn{min-height:46px}.panel-header{gap:.85rem}.modal-backdrop{align-items:end;padding:.75rem}.modal-card{border-radius:20px;width:100%;max-height:min(88vh,960px);padding:.9rem}.form-grid label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea,.view-filter select{box-sizing:border-box;min-height:46px}.form-grid textarea{min-height:120px}.view-filter{min-width:220px}.user-table-wrap{-webkit-overflow-scrolling:touch;border-radius:18px;overflow-x:auto}.user-management-table{min-width:760px}.user-management-table th,.user-management-table td{white-space:nowrap}.user-col-name,.user-col-email{white-space:normal}.task-table-wrap{-webkit-overflow-scrolling:touch;border-radius:18px;overflow-x:auto}.task-management-table th,.task-management-table td{white-space:nowrap}.task-management-table td:first-child{white-space:normal;min-width:190px}.task-management-table td:nth-child(6),.task-management-table td:nth-child(7){white-space:normal;min-width:180px}.brand-identity{text-align:center;justify-items:center}.brand-logo{width:74px}.topbar-meta{margin-top:1rem}.user-profile-card{box-sizing:border-box;width:100%;min-width:0}.kpi-card{text-align:left;border-radius:16px;justify-items:start;min-height:88px;padding:.85rem .7rem}.kpi-card h2{font-size:.76rem}.kpi-card p{font-size:1.2rem}.with-sidebar,.workspace,.dashboard-grid,.tasks-grid,.permission-grid,.calendar-groups,.detail-grid,.form-grid,.with-sidebar,.with-sidebar.sidebar-collapsed{grid-template-columns:1fr}.side-panel,.side-panel.collapsed{z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;width:auto;padding:.75rem;display:none;position:absolute;top:.75rem;left:.75rem;right:.75rem}.side-panel.mobile-open,.side-panel.collapsed.mobile-open{display:block}.side-panel-header{display:none}.side-panel-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:0}.side-link,.side-panel.collapsed .side-link{text-align:center;background:#f8fbfd;border:1px solid #0d55701a;border-radius:14px;min-height:52px;padding:.9rem}.mobile-topbar-row{z-index:50;justify-content:flex-start;margin-bottom:.9rem;display:flex;position:relative}.mobile-nav-backdrop{z-index:40;background:#0f172a3d;border:0;margin:0;padding:0;display:block;position:fixed;inset:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.form-span-2,.detail-span-2{grid-column:span 1}.user-profile-card{margin-top:1rem;position:static}.topbar{padding-bottom:1.25rem}.chatbot-shell{bottom:1rem;right:1rem}.chatbot-panel{width:min(100vw - 1.5rem,360px)}}@media (width<=720px){.kpis,.side-panel-nav{grid-template-columns:1fr}.mobile-dashboard-grid{gap:.85rem}.mobile-dashboard-grid>.panel,.mobile-dashboard-grid>.panel.detail-panel{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.mobile-dashboard-grid .table-wrap,.mobile-dashboard-grid .detail-card,.mobile-dashboard-grid .stack-item,.mobile-dashboard-grid table{box-sizing:border-box;width:100%;max-width:100%}.kpi-mobile-toggle{color:#ffffffe6;margin-top:.35rem;font-size:.8rem;font-weight:700;display:inline-block}.mobile-kpis-collapsed .kpi-card:not(.kpi-card-primary){display:none}.mobile-kpis-collapsed,.mobile-kpis-expanded{grid-template-columns:1fr}.user-profile-card{border-radius:16px;gap:.55rem;padding:.6rem .72rem}.user-avatar{width:38px;height:38px;font-size:.85rem}.user-profile-card strong{font-size:.95rem}.user-profile-label,.user-profile-card .sub{font-size:.82rem}.tasks-grid{gap:.8rem}.user-table-wrap,.task-table-wrap{border-radius:14px}.task-detail-grid{grid-template-columns:1fr;gap:.85rem}.task-detail-grid>div{border-radius:14px;padding:.85rem .9rem}.task-detail-grid .field-label{font-size:.74rem}.task-detail-desktop-only{display:none}.content-shell{min-width:0}.panel,.detail-card,.calendar-day-card,.login-card{border-radius:18px}.panel-header{flex-direction:column;align-items:stretch}.stack-item,.calendar-task,.chatbot-chip,.chat-reaction-btn,.chat-upload-btn{min-height:48px}.icon-delete-btn{min-width:44px;min-height:44px}.chatbot-fab{min-width:68px;padding:.85rem 1rem}.modal-backdrop{padding:.35rem}.modal-card{border-radius:18px 18px 0 0;width:100%;max-height:calc(100vh - .7rem);padding:.85rem}.compact-header{gap:.65rem}.form-grid{gap:.75rem}.form-grid input,.form-grid select,.form-grid textarea,.view-filter select{min-height:48px;padding:.82rem .85rem}.form-grid textarea{min-height:130px}.view-filter{width:100%;min-width:0}.user-table-wrap{margin-inline:-.2rem;padding-bottom:.25rem}.user-management-table{min-width:700px}.user-management-table th,.user-management-table td{font-size:.88rem}.task-table-wrap{margin-inline:-.2rem;padding-bottom:.25rem}.task-management-table{min-width:840px}.task-management-table th,.task-management-table td{font-size:.88rem}.brand-identity{text-align:center;justify-items:center;gap:.45rem}.brand-logo{width:64px}.brand-company-name{font-size:.98rem}.sub{font-size:.9rem}.topbar{padding:1rem 1rem 1.1rem}.kpi-card{gap:.2rem;min-height:auto}.page{padding:.75rem}.panel,.topbar,.side-panel{border-radius:18px}th,td{padding:.7rem .55rem;font-size:.9rem}.toolbar{flex-direction:column;align-items:stretch}.action-btn,.secondary-btn,.danger-btn,.mobile-menu-btn{justify-content:center;width:100%}}