:focus{outline:none}@layer tokens{:root{--primary:#24a6b5;--primary-light:#5cc0cb;--primary-dark:#224346;--cta:#fc540f;--cta-hover:#dc540f;--bg-start:#d9f1f5;--bg-end:#ecedee;--app-bg:radial-gradient(circle at 20% 20%, #ceedf1 0%, transparent 45%), radial-gradient(circle at 80% 75%, #b7e3e9 0%, transparent 50%), linear-gradient(135deg, #e1f4f7, #f0f1f1);--surface:#ffffffa6;--surface-hover:#ffffffd9;--text:#224346;--text-secondary:#415b5b;--text-muted:#959595;--danger:#ea3c21;--success:#23cade;--warning:#fa870a;--radius:16px;--radius-sm:10px;--shadow:0 4px 24px #22434614;--shadow-hover:0 8px 32px #22434624;--transition:.2s cubic-bezier(.4,0,.2,1);--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--bottom-nav-height:60px;--topbar-height-mobile:60px}}@layer base,layout,components,utilities;*{box-sizing:border-box;margin:0;padding:0}html{background:#fff;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#24a6b54d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#24a6b580}*{scrollbar-width:thin;scrollbar-color:#24a6b54d transparent}body{background:var(--app-bg);color:var(--text);touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.slide-panel-back:active,.slide-panel-close:active,.topbar-burger:active,.topbar-search-btn:active,.sidebar-collapse-btn:active,.topbar-company-chevron:active,.user-chevron:active,.mt-chips-chevron:active,.dp-trigger-btn:active,.filter-reset-btn:active,.report-refresh-btn:active,.ab-btn:active,.chat-back-btn:active,.chat-header-btn:active{background:#24a6b526;border-radius:18px}.login-screen{justify-content:center;align-items:center;min-height:100dvh;display:flex;position:fixed;inset:0}.login-bg{background:var(--app-bg);position:absolute;inset:0}.login-bg:before{content:"";background:radial-gradient(circle,#24a6b526 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.login-bg:after{content:"";background:radial-gradient(circle,#fc540f1a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px;left:-80px}.login-card{-webkit-backdrop-filter:blur(24px);background:#ffffff8c;border:1px solid #24a6b51f;border-radius:24px;width:400px;max-width:90vw;padding:48px 40px;animation:.6s fadeInUp;position:relative;box-shadow:0 20px 60px #2243461f}.login-card input{font-size:16px}.login-logo{text-align:center;margin-bottom:32px}.login-logo svg{animation:3s infinite pulse}.login-logo p{color:var(--text-secondary);margin-top:6px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{position:relative}.input-group input{border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);background:#fff9;border:1.5px solid #24a6b533;outline:none;padding:14px 18px;font-size:15px}.input-group input:focus{border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 3px #24a6b50d}.input-group input::placeholder{color:var(--text-muted)}.pwd-toggle{cursor:pointer;color:var(--text-muted);transition:var(--transition);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--primary)}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--cta), #ea3c21);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:14px;font-size:15px;font-weight:600}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fc540f4d}.btn-primary:active{transform:translateY(0)}.error-msg{color:var(--danger);text-align:center;min-height:20px;font-size:13px}.login-footer{text-align:center;margin-top:20px}.login-footer a{color:var(--primary-dark);transition:var(--transition);font-size:14px;text-decoration:none}.login-footer a:hover{color:var(--primary-dark)}.app-screen{z-index:1000;background:#fff;position:fixed;inset:0}.app-screen.collapsed-menu .topbar-logo-wrap{justify-content:flex-start!important;gap:0!important;width:42px!important;padding:12px 4px!important}.topbar-logo-wrap.collapsed{overflow:hidden;opacity:0!important;justify-content:flex-start!important;gap:0!important;width:42px!important;padding:12px 4px!important;transition:none!important}.nav-item{border-radius:var(--radius-sm);color:var(--primary-dark);transition:var(--transition);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:16px;width:100%;padding:8px 4px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-icon{flex-shrink:0;transition:transform .2s;position:relative}.nav-label{white-space:nowrap;transition:filter .35s,opacity .35s;overflow:hidden}.app-screen.collapsed-menu .nav-label{filter:blur(3px);opacity:0}.nav-item svg{flex-shrink:0}.nav-item:hover{color:var(--primary-dark);background:0 0}.nav-item:hover .nav-label,.nav-item:hover .nav-icon{transform:translateY(-1px)scale(1.08)}.nav-item:hover .nav-label{text-shadow:0 1px 2px #24a6b526}.nav-item.active{color:var(--primary-dark);background:0 0;font-weight:600;overflow:visible}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 12px 0 0 2px 2px 0;width:5px;height:42px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-item .badge{background:var(--cta);color:#fff;text-align:center;z-index:1;white-space:nowrap;border-radius:8px;min-width:14px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;top:-2px;left:22px}.sidebar-collapse-btn:hover{opacity:1;background:#24a6b514}.sidebar-footer{border-top:1px solid #24a6b50d;padding-top:16px;font-size:12px}#topbarCompany{cursor:pointer;color:var(--primary-dark);transition:var(--transition);white-space:nowrap;border-radius:20px;flex-shrink:0;margin-right:8px;padding:6px 14px;font-size:13px;font-weight:600}.user-info{margin-right:8px;padding:4px 0}.user-info span{display:block}.user-info span:first-child{color:var(--primary-dark);font-size:13px;font-weight:600}#userName,#userName span{color:var(--primary-dark)}.user-info span:last-child{color:var(--text-muted);font-size:11px}.btn-logout:hover{background:#ea3c2114}.pwa-install-btn{width:100%;color:var(--primary-dark);cursor:pointer;transition:var(--transition);background:#24a6b514;border:1.5px solid #24a6b54d;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.pwa-install-btn:hover{border-color:var(--primary);background:#24a6b526;transform:translateY(-1px)}.topbar{z-index:500;background:#fff;border-radius:0 0 16px;justify-content:space-between;align-items:center;padding:0;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible;transform:translateY(0)}.topbar-page-title,.topbar-search-btn{display:none}.topbar-search{margin-right:auto;transition:transform .3s;position:relative;transform:translate(0)}.app-screen.collapsed-menu .topbar-search{transform:translate(16px)}.topbar-search input{background:#ffffff80;border:1.5px solid #24a6b526;border-radius:20px;outline:none;width:280px;padding:10px 16px;font-size:14px;transition:width .3s,border-color .15s}.topbar-search input:focus{border-color:var(--primary);width:420px;box-shadow:0 0 0 3px #24a6b514}.topbar-search-results.active{display:block}.search-item:hover,.search-item.focused{background:#24a6b50f}.topbar-actions{flex-shrink:0;align-items:center;gap:16px;padding-right:10px;display:flex;position:relative}.user-dropdown-item:hover{background:#24a6b50f}.dd-item{cursor:pointer;color:var(--text);transition:var(--transition);white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;display:flex}.dd-item:hover{background:#24a6b50f}.dd-divider{background:#24a6b50d;height:1px;margin:4px 8px}.dd-item-danger{color:var(--danger)}[data-first-in-group]{margin-top:10px!important}.notification-bell{cursor:pointer;color:var(--text-muted);transition:var(--transition);border-radius:50%;padding:8px;position:relative}.notification-bell:hover{color:var(--primary);background:#24a6b514}.bell-count{background:var(--cta);color:#fff;text-align:center;letter-spacing:-.3px;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:18px;position:absolute;top:-4px;left:26px}.notif-header button{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;font-size:12px}.notif-list{max-height:none;padding-bottom:16px}.notif-item.unread{background:#24a6b50f;font-weight:500}.notif-item .notif-title{margin-bottom:2px;font-size:14px;font-weight:600}.notif-item .notif-time{color:var(--text-muted);font-size:11px}.page-in{animation:.2s ease-out pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-in.page-in-chat{animation:.2s ease-out pageFadeOnly}@keyframes pageFadeOnly{0%{opacity:0}to{opacity:1}}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;background:#fff;border:1px solid #24a6b50d;min-width:0;padding:20px;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-card .stat-value{color:var(--primary-dark);font-size:32px;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);margin-top:0;font-size:13px}.stat-card.success .stat-value{color:var(--success)}.dashboard-section{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #24a6b50d;margin-bottom:8px;padding:24px}.dashboard-section h2{color:var(--primary-dark);align-items:center;gap:6px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.dash-loader{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.dash-offline{text-align:center;padding:40px}.dash-offline h3{margin-bottom:8px}.dash-error{text-align:center;color:var(--text-muted);padding:40px}.dash-moto{text-align:center;color:#224346;margin-top:12px;font-size:12px;font-weight:500}.dash-moto-good{color:#28a745}.dash-leaders-loader{text-align:center;padding:20px}.dash-leaders-spinner{border:2px solid #24a6b533;border-top-color:#24a6b5;border-radius:50%;width:24px;height:28px;margin:0 auto;animation:.8s linear infinite spin}.dash-subgrid{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.dash-crown{position:absolute;top:-16px;left:50%;transform:translate(-50%)}.dash-critical-section{margin-top:8px}.dash-critical-section .dashboard-section{margin-top:0}.dash-critical-empty{text-align:center;color:var(--text-muted);padding:20px}.leader-row{align-items:center;gap:10px;margin:5px 0;font-size:14px;display:flex}.leader-row.task-tile-anim:hover{box-shadow:none!important;transform:none!important}.leader-avatar{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:inline-flex;position:relative}.leader-bar{background:#24a6b514;border-radius:3px;flex:1;height:5px;overflow:hidden}.leader-count{color:var(--primary-dark);text-align:right;min-width:28px;font-weight:700}.dash-subcard{background:#24a6b514;border-radius:8px;padding:12px}.dash-subcard-label{color:var(--text-secondary);font-size:11px}.stat-card-progress{background:#24a6b514;border-radius:2px;height:3px;margin-top:0;overflow:hidden}.task-item:hover{background:var(--surface-hover);border-color:#24a6b526;transform:translate(4px)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;border-bottom:2px solid #24a6b526;padding:10px 14px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid #24a6b50f;padding:12px 14px}.data-table tr:hover td{background:#24a6b514}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1004;touch-action:manipulation;background:#2243464d;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #24a6b51f;border-radius:20px;width:min(800px,100vw - 80px);max-height:85vh;padding:40px;overflow-y:auto;box-shadow:0 20px 60px #22434633}.modal h2{color:var(--primary-dark);margin-bottom:20px;font-size:20px}.modal label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.modal input,.modal textarea,.modal select{width:100%;transition:var(--transition);background:#ffffffb3;border:1.5px solid #24a6b533;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #24a6b514}.modal textarea{resize:vertical;min-height:80px}.btn-secondary{color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:1.5px solid #24a6b533;border-radius:8px;padding:10px 20px;font-size:14px}.btn-secondary:hover{border-color:var(--primary);color:var(--primary-dark)}.fab{background:var(--cta);color:#fff;cursor:pointer;width:42px;height:42px;transition:var(--transition);z-index:500;border:1.5px solid #24a6b54d;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #fc540f59}.fab:hover{transform:scale(1.08);box-shadow:0 12px 32px #fc540f73}.icon-btn:hover{color:var(--primary);background:#24a6b514;border-color:#24a6b526}.icon-btn-danger:hover{color:var(--danger);background:#ea3c2114;border-color:#ea3c2133}.emp-card:hover{box-shadow:var(--shadow-hover);border-color:#24a6b526;transform:translateY(-1px)}.emp-table tbody tr:hover,.task-row.row-overdue:hover,.task-row.row-due-soon:hover{background:#24a6b512}.file-upload-btn:hover{border-color:var(--primary);color:var(--primary-dark);background:#24a6b514}.file-upload-link:hover{opacity:.8}.chip-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #24a6b514}.chip{white-space:nowrap;background:#24a6b514;border-radius:16px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.chip-remove:hover{color:var(--danger)}.chip-option:hover,.chip-option.active{background:#24a6b50d}.comment-item:hover .icon-btn{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes shrink{to{opacity:0;transform:scale(.1)rotate(-2deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pwaPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.task-filter-bar{z-index:31;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffffeb;margin-bottom:12px;padding:8px;transition:transform .3s,opacity .3s;position:sticky;top:0}.task-filter-bar.filter-hidden{opacity:0;transform:translateY(-100%)}.filter-view{gap:0;display:flex;position:relative}.filter-view-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#fff9;border:1px solid #24a6b533;padding:5px 12px;font-size:12px;font-weight:500}.filter-view-btn:first-child{border-radius:8px 0 0 8px}.filter-view-btn:last-of-type{border-radius:0 8px 8px 0}.filter-view-btn:first-child:last-of-type{border-radius:8px}.filter-view-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-view-btn:hover:not(.active){background:#24a6b514}.filter-view-switcher{gap:2px;margin-left:12px;display:flex}.view-switch-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#fff9;border:1px solid #24a6b533;border-radius:6px;justify-content:center;align-items:center;width:32px;height:28px;padding:5px 8px;display:flex}.view-switch-btn:hover:not(.active){color:var(--primary-dark);background:#24a6b514}.view-switch-btn.active{background:var(--primary-dark);color:#fff;border-color:var(--primary)}.filter-counter{color:var(--cta);white-space:nowrap;margin-left:auto;font-size:12px}.filter-emp-dropdown.open{visibility:visible}.filter-emp-dropdown input{border:none;border-bottom:1px solid #24a6b50d;outline:none;width:100%;padding:8px 10px;font-size:12px}.filter-search-row{border-radius:var(--radius-sm);cursor:pointer;pointer-events:none;background:#ffffffb3;border:1.5px solid #24a6b54d;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;padding:4px 8px;display:flex}.filter-search-row button,.filter-search-row input,.filter-search-row svg,.filter-search-row span{pointer-events:auto}.filter-search-row:focus-within{border-color:var(--primary)}.filter-search-row input{min-width:120px;color:var(--text);cursor:text;background:0 0;border:none;outline:none;flex:1;padding:4px;font-size:13px}.filter-chip{color:var(--primary-dark);white-space:nowrap;background:#24a6b50d;border:1px solid #24a6b526;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.filter-chip-remove{cursor:pointer;opacity:.6;font-size:14px;line-height:1}.filter-chip-remove:hover{opacity:1;color:var(--danger)}.filter-panel{z-index:35;border:1px solid #24a6b526;border-radius:12px;display:none}.filter-panel.open{display:flex}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dd-anim{animation:.2s ease-out forwards dropdownIn}.notif-panel-close:hover{opacity:1}.slide-overlay{z-index:10000;opacity:0;visibility:hidden;pointer-events:none;background:#0000004d;transition:opacity .3s,visibility .3s;display:block;position:fixed;inset:0}.slide-overlay.open{visibility:visible;pointer-events:auto;opacity:1}.slide-panel{-webkit-backdrop-filter:blur(24px);z-index:10001;visibility:hidden;pointer-events:none;background:#fffffffa;border-left:1px solid #24a6b51a;border-radius:16px 0 0 16px;flex-direction:column;width:420px;max-width:100vw;height:100dvh;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px #00000014}.slide-panel.open{visibility:visible;pointer-events:auto;transform:translate(0)}.slide-panel-header{border-bottom:1px solid #24a6b50f;flex-shrink:0;align-items:center;min-height:48px;padding:12px 20px;display:flex;position:relative}.slide-panel-header.slide-header-hidden{opacity:0;border-bottom-width:0;min-height:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.slide-panel-title{color:var(--primary-dark);flex:1;font-size:16px;font-weight:700}.slide-panel-back{cursor:pointer;color:#ff6b35;background:0 0;border:none;flex-shrink:0;margin-right:12px;padding:4px;display:none}.slide-panel-back:hover{opacity:.8}.slide-panel-close{cursor:pointer;color:#ff6b35;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:4px;transition:opacity .15s;display:flex}.slide-panel-close:hover{opacity:1}.slide-panel-header-actions{flex-shrink:0;align-items:baseline;gap:6px;margin-right:12px;display:flex}.slide-panel-header-actions button{color:var(--primary-dark);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 8px;font-size:12px}.slide-panel-header-actions button:hover{opacity:.8}.slide-panel-header-bottom{border-bottom:1px solid #24a6b50f;flex-shrink:0;max-height:100px;transition:transform .25s,opacity .25s,padding .25s,border-width .25s,max-height .25s;overflow:hidden}.slide-panel-header-bottom.slide-header-hidden{opacity:0;pointer-events:none;border-bottom-width:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-100%)}.slide-panel-body{scrollbar-gutter:stable;flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden auto}.slide-panel-footer{border-top:1px solid #24a6b50f;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.slide-panel-cancel{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #24a6b533;border-radius:8px;padding:10px 20px;font-size:14px}.slide-panel-cancel:hover{background:#24a6b514}.slide-panel-submit{background:var(--cta);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.slide-panel-submit:hover{opacity:.9}.slide-panel-body label{color:var(--text-secondary);margin-top:12px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.slide-panel-body label:first-child{margin-top:0}.slide-panel-body input:not([type=checkbox]):not([type=radio]),.slide-panel-body select,.slide-panel-body textarea{box-sizing:border-box;background:#ffffffb3;border:1.5px solid #24a6b533;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.slide-panel-body input:not([type=checkbox]):not([type=radio]):not([readonly]):hover,.slide-panel-body select:hover,.slide-panel-body textarea:hover{border-color:var(--primary)}.slide-panel-body input:not([type=checkbox]):not([type=radio]):focus,.slide-panel-body select:focus,.slide-panel-body textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #24a6b514}.slide-panel-body input[readonly]{background:#00000008}.role-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #24a6b533;border-radius:14px;padding:6px 14px;font-size:13px;transition:all .15s}.role-chip:hover{border-color:var(--primary);color:var(--primary-dark)}.role-chip.active{background:var(--primary-dark);color:#fff;border-color:var(--primary)}.avatar-delete-btn{border:1px solid var(--primary);width:22px;height:22px;color:var(--primary);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex;position:absolute;top:-6px;right:-6px}.avatar-delete-btn:hover,.avatar-delete-btn:active{background:var(--primary);color:#fff}.cc-emp-item{cursor:pointer;white-space:nowrap;border-bottom:1px solid #24a6b514;align-items:center;gap:10px;padding:8px 0;transition:background .15s;display:flex}.cc-emp-item:hover{background:#24a6b505}.cc-emp-check{cursor:pointer;border:2px solid #24a6b54d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.cc-emp-check:hover{border-color:var(--primary);box-shadow:0 0 0 4px #24a6b51a}.cc-emp-check.checked{background:var(--primary);border-color:var(--primary);animation:.3s checkPop}.cc-emp-radio{cursor:pointer;border:2px solid #24a6b54d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.cc-emp-radio:hover{border-color:var(--primary);box-shadow:0 0 0 4px #24a6b51a}.cc-emp-radio.checked{border-color:var(--primary);animation:.3s checkPop}.cc-emp-radio-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.cc-avatar-row{align-items:center;gap:12px;display:flex}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cc-emp-list-scroll{flex:1;min-height:0;overflow-y:auto}.cc-emp-name{color:var(--primary-dark);font-size:13px;font-weight:500}.cc-room-input{background:#ffffffb3;border:1.5px solid #24a6b533;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.cc-room-input:focus,.cc-p2p-search-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #24a6b514}.cc-p2p-opt:hover{background:#24a6b50f}.cc-selected-p2p-remove:hover{color:var(--danger)}.filter-panel-cats{border-right:1px solid #24a6b50d;flex-shrink:0;width:120px;padding:4px 0}.filter-panel-cat{cursor:pointer;color:var(--text-secondary);padding:7px 12px;font-size:12px}.filter-panel-cat:hover{background:#24a6b505}.filter-panel-cat.active{color:var(--primary-dark);background:#24a6b514;font-weight:600}.filter-panel-options{flex:1;max-height:220px;padding:8px 12px;overflow-y:auto}.filter-panel-options label{cursor:pointer;color:var(--text);padding:4px 0;font-size:12px;display:block}.filter-panel-options label:hover{color:var(--primary-dark)}.filter-panel-options input[type=radio]{accent-color:var(--primary);margin-right:6px}.filter-badge{color:var(--text-muted);margin-left:auto;font-size:11px}.task-tile-right{width:170px;color:var(--text-secondary);flex-direction:column;flex-shrink:0;gap:4px;padding-left:10px;font-size:12px;display:flex;border-left:2px solid #24a6b559!important}.task-tile-id svg{color:var(--primary);flex-shrink:0}.task-tile-client.overdue{color:var(--danger)}.tile-people-avatars{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.client-tile{border-radius:var(--radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);background:#fff;border:1px solid #24a6b50d;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px 20px;display:flex}.client-tile:hover{box-shadow:var(--shadow-hover);border-color:#24a6b533;transform:translateY(-2px)}.client-tile-left{flex:1;min-width:0;padding-right:16px}.client-tile-name{color:var(--primary-dark);flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex;position:relative}.client-tile-contact{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;padding-left:13px;font-size:12px;display:flex}.client-tile-contact svg{color:var(--primary);flex-shrink:0}@media (width>=769px){#topbarClock{text-align:center;pointer-events:none;position:absolute;left:0;right:0}}@keyframes typeBounce{0%,to{transform:translateY(0)}15%{transform:translateY(-4px)}30%{transform:translateY(0)}}@keyframes checkSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-shell-sidebar{z-index:400;background:#fff;width:260px;padding-top:58px;transition:transform .3s,width .3s,padding-top .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-shell-main{background:var(--app-bg);border-radius:16px 16px 0 0;padding:0;transition:left .3s,top .3s;position:absolute;inset:58px 0 0 260px;overflow-y:auto}.app-shell-search input:focus{border-color:#24a6b5;box-shadow:0 0 0 3px #24a6b514}.app-screen.collapsed-menu .app-shell-sidebar{width:58px;overflow:hidden}.app-screen.collapsed-menu .app-shell-main{left:58px}.bottom-nav{height:var(--bottom-nav-height);z-index:410;background:#fff;border-top:1px solid #24a6b51a;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;font-size:10px;display:flex}.bottom-nav-item.active{color:var(--primary-dark)}.task-tile{cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff;border:1px solid #24a6b50d;border-radius:12px;gap:16px;margin-bottom:8px;padding:16px;transition:all .15s;display:flex;box-shadow:0 1px 6px #0000000d}.task-tile:hover,.task-tile-anim.visible:hover{box-shadow:0 3px 12px #0000001a;transform:translateY(-2px)!important}.task-tile-left{flex:1;min-width:0;padding-right:16px}.task-tile-id{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:500;display:flex}.task-tile-id svg{vertical-align:middle}.task-tile-client{color:var(--primary-dark);white-space:nowrap;text-overflow:ellipsis;margin-top:0;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.task-tile-priority{padding:4px 0;font-size:13px;font-weight:600}.task-tile-people{color:var(--text-secondary);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:2px;font-size:12px;display:flex}.task-tile-people b{flex-shrink:0;width:96px;display:inline-block}.tile-person{white-space:nowrap;align-items:center;gap:6px;display:flex}.task-tile-progress{background:#0000001f;border-radius:2px;align-self:flex-end;width:146px;height:4px;margin-top:6px;overflow:hidden}.task-tile-progress-fill{border-radius:2px;height:100%}.task-tile-progress-fill.red{background:#ea3c21}.task-tile-progress-fill.yellow{background:#fa870a}.task-tile-progress-fill.green{background:#24a6b5}.task-tile-progress-fill.done{background:#28a745}.task-tile-progress-fill.paused{background:#95959566}.task-tile-time{text-align:left;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";align-self:flex-end;width:146px;margin-top:2px;font-size:12px}.task-tile-status-wrap{text-align:left;align-self:flex-end;width:146px;margin-top:0}.task-tile-status{border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.task-tile-status.pending{color:var(--text-muted);background:#9595951f}.task-tile-status.in_progress{color:#224346;background:#2243461a}.task-tile-status.completed{color:#28a745;background:#28a7451f}.task-tile-status.overdue{color:var(--danger);background:#ea3c211f}.task-tile-status.paused{color:#a22983;background:#a229831a}.task-tile-status.review{color:#b02a37;background:#dc354526}.task-new-dot{background:var(--danger);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}#taskTilesContainer{container-type:inline-size}@container (width<=400px){.task-tile{flex-direction:column;align-items:stretch;gap:8px}.task-tile-left{padding-right:0}.task-tile-right{border-top:2px solid #24a6b559;width:100%;margin-top:8px;padding-top:10px;padding-left:0;border-left:none!important}}.tickets-tabs{gap:8px;margin-bottom:16px;display:flex}.tickets-tab{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.tickets-tab.board{color:#fff;background:#ff6b35}.tickets-tab.active{color:#fff;background:#24a6b5}.tickets-tab.inactive{color:#224346;background:#24a6b514}.tickets-card{background:#fff;border-radius:12px;margin-bottom:8px;padding:16px;box-shadow:0 1px 6px #0000000d}.tickets-card-title{color:#224346;margin-bottom:4px;font-size:14px;font-weight:600}.tickets-card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.tickets-card-id{font-weight:500}.crud-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.crud-header h3{margin:0}.crud-card-name{color:#224346;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;position:relative}.crud-card-info{color:var(--text-secondary);margin-top:0;font-size:12px}.crud-title{margin:0;font-size:16px}.crud-add-btn{background:var(--primary-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600}.crud-add-btn:hover{opacity:.9}.crud-empty{text-align:center;color:var(--text-muted);padding:40px}.crud-label{color:var(--primary-dark);text-align:left;margin-top:8px;margin-bottom:4px;font-size:12px;font-weight:600;line-height:1.3;display:block}.crud-input{box-sizing:border-box;border:1.5px solid #24a6b533;border-radius:8px;outline:none;width:100%;min-height:42px;margin-bottom:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.crud-input.crud-readonly{color:var(--text);cursor:default;background:#24a6b505;outline:none;border-color:#24a6b514!important}.crud-input:focus:not(.crud-readonly),.crud-input:hover:not(.crud-readonly){border-color:var(--primary)}.crud-delete-btn{color:#fff;cursor:pointer;float:left;background:#e74c3c;border:none;border-radius:6px;margin-top:8px;padding:8px 16px;font-size:12px}.board-container{gap:12px;min-height:60vh;padding-bottom:8px;display:flex;overflow-x:auto}.board-column{background:#fff6;border-radius:12px;flex:1;min-width:220px;padding:8px}.board-column.board-dragover{background:#24a6b514}.board-column-header{color:var(--primary-dark);background:#fff;border-radius:8px;justify-content:space-between;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.board-column-count{color:var(--cta);font-weight:700}.board-column-body{min-height:40px}.board-ticket-card{cursor:grab;background:#fff;border-radius:8px;margin-bottom:6px;padding:10px 12px;transition:transform .15s;box-shadow:0 1px 4px #0000000f}.board-ticket-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.board-ticket-card:active{cursor:grabbing}.board-ticket-id{color:var(--cta);font-size:10px;font-weight:700}.board-ticket-title{color:var(--primary-dark);margin-top:2px;font-size:13px;font-weight:600}.board-ticket-client{color:var(--text-muted);margin-top:2px;font-size:11px}.board-ticket-executor{color:var(--primary);margin-top:2px;font-size:11px}.partnership-section{margin-top:20px}.partnership-subtitle{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.partnership-card,.partnership-invite-card{background:#fff;border-radius:12px;margin-bottom:8px;padding:14px 16px;box-shadow:0 1px 6px #0000000d}.partnership-actions{gap:8px;margin-top:8px;display:flex}.partnership-accept-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px}.partnership-reject-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px}.partnership-remove-btn{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:0 0;border-radius:6px;margin-top:6px;padding:4px 10px;font-size:11px}.settings-page{max-width:500px}.critical-header{color:#224346;margin:0 0 12px;font-size:18px;font-weight:700}.settings-placeholder{text-align:center;padding:60px 20px}.settings-placeholder-title{color:var(--text-muted);margin-bottom:8px;font-size:14px}.settings-placeholder-sub{color:var(--text-muted);font-size:12px}@media (prefers-color-scheme:dark){:root{--primary-dark:#d0eef2;--text:#d0eef2;--bg:#1a1d23}body,.app-shell-main{background:linear-gradient(135deg,#1a1d23,#252830)}.app-shell-sidebar,.stat-card,.task-tile,.tickets-card{background:#ffffff0a;border-color:#ffffff0f}.nav-item{color:var(--primary-dark)}.nav-item.active{color:var(--primary)}.critical-header,.crud-card-name,.tickets-card-title,.task-tile-client{color:var(--primary-dark)}.chat-msg:not(.chat-msg-own) .chat-msg-bubble{color:var(--primary-dark);background:#ffffff0f!important}}@media print{.app-shell-sidebar,.bottom-nav,#globalSearch{display:none!important}.app-screen .app-shell-main{background:#fff!important;padding:0!important;top:0!important;left:0!important}.task-tile,.tickets-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.stat-card{break-inside:avoid;padding:12px}body{font-size:12px}}.lightbox-overlay{z-index:100000;-webkit-user-select:none;user-select:none;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-toolbar{z-index:10;pointer-events:none;background:#00000080;align-items:center;gap:6px;height:56px;padding:0 12px;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-toolbar>*{pointer-events:auto}.lightbox-idle .lightbox-toolbar,.lightbox-idle .lightbox-toolbar-pdf{opacity:0;pointer-events:none;transform:translateY(-12px)}.lightbox-idle .lightbox-thumbs,.lightbox-idle .pdf-page-bar{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.lightbox-idle .lightbox-arrow{opacity:0}.lightbox-toolbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.lightbox-fname{color:#fff;opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 300px);font-size:13px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.lightbox-stage{position:absolute;inset:0;overflow:hidden}.lightbox-stage.pdf-grabbable{cursor:grab;overflow:hidden}.lightbox-stage.pdf-grabbable::-webkit-scrollbar{display:none}.lightbox-stage.pdf-grabbing{cursor:grabbing}.lightbox-stage img{object-fit:contain;max-width:calc(100vw - 120px);max-height:calc(100vh - 148px);transform:translate(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px))) scale(var(--scale,1)) rotate(var(--rot,0deg));border-radius:8px;transition:transform .23s,opacity .23s;position:absolute;top:50%;left:50%}.lightbox-stage img.lb-thumb{opacity:1;filter:blur(18px)brightness(.7);object-fit:contain;width:calc(100vw - 120px);max-width:calc(100vw - 120px);height:calc(100vh - 148px);max-height:calc(100vh - 148px);transition:filter 1.2s}.lightbox-stage img.lb-thumb.lb-sharp{filter:blur()brightness()}.lightbox-stage .ui-spinner-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-loading{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-loading .ui-spinner-canvas{position:static;transform:none}.lightbox-loading-text{color:#fff;opacity:.9;text-shadow:0 1px 3px #00000080;font-size:14px}.lightbox-stage.lightbox-rot90 img{max-width:calc(100vh - 56px);max-height:calc(100vw - 64px)}.lightbox-overlay iframe{background:#fff;border:none;border-radius:8px;width:90vw;height:90vh}.pdf-viewer-inner{flex-direction:column;display:flex;position:absolute;inset:0}.pdf-viewer-stage{width:var(--canvas-w,auto);flex-direction:column;flex:1;align-items:center;padding-top:56px;padding-bottom:64px;display:flex;overflow:auto}.pdf-viewer-stage canvas{border-radius:4px;display:block;box-shadow:0 2px 16px #0000004d}.pdf-page-canvas{border-radius:4px;margin:0 auto 12px;display:block;box-shadow:0 2px 16px #0000004d}.pdf-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.pdf-ctrl-btn:hover{background:#ffffff47}.pdf-ctrl-btn.disabled{opacity:.3;pointer-events:none}.pdf-page-info,.pdf-zoom-info{color:#fff;text-align:center;opacity:.8;vertical-align:middle;min-width:40px;font-size:12px;display:inline-block}.pdf-error{color:#ffffff80;padding:40px;font-size:14px}.pdf-loading{flex-direction:column;align-items:center;gap:12px;margin:auto;padding:40px;display:flex}@keyframes pdf-spin{to{transform:rotate(360deg)}}.pdf-loading-text{color:#ffffff80;font-size:13px}.text-preview-content{color:#ccc;white-space:pre-wrap;word-wrap:break-word;background:#1a1a1a;margin:0;padding:64px 48px 24px;font-family:Consolas,monospace;font-size:13px;line-height:1.7;position:absolute;inset:0;overflow-y:auto}.pdf-page-bar{z-index:10;scrollbar-width:none;-ms-overflow-style:none;background:#00000059;border-radius:12px;justify-content:center;gap:4px;max-width:calc(100vw - 40px);padding:6px 12px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.pdf-page-thumb{cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:36px;height:48px;transition:all .15s;overflow:hidden}.pdf-page-thumb:hover{opacity:.8}.pdf-page-thumb.active{opacity:1;border-color:#fff}.pdf-page-thumb canvas{object-fit:contain;width:100%;height:100%}.pdf-grabbable{cursor:grab}.pdf-grabbing{cursor:grabbing}.lightbox-dl{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:8px;right:92px}.lightbox-dl:hover{background:#ffffff59}.lightbox-nav-group{align-items:center;gap:6px;margin-left:auto;margin-right:8px;display:flex}.lightbox-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.lightbox-btn:hover{background:#ffffff59}.lightbox-btn.disabled{opacity:.3;pointer-events:none}.lightbox-btn-lg{width:40px;height:40px}.lightbox-zoom-pct{color:#fff;text-align:center;opacity:.7;min-width:38px;font-size:11px}.lightbox-rotate{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:8px;right:142px}.lightbox-rotate:hover{background:#ffffff59}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .15s,border-width .15s;display:flex;position:absolute;top:8px;right:12px}.lightbox-close:hover{border-width:3px;border-color:#fff}.lightbox-toolbar-pdf{background:#00000080}.lightbox-toolbar-pdf .lightbox-dl,.lightbox-toolbar-pdf .lightbox-close,.lightbox-toolbar-right .lightbox-dl,.lightbox-toolbar-right .lightbox-close,.lightbox-toolbar-right .lightbox-rotate{position:static;top:auto;right:auto}.lightbox-toolbar-right .lightbox-close{margin-left:34px}.lightbox-toolbar-pdf .lightbox-close{margin-left:40px}.lightbox-arrow{color:#ffffff80;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:auto;height:auto;padding:16px;transition:color .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{color:#fff;transform:translateY(-50%)scale(1.2)}.lightbox-arrow.disabled{opacity:.2;pointer-events:none}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-thumbs{z-index:10;scrollbar-width:none;-ms-overflow-style:none;background:#00000059;border-radius:12px;align-items:flex-end;gap:6px;max-width:calc(100vw - 40px);padding:6px 12px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:8px;left:50%;overflow-x:auto;transform:translate(-50%)}.lightbox-thumb{cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:40px;height:40px;transition:all .15s;overflow:hidden}.lightbox-thumb:hover{opacity:.8}.lightbox-thumb.active{opacity:1;border-color:#fff;width:48px;height:48px}.lightbox-thumb img{object-fit:cover;width:100%;height:100%}.notif-empty{color:var(--text-muted);text-align:center;padding:12px;font-size:12px}.notif-filter{-webkit-overflow-scrolling:touch;border-bottom:1px solid #24a6b50d;flex-shrink:0;gap:4px;padding:8px 20px;display:flex;overflow-x:auto}.notif-filter-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #24a6b526;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .15s}.notif-filter-chip:hover{border-color:var(--primary);color:var(--primary)}.notif-filter-chip.active{background:var(--primary-dark);color:#fff;border-color:var(--primary)}.notif-header{color:var(--primary-dark);border-bottom:1px solid #24a6b514;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.notif-item{border-left:3px solid var(--primary);cursor:pointer;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;border-bottom:1px solid #24a6b505;border-radius:10px;max-width:100%;margin:0 0 4px;padding:12px 16px;font-size:13px;transition:background .15s,transform .2s;position:relative}.notif-item.type-chat{border-left-color:#24a6b5}.notif-item.type-task{border-left-color:#22c55e}.notif-item.type-board{border-left-color:#ff6b35}.notif-item.type-partnership{border-left-color:#9b59b6}.notif-item:hover{background:#24a6b514;transform:translate(3px)}.notif-item.unread{background:#24a6b50f}.notif-item .notif-title{color:#224346;margin-bottom:2px;font-size:13px;font-weight:600}.notif-item .notif-body{color:var(--text-muted);word-break:break-word;overflow-wrap:break-word;margin-top:2px;font-size:12px}.notif-item .notif-time{color:var(--text-muted);margin-top:3px;font-size:11px}.notif-clear-all:hover{background:#24a6b514}.notif-page{text-align:center;padding:40px}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-swoop{0%{opacity:0;transform:translateY(12px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flyFromInput{0%{opacity:0;transform:translateY(60px)scale(.3)}60%{opacity:1;transform:translateY(-8px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes msgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-spinner-wrap{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:200px;display:flex}.ui-spinner-canvas{width:50px;height:50px;display:block}@keyframes spinner-breath{0%,to{opacity:.3}50%{opacity:1}}.ui-spinner-text{color:var(--text-muted);font-size:13px}@keyframes planeFly{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:0;transform:translate(40px,-24px)rotate(25deg)}36%{opacity:0;transform:translate(-30px,12px)rotate(-15deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes btnShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.menu-icon-qte{color:#24a6b5;flex-shrink:0;font-size:20px;font-weight:400;line-height:1}.menu-icon-qte:before{content:"❝"}.menu-icon-fwd{color:#24a6b5;flex-shrink:0;font-size:18px;font-weight:400;line-height:1}.menu-icon-fwd:before{content:"↪"}@keyframes flyUpMsg{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chat-drop{0%{opacity:0;transform:translateY(-38px)}to{opacity:1;transform:translateY(0)}}.typing-dots-bounce{gap:2px;margin-left:2px;display:inline-flex}.typing-dots-bounce span{background:#999;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite statusBounce}.typing-dots-bounce span:nth-child(2){animation-delay:.2s}.typing-dots-bounce span:nth-child(3){animation-delay:.4s}@keyframes statusBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.header-online-dot{z-index:1;background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;left:-2px}.header-typing-dot{z-index:1;background:#00000080;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.header-typing-dot span{background:#fff;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite typingBounce}.header-typing-dot span:first-child{animation-delay:0s}.header-typing-dot span:nth-child(2){animation-delay:.2s}.header-typing-dot span:nth-child(3){animation-delay:.4s}.header-avatar-wrap{flex-shrink:0;position:relative}@keyframes attachCheck{0%{opacity:0;transform:translate(0)scale(0)}30%{opacity:1;transform:translate(0)scale(1.35)}45%{transform:translate(0)scale(.9)}60%{transform:translate(0)scale(1.1)}70%{transform:translate(0)scale(1)}85%{opacity:1;transform:translate(0)scale(1)}to{opacity:1;transform:translate(26px,26px)scale(.7)}}.topbar-clock{color:var(--primary-dark);white-space:nowrap;pointer-events:none;visibility:hidden;font-size:27px;font-weight:300;position:absolute;left:calc(50% + 130px);transform:translate(-50%)}.app-screen.collapsed-menu .topbar-clock{left:calc(50% + 29px)}.topbar-logo-text{color:var(--primary-dark);font-size:18px;font-weight:700}.topbar-search-icon{z-index:1;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-search-input{padding-left:32px;padding-right:28px}.topbar-user-info{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.topbar-logo-wrap{flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:260px;padding:12px 58px;transition:width .3s;display:flex;overflow:hidden}.topbar-logo-img,.topbar-logo-wrap .nav-label{opacity:1;transform-origin:0 0;transition:opacity .35s,transform .4s cubic-bezier(.2,.8,.2,1);transform:scale(1)translate(0)}.topbar-logo-img{flex-shrink:0;width:36px;height:36px}.sidebar-nav-wrap{padding:12px}.topbar-search-reset{cursor:pointer;z-index:1;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.emp-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.emp-online-dot{z-index:1;background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-1px;left:-1px}.search-page-input{border:1.5px solid #24a6b533;border-radius:10px;outline:none;width:400px;max-width:100%;padding:12px;font-size:14px}.search-page{text-align:center;padding:40px}.search-dropdown-item{cursor:pointer;border-bottom:1px solid #24a6b50d;padding:10px 16px;font-size:13px}.stat-pct{color:var(--text-muted);margin-top:2px;font-size:11px}.leader-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:146px;overflow:hidden}.dash-section-mt{margin-top:8px}.dash-no-data{padding:10px}.modal-card{background:#fff;border-radius:16px;width:90vw;max-width:480px;padding:32px;animation:.2s scaleIn;box-shadow:0 20px 60px #00000026}.modal-card label{color:var(--text-secondary);margin-top:12px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.modal-card label:first-child{margin-top:0}.modal-card input,.modal-card textarea{box-sizing:border-box;background:#ffffffb3;border:1.5px solid #24a6b533;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.modal-alert{text-align:center;padding:8px 0}.modal-alert svg{margin:0 auto 12px;display:block}.modal-alert-title{color:var(--primary-dark);margin-bottom:6px;font-size:16px;font-weight:700}.modal-alert-msg{color:var(--text-secondary);font-size:13px;line-height:1.4}.sp-modal-input{width:100%}.modal-card input:focus,.modal-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #24a6b514}.modal-card input[readonly]{color:var(--text-muted);background:#00000008}.modal-title{color:#224346;margin:0 0 16px;font-size:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:70px;right:16px}.toast{pointer-events:auto;background:#fff;border-radius:8px;align-items:center;gap:10px;max-width:360px;padding:12px 20px;font-size:13px;font-weight:500;line-height:1.3;transition:transform .35s,opacity .3s;display:flex;transform:translate(120%);box-shadow:0 4px 16px #0000001f}.toast.toast-in{transform:translate(0)}.toast.toast-out{opacity:0;transform:translate(40px)}.toast-icon{flex-shrink:0;width:18px;height:18px}.modal-btn-cancel{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #24a6b533;border-radius:8px;padding:10px 20px;font-size:14px}.modal-btn-cancel:hover{background:#24a6b514}.modal-btn-submit{background:var(--cta);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.modal-btn-submit:hover{opacity:.9}.ws-empty,.tasks-empty{text-align:center;padding:40px}.task-tile-date-row{color:var(--text-secondary);text-align:left;align-self:flex-end;gap:4px;width:146px;font-size:11px;display:flex}.reactions-row{flex-wrap:wrap;gap:4px;display:flex}@keyframes reactionSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal-body{margin-bottom:20px}.modal-confirm-text{color:#224346;font-size:14px}.ava{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ava-img{color:#0000;background-position:50%;background-size:cover}.ava-color{color:#fff;font-size:14px;font-weight:600}.ava-empty{background:#24a6b51a}.topbar-burger{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:12px 16px;transition:background .15s;display:flex;position:absolute;left:0}.topbar-burger:hover{background:#24a6b50f}.topbar-burger:hover line{stroke:#24a6b5!important}.sidebar-bottom{padding:12px;position:absolute;bottom:0;left:0;right:0}.sidebar-bottom:before{content:"";border-top:1px solid #24a6b51a;margin-bottom:12px;display:block}@keyframes flyAwayLogo{0%{opacity:1;transform:scale(1)translate(0)}50%{opacity:.3;transform:scale(.15)translate(-5px)}to{opacity:0;transform:scale(.08)translate(-44px)}}@keyframes flyInLogo{0%{opacity:0;transform:scale(.08)translate(-44px)}0%{opacity:0;transform:scale(.08)translate(-44px)}0%{opacity:0;transform:scale(.08)translate(-44px)}}@keyframes flyAwayText{0%{opacity:1;transform:scale(1)translate(0)}40%{opacity:.15;transform:scale(.15)translate(-8px)}to{opacity:0;transform:scale(0)translate(-55px)}}@keyframes flyInText{0%{opacity:0;transform:scale(0)translate(-55px)}60%{opacity:.9;transform:scale(.9)translate(-5px)}85%{opacity:1;transform:scale(1.06)translate(0)}to{opacity:1;transform:scale(1)translate(0)}}.company-switcher{cursor:pointer;color:var(--primary);white-space:nowrap;border-radius:10px;flex-direction:column;align-items:flex-start;padding:8px 28px 8px 14px;font-size:13px;font-weight:600;line-height:1.3;transition:background .15s;display:flex;position:relative}.ws-dropdown-item:hover{background:#24a6b50f}.company-label{color:var(--text-muted);font-size:11px;font-weight:400}.notif-time{color:var(--text-muted);margin-top:2px;font-size:10px}.notif-subtitle{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;margin-top:2px;font-size:12px}.notif-mention-text{color:var(--text-muted);overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:12px;display:block}@keyframes clockTick{0%{opacity:.4;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.topbar-clock.tick{animation:.35s cubic-bezier(.2,.8,.2,1) clockTick}#userAvatar{position:relative}.avatar-online-dot,.avatar-offline-dot{z-index:1;display:flex;position:absolute;top:-6px;right:-6px}.avatar-online-dot svg,.avatar-offline-dot svg{width:16px;height:11px}.avatar-offline-dot{filter:grayscale()brightness(.7)}.net-indicator{z-index:1;display:flex;position:absolute;top:-6px;right:-6px}.net-indicator svg{width:16px;height:11px;display:block}.net-indicator.net-offline svg{filter:grayscale()brightness(.7)}.net-indicator.net-syncing svg{filter:sepia()saturate(4)hue-rotate(-25deg);animation:.8s ease-in-out infinite netPulse}.net-indicator.net-reconnecting svg{animation:1.2s ease-in-out infinite netPulse}.net-indicator.net-error svg{filter:sepia()saturate(8)hue-rotate(-50deg)brightness(.95);animation:1.4s ease-in-out infinite netPulse}@keyframes netPulse{0%,to{opacity:1}50%{opacity:.35}}.ws-dropdown-item[style*=cursor\:default]:hover{background:0 0}.filter-top-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.filter-emp-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-sm);z-index:40;visibility:hidden;background:#fffffffa;border:1px solid #24a6b526;min-width:220px;max-height:250px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.filter-emp-dropdown.open{display:block}.filter-emp-option{cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.filter-emp-ava{flex-shrink:0}.filter-emp-option:hover{background:#24a6b514}.filter-reset-btn{cursor:pointer;color:var(--cta);opacity:.85;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px 6px;font-size:18px;line-height:1;display:flex}.filter-reset-btn:hover{opacity:1}.filter-reset-btn.hidden{display:none}.filter-menu-btn{color:var(--primary);cursor:pointer;letter-spacing:.5px;white-space:nowrap;transition:var(--transition);background:#24a6b50f;border:1px solid #24a6b559;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:10px;font-weight:600}.filter-menu-btn:hover{border-color:var(--primary);background:#24a6b51f}.filter-period-btns{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.filter-period-btns button{cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #24a6b533;border-radius:12px;padding:4px 10px;font-size:11px}.filter-period-btns button.active,.filter-period-btns button:hover{color:var(--primary);border-color:var(--primary);background:#24a6b50d}.notif-header div{margin-left:auto}.reports-page{padding:20px}.reports-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.report-widget{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border:1px solid #24a6b50f;border-radius:16px;flex-direction:column;min-width:0;padding:20px;transition:box-shadow .2s,transform .15s;display:flex}.report-widget-body{text-align:center;flex:1}.report-widget:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22434614}.report-widget-header{color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.report-refresh-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;transition:opacity .2s;display:flex}.report-refresh-btn:hover{opacity:1;background:#24a6b514}.report-donut-center{text-align:center;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-donut-num{color:var(--primary-dark);font-size:40px;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both donutNumIn;display:block}.report-donut-sub{color:#e74c3c;margin-top:1px;font-size:12px;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) .3s both donutSubIn,.5s .7s forwards overdueGlow;display:block}@keyframes donutNumIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes donutSubIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes overdueGlow{0%{opacity:.6}to{opacity:1}}.report-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.report-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.report-employee-bars{flex-direction:column;gap:8px;display:flex}.report-emp-avatar{flex-shrink:0;align-items:center;width:32px;height:32px;display:flex}.report-emp-row{align-items:center;gap:10px;margin-bottom:5px;display:flex}.report-emp-name{color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:40%;min-width:80px;max-width:140px;font-size:14px;overflow:hidden}.report-emp-bar-wrap{background:#f0f0f0;border-radius:4px;flex:1;min-width:60px;height:16px;position:relative;overflow:hidden}.report-emp-bar{background:var(--r-color,#24a6b5);border-radius:4px;width:0;height:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards barGrow;position:relative}.report-emp-bar[data-delay]{animation-delay:var(--delay)}@keyframes barGrow{0%{width:0}to{width:var(--r-pct)}}.report-emp-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d);border-radius:4px;position:absolute;inset:0}.report-emp-count{color:var(--primary);text-align:right;flex-shrink:0;min-width:28px;margin-left:auto;font-size:14px;font-weight:700}.slide-panel .report-emp-count{font-size:12px}.report-empty{color:var(--text-muted);text-align:center;padding:20px;font-size:13px}.report-advice{color:var(--text-secondary);background:#24a6b514;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5}.report-advice strong{color:var(--primary-dark)}.report-advice-rotate{height:38px;position:relative;overflow:hidden}.report-advice-msg{white-space:nowrap;opacity:0;align-items:center;line-height:1.5;transition:opacity .5s,transform .5s;display:flex;position:absolute;left:12px;right:0;transform:translateY(8px)}.report-advice-msg.active{opacity:1;transform:translateY(0)}.report-advice-msg.out{opacity:0;transform:translateY(-8px)}.report-advice-dot{background:var(--r-bg);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:6px}.report-emp-more{color:var(--primary);cursor:pointer;text-align:center;padding:4px 0;font-size:12px}.report-emp-more:hover{text-decoration:underline}.report-donut-wrap{width:100%;max-width:240px;margin:0 auto 12px;display:block;position:relative}.report-donut-wrap:before{content:"";padding-top:100%;display:block}.report-donut-visual{border-radius:50%;position:absolute;inset:30px;-webkit-mask:radial-gradient(circle,#0000 55%,#000 58%);mask:radial-gradient(circle,#0000 55%,#000 58%)}.report-dyn-row{align-items:center;gap:8px;margin-bottom:3px;display:flex}.report-dyn-bar{color:#fff;border-radius:3px;align-items:center;min-width:0;padding:0 4px;font-size:9px;transition:width .3s;display:flex}.report-dyn-created{background:var(--primary)}.report-dyn-completed{background:#22c55e}.report-center{text-align:center}.report-slide-stat{font-size:56px;font-weight:700}.report-slide-sub{color:var(--text-secondary);margin-top:8px;font-size:16px}.report-slide-section{padding:20px 0}.report-slide-section:first-child{padding-top:8px}.report-speed-bar{margin-bottom:4px}.report-speed-track{background:linear-gradient(90deg,#22c55e,#f39c12,#e74c3c);border-radius:3px;height:6px;margin:18px 0 14px;position:relative}.report-speed-marker{background:var(--primary-dark);width:2px;height:16px;top:-5px;left:var(--r-pct);border-radius:1px;position:absolute;transform:translate(-50%)}.report-speed-labels{color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.report-speed-labels span{text-align:center;line-height:1.3}.meetings-page{padding:20px}.meeting-stat.done{color:#22c55e;background:#22c55e1a}.meeting-stat.pending{color:var(--primary);background:#24a6b51a}.meeting-stat.carried{color:#f97316;background:#f973161a}.meeting-detail-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.meeting-detail-type{color:var(--primary-dark);font-weight:700}.meeting-detail-parts{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.meeting-block{margin-bottom:16px}.meeting-block-title{color:var(--primary-dark);margin-bottom:8px;font-size:14px;font-weight:600}.meeting-block-item{color:var(--text-secondary);border-bottom:1px solid #24a6b514;padding:6px 0;font-size:13px}.meeting-responsible,.meeting-due{color:var(--text-muted);margin-left:8px;font-size:11px}.meetings-empty-text{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.meetings-empty-sub{color:var(--text-muted);font-size:12px}.meetings-section-icon{color:var(--primary);margin-right:6px;font-size:10px}.meetings-empty-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;border:1px solid #24a6b50f;border-radius:16px;padding:40px}.meeting-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border:1px solid #24a6b50f;border-radius:12px;margin-bottom:10px;padding:20px;transition:box-shadow .15s,transform .15s}.meeting-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2243460f}.meeting-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.meeting-card-type{color:var(--primary-dark);font-size:15px;font-weight:600}.meeting-card-series{color:var(--primary);background:#24a6b514;border-radius:10px;padding:3px 10px;font-size:11px}.meeting-card-date{color:var(--text-muted);margin-left:auto;font-size:13px}.meeting-card-body{color:var(--text-secondary);font-size:13px}.meeting-card-parts{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.meeting-card-stats{gap:10px;display:flex}.meeting-stat{border-radius:6px;padding:3px 8px;font-size:12px}.meetings-section{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #24a6b50f;border-radius:16px;margin-bottom:16px;padding:20px}.meetings-section-title{color:var(--primary-dark);box-sizing:border-box;align-items:center;margin:0 0 14px;font-size:15px;font-weight:700;display:flex}.dp-overlay{z-index:10002;background:0 0;display:none;position:fixed;inset:0}.dp-overlay.open{display:block}.dp-panel{-webkit-backdrop-filter:blur(20px);z-index:10003;background:#fffffff5;border:1px solid #24a6b51a;border-radius:16px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 40px #22434626}.dp-panel.open{animation:.2s ease-out forwards dropdownIn;display:flex}.dp-header{border-bottom:1px solid #22434614;flex-direction:row;flex-shrink:0;align-items:center;display:flex}.dp-header-left{flex:1;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dp-header-right{flex-shrink:0;justify-content:center;align-items:center;width:100px;padding:14px 16px;display:flex}.dp-hline{background:#22434614;flex-shrink:0;align-self:stretch;width:1px}.dp-body{border-top:1px solid #22434614;flex-direction:row;flex:1;min-height:0;display:flex}.dp-calendar{flex:1;padding:12px}.dp-month-title{color:#224346;white-space:nowrap;font-size:16px;font-weight:600}.dp-header button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin:0;padding:0;line-height:0}.dp-header button:hover{color:var(--primary)}.dp-weekdays{grid-template-columns:repeat(7,24px);gap:2px;margin-bottom:8px;display:grid}.dp-weekdays span{text-align:center;color:#666;text-transform:uppercase;padding:4px 0;font-size:12px;font-weight:600}.dp-days{grid-template-columns:repeat(7,24px);gap:2px;display:grid}.dp-day{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:background .15s;display:flex}.dp-day:hover{background:#f1f1f1}.dp-day.today{border:2px solid var(--primary);color:var(--primary);background:0 0;font-weight:600}.dp-day.selected{background:var(--primary-dark);color:#fff;font-weight:600}.dp-day-other{visibility:hidden}.dp-day-past{color:#b0b0b0;cursor:not-allowed}.dp-day-past:hover{background:0 0}.dp-time{flex-direction:column;flex-shrink:0;width:100px;max-height:200px;padding:8px 12px;display:flex;overflow-y:auto}.dp-time-slot{color:#333;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:13px;transition:background .15s}.dp-time-slot:hover{background:#f1f1f1}.dp-time-slot.current{color:var(--primary);font-weight:600}.dp-time-slot.selected{background:var(--primary-dark);color:#fff}.dp-time-past{color:#b0b0b0;cursor:not-allowed}.dp-time-past:hover{background:0 0}.dp-trigger-btn{text-align:left;color:var(--text-secondary);cursor:pointer;background:#ffffffb3;border:1.5px solid #24a6b533;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.dp-trigger-btn:hover{border-color:var(--primary)}test .cs-item input.cs-input{flex-shrink:0;width:16px;height:16px;margin:0}.cs-search{box-sizing:border-box;border:1.5px solid #24a6b533;border-radius:8px;outline:none;width:100%;padding:8px 30px 8px 12px;font-size:13px;transition:border-color .2s}.cs-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #24a6b514}.cs-search:hover,.cs-search:focus{border-color:var(--primary)!important}.cs-check{appearance:none;cursor:pointer;border:2px solid #ccc;border-radius:4px;flex-shrink:0;width:18px;height:18px;margin:0;transition:all .2s;position:relative}.cs-radio{appearance:none;cursor:pointer;border:2px solid #ccc;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin:0;transition:border-color .2s,box-shadow .2s;position:relative}.cs-check:hover,.cs-radio:hover{border-color:var(--primary);box-shadow:0 0 0 4px #24a6b51a}.cs-check:checked{background:var(--primary);border-color:var(--primary);animation:.3s checkPop}.cs-check:checked:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50%/12px no-repeat;position:absolute;inset:0}.cs-radio:checked{border-color:var(--primary)}.cs-radio:checked:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:4px}.mt-chips{cursor:pointer;border:1.5px solid #24a6b533;border-radius:8px;flex-wrap:wrap;gap:6px;height:66px;margin-bottom:8px;padding:6px 30px 6px 8px;transition:border-color .2s;display:flex;position:relative;overflow-y:auto}.mt-chips:hover{border-color:var(--primary)}.mt-chips-placeholder{color:var(--text-muted);padding:4px 0;font-size:12px;font-style:italic}.mt-chips-chevron{color:var(--text-muted);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cs-msg{padding:8px;font-size:12px}.cs-msg-loading{color:var(--text-muted)}.cs-msg-error{color:var(--danger)}.cs-msg-empty{color:var(--text-muted)}.cs-search-row{margin-bottom:8px;position:relative}.cs-list{max-height:200px;overflow-y:auto}.mt-label{margin-top:12px}#loadingScreen{z-index:9999;background:var(--app-bg);position:fixed;inset:0}#splashCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}#splashCaption{color:#224346;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;position:absolute;top:70%;left:50%;transform:translate(-50%)}.login-tab{text-align:center;cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:15px;font-weight:600;transition:all .2s}.login-tab.active{color:#ff6b35;border-bottom-color:#ff6b35}.login-tab:not(.active){color:var(--text-muted)}.login-tab-row{border-bottom:1px solid #24a6b526;margin-bottom:16px;display:flex}.login-remember-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.login-remember-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:flex}.login-remember-label:hover{color:var(--primary)}.login-forgot{color:var(--text-muted);text-decoration:none}.login-forgot:hover{color:var(--primary)}.sidebar-logo-img{width:36px;height:36px}.nav-icon-wrap{flex-shrink:0;display:inline-flex;position:relative}.sidebar-hr{border:none;border-top:1px solid #24a6b51a;margin:8px 0}.badge.hidden{display:none}.login-logo-img{width:280px;max-width:80%;height:auto}.signup-captcha{align-items:center;gap:10px;display:flex}.g-recaptcha{margin:0 auto}#topbarClock{color:var(--primary-dark);white-space:nowrap;text-align:center;flex:1;font-size:38px;font-weight:300}#userName{font-size:16px;font-weight:600}#userRole{color:var(--text-muted);font-size:11px}.user-chevron{margin-left:2px}#userInfo{cursor:pointer;transition:var(--transition);border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}#userInfo:hover,#topbarCompany:hover{background:#24a6b50f}.user-info-col{flex-direction:column;line-height:1.2;display:flex}#mainContent{border-radius:16px 16px 0 0;overflow:hidden auto}.screen{visibility:hidden;width:100%;transform:translateX(calc(var(--scr-off,0) * 100%));border-radius:16px 16px 0 0;padding:8px;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto}.screen.is-active,.screen.is-near{visibility:visible}.screen.is-far{content-visibility:hidden}.screen.is-active{transform:translateX(calc(var(--scr-off,0) * 100% + var(--sw-dx,0px))) scale(calc(1 - .06 * var(--sw-d,0)));filter:brightness(calc(1 - .18 * var(--sw-d,0)))}.screen.is-near{transform:translateX(calc(var(--scr-off,0) * 100% + var(--sw-dx,0px)))}#globalSearchReset{cursor:pointer;z-index:1;background:0 0;border:none;padding:0;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dd-panel{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:180px;box-shadow:var(--shadow-hover);border:1px solid #24a6b51f;border-radius:12px;padding:8px}#userDropdown{z-index:999999;min-width:220px;position:fixed}.pwa-update-btn{animation:1.5s ease-in-out infinite pwaPulse;box-shadow:0 0 12px #24a6b580}.pwa-installed-msg{color:var(--primary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.report-big-num{font-size:42px;font-weight:700}.report-big-sub{color:var(--text-secondary);margin-top:0;font-size:13px}.report-row-stats{gap:16px;margin-top:12px;margin-bottom:12px;display:flex}.report-stat-item{text-align:center;flex:1}.report-stat-val{font-size:24px;font-weight:700;display:block}.report-stat-val[data-r-color]{color:var(--r-color)}.report-stat-lbl{color:var(--text-muted);margin-top:0;font-size:11px}.report-hour-bars,.report-users-bars{border-bottom:1px solid var(--primary);flex:1;align-items:flex-end;gap:1px;height:32px;min-height:32px;display:flex;overflow:hidden}.report-hour-bar{background:var(--primary);border-radius:1px 1px 0 0;flex:1;min-height:1px;position:relative}.report-hour-bar,.report-user-bar{transition:height .35s cubic-bezier(.34,1.56,.64,1)}.report-hour-bar.report-hour-peak{background:var(--cta)}.report-hour-active{background:#9b59b6;border-radius:1px 1px 0 0;min-height:1px;position:absolute;bottom:0;left:0;right:0}.report-hour-active.report-hour-peak{background:var(--cta)}.report-legend-sq{border-radius:2px;flex-shrink:0;width:10px;height:10px}.report-legend-sq-session{background:var(--primary)}.report-legend-sq-active{background:#9b59b6}.report-chart-legend{color:var(--text-muted);gap:12px;margin-top:6px;padding-left:36px;font-size:10px;display:flex}.report-user-bar{background:#22c55e;border-radius:1px 1px 0 0;flex:1;min-height:1px}.report-user-bar.report-hour-peak{background:var(--cta)}.graph-row{align-items:stretch;gap:0;display:flex}.graph-y-axis{text-align:right;min-width:36px;color:var(--text-muted);border-right:1px solid var(--primary);flex-direction:column;flex-shrink:0;padding-right:6px;font-size:9px;display:flex;position:relative}.graph-y-axis:before{content:"";background:var(--primary);width:1px;height:7px;position:absolute;bottom:100%;right:-1px}.graph-y-axis:after{content:"";background:var(--primary);width:1px;height:16px;position:absolute;top:100%;right:-1px}.graph-y-max{color:var(--cta);flex-shrink:0;padding-right:5px;font-weight:600;line-height:.5;position:relative}.graph-y-max:after{content:"";background:var(--primary);width:5px;height:1px;position:absolute;top:.3em;right:-7px}.graph-y-zero{flex-shrink:0;margin-top:auto;padding-right:5px;line-height:.5;position:relative}.graph-y-zero:after{content:"";background:var(--primary);width:5px;height:1px;position:absolute;bottom:0;right:-7px}.graph-axis-green .graph-y-axis:before,.graph-axis-green .graph-y-axis:after{background:#22c55e}.graph-axis-green .graph-y-axis{border-right-color:#22c55e}.graph-axis-green .graph-y-max:after,.graph-axis-green .graph-y-zero:after{background:#22c55e}.graph-axis-green .report-users-bars{border-bottom-color:#22c55e}.graph-labels-padded{margin-left:36px!important}.graph-section-label{color:var(--text-muted);text-align:center;margin-top:6px;margin-bottom:4px;font-size:11px}.graph-spinner-overlay{gap:2px!important;width:20px!important;height:20px!important;margin:auto!important;position:absolute!important;inset:0!important}.graph-spinner-overlay span{background:#24a6b599;border-radius:2px}.graph-no-data{position:relative}.graph-no-data:after{content:"Нет данных";color:var(--text-muted);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.report-hour-bars.graph-loading:after{content:"";border:2px solid #24a6b526;border-top-color:#24a6b5;border-radius:50%;width:18px;height:18px;margin:auto;animation:.8s linear infinite spin;position:absolute;inset:0}.report-hour-bars.graph-loading{position:relative}.report-hour-bars.graph-loading .report-hour-bar{opacity:.3}.graph-spinner{gap:2px!important;width:18px!important;height:18px!important;margin:8px auto!important}.slide-panel-body .graph-area:first-of-type{margin-top:20px}.slide-panel-body .graph-area{margin-top:12px}.graph-area{flex:1}.report-hour-labels{color:var(--text-secondary);gap:1px;margin:2px 0 0;font-size:8px;display:flex}.report-hour-labels span{text-align:center;flex:1}.report-footnote{color:var(--text-muted);margin-top:8px;font-size:12px}.report-pct{color:var(--primary-dark);margin-top:12px;font-size:24px;font-weight:600}.report-dyn-bars{height:22px}.report-summary{color:var(--text-secondary);margin-top:16px;font-size:13px}.sp-req{color:var(--cta)}.sp-center{text-align:center;margin-bottom:12px}.sp-role-badge{color:var(--text);text-align:left;cursor:default;border:1px solid #24a6b533;border-radius:14px;width:fit-content;margin-top:0;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:400;display:block}.sp-pwd-wrap{margin-top:12px;position:relative}.sp-pwd-input{padding-right:40px}.sp-pwd-eye{cursor:pointer;color:var(--text-muted);opacity:.6;transition:opacity .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tf-empty{text-align:center;color:var(--text-muted);padding:40px}.tf-btn-mt{margin-top:8px}.tf-comments-mt{margin-top:12px}.tf-submit-btn{width:100%;margin-top:8px}.tf-date-label{font-size:12px}.tf-filter-input{border:1px solid #24a6b533;border-radius:6px;width:100%;margin-bottom:6px;padding:6px 8px;font-size:12px}.tf-date-input{border:1px solid #24a6b533;border-radius:6px;padding:4px 8px;font-size:12px}.tf-search-icon{vertical-align:middle;flex-shrink:0}.leader-bar-fill{background:var(--primary);height:100%;width:var(--d-pct,0%);border-radius:3px;transition:width .4s}.dash-subcard-value{white-space:nowrap;color:var(--d-color,var(--primary));font-size:clamp(13px,4.2vw,24px);font-weight:700}.dash-subcard-green{color:var(--success)}.dash-subcard-teal{color:var(--primary)}.stat-card[data-d-color]{border-left:3px solid var(--d-color)}.stat-card[data-d-color] .stat-value{color:var(--d-color)}.stat-card[data-d-color] .stat-card-progress-fill{background:var(--d-color);width:var(--d-pct,0%)}.leader-bar-fill[data-d-pct]{width:var(--d-pct,0%)}.topbar-company-chevron{opacity:.7;transition:transform .2s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.topbar-user-chevron{opacity:.5;margin-left:2px;transition:transform .2s}.notif-list-padded{padding:12px 0 24px}.notif-icon{vertical-align:middle;flex-shrink:0;margin-right:4px}.preview-photo{object-fit:cover;box-sizing:border-box;border:2px solid #24a6b559;border-radius:50%;width:72px;height:72px}.preview-no-photo{width:68px;height:68px;color:var(--text-muted);box-sizing:border-box;background:#24a6b50f;border:2px dashed #24a6b533;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.cs-dropdown{position:relative}.mt-section{margin-top:16px}.mt-section-title-past{margin-top:28px}.mt-section-icon{color:var(--text-muted)}.tickets-card[data-t-color]{border-left:4px solid var(--t-color)}.tickets-card-id.task-tile-client[data-t-color],.task-tile-priority[data-t-color],.task-tile-time[data-t-color],[data-t-color]{color:var(--t-color,#224346)}[data-r-color] .report-big-num,.report-big-num[data-r-color]{color:var(--r-color)}[data-r-pct] .report-dyn-bar,.report-dyn-bar[data-r-pct],[data-r-color] .report-dyn-bar,.report-dyn-bar[data-r-color],.report-emp-bar[data-r-pct]{width:var(--r-pct)}.report-emp-bar[data-r-color]{background:var(--r-color)}.report-slide-stat[data-r-color]{color:var(--r-color)}.report-dot[data-r-bg]{background:var(--r-bg)}.report-dot-progress{background:#24a6b5}.report-dot-done{background:#22c55e}.report-color-review{color:#9b59b6}.report-dyn-date{width:50px}.task-tile-client[data-t-color],.task-tile-priority[data-t-color],.task-tile-time[data-t-color],[data-t-color]{color:var(--t-color,#224346)}.task-tile-progress-fill[data-t-width]{width:var(--t-width)}.topbar-user-info.hidden-vis,.user-info.hidden-vis{visibility:hidden}.online-dot{z-index:1;background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;left:-2px}.ava[data-ava-size]{width:var(--ava-size,32px);height:var(--ava-size,32px)}.ava-img[data-ava-img]{background-image:var(--ava-img,none);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0}.ava-color[data-ava-bg]{background:var(--ava-bg,#24a6b5);color:#fff;font-weight:600;font-size:var(--ava-fs,14px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ava-empty[data-ava-size]{border-radius:50%;flex-shrink:0}.hidden{display:none!important}.mt-type-row{gap:6px;display:flex}.mt-date-row{align-items:center;gap:8px;display:flex}.mt-date-btn{justify-content:space-between;align-items:center;display:flex}.mt-chip{color:var(--primary-dark);background:#24a6b51a;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.cs-trigger-btn{justify-content:space-between;align-items:center;display:flex}.cs-panel{z-index:10004;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #24a6b51a;border-radius:12px;margin-top:0;padding:8px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 40px #22434626}.cs-clear-btn{cursor:pointer;color:var(--cta);background:0 0;border:none;font-size:18px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cs-sel-all{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;margin-bottom:4px;padding:2px 8px;font-size:12px;display:flex}.cs-item-label{cursor:pointer;white-space:nowrap;border-radius:6px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;padding:2px 8px;font-size:13px;display:flex;overflow:hidden}.sp-avatar-wrap{text-align:center;vertical-align:top;font-size:0;line-height:0;display:inline-block;position:relative}.sp-avatar-name{display:none}.notif-header-actions{gap:12px;display:flex}.tf-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tf-filter-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.report-legend-row{justify-content:center;gap:16px;margin-top:8px;font-size:11px;display:flex}.file-type-icon-pdf{cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:filter .15s,transform .15s;display:inline-flex;position:relative}.file-type-icon-pdf .pdf-overlay{opacity:0;z-index:1;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.file-type-icon-pdf .file-type-icon{transition:filter .15s}.file-type-icon-pdf:hover{transform:scale(1.12)}#globalTooltip{transition:opacity .15s,transform .15s;transform:scale(.8)}#globalTooltip.show{transform:scale(1);opacity:1!important}input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,select:hover,textarea:hover{border-color:var(--primary)}.task-tile-divider{border-left:1px solid #24a6b540;padding-left:20px}.pi-svg{vertical-align:middle}.task-tile-anim{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(16px)}.task-tile-anim.visible{opacity:1;transform:translateY(0)}.task-tile-anim:first-child{transition-delay:0s}.task-tile-anim:nth-child(2){transition-delay:30ms}.task-tile-anim:nth-child(3){transition-delay:60ms}.task-tile-anim:nth-child(4){transition-delay:90ms}.task-tile-anim:nth-child(5){transition-delay:.12s}.task-tile-anim:nth-child(6){transition-delay:.15s}.task-tile-anim:nth-child(7){transition-delay:.18s}.task-tile-anim:nth-child(8){transition-delay:.21s}.task-tile-anim:nth-child(9){transition-delay:.24s}.task-tile-anim:nth-child(10){transition-delay:.27s}.task-tile-anim:nth-child(11){transition-delay:.3s}.task-tile-anim:nth-child(12){transition-delay:.33s}.client-tile-link{color:var(--primary);text-decoration:none}.client-tile-link:hover{text-decoration:underline}.emp-name-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.emp-name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.emp-search-input{flex:1;margin-bottom:0}.emp-search-row{margin-bottom:12px}.modal-btn-submit.danger{background:var(--cta)}.modal-confirm-body{text-align:center}.icon-btn-delete:hover{color:var(--danger);background:#ea3c2114;border-color:#ea3c2133}.modal-confirm-title{color:#224346;margin:12px 0 8px;font-size:16px}.sp-avatar-center{text-align:center}.emp-meatball-wrap{flex-shrink:0;margin-right:-8px;position:relative}.emp-meatball-btn{cursor:pointer;opacity:0;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .3s,transform .4s cubic-bezier(.25,.8,.25,1.4),background .15s;display:flex;transform:scale(.3)rotate(-90deg);box-shadow:0 2px 12px #0000000f}.client-tile:hover .emp-meatball-btn,.emp-meatball-open{opacity:1;transform:scale(1)rotate(0);box-shadow:0 0 0 4px #24a6b514,0 4px 20px #24a6b526}.emp-meatball-btn:hover{background:#0000001a}.info-link:hover,.crud-view a:hover{color:var(--cta)}.ava-clickable{cursor:pointer;border-radius:50%;display:inline-block;position:relative}.ava-clickable:hover .preview-photo,.ava-clickable:hover .preview-no-photo{opacity:.6}.ava-clickable:hover .ava-camera-icon{opacity:1}.ava-camera-icon{opacity:0;pointer-events:none;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ava-clickable input[type=file]{display:none}.role-chips{gap:6px;min-height:32px;display:flex}#empFab,#clFab{display:flex}.field-error-wrap{position:relative}.field-error-input{border-color:#e74c3c!important}.field-error-tip{color:#fff;white-space:nowrap;z-index:10;background:#e74c3c;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:12px}.field-error-tip:after{content:"";border:5px solid #0000;border-top-color:#e74c3c;position:absolute;top:100%;left:12px}.emp-tabs{gap:0;display:inline-flex}.crud-empty-card{text-align:center;padding:48px 24px}.crud-empty-card svg{margin-bottom:12px}.crud-empty-text{color:#6b7b8d;font-size:14px}.report-summary-lines{border-top:1px solid #24a6b50f;margin-top:12px;padding-top:8px}.report-summary-line{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.report-summary-line span:first-child{color:#6b7b8d}.report-summary-line span:last-child{color:#1a2b3c;font-weight:600}.report-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.report-summary-card{text-align:center;background:#24a6b514;border-radius:12px;padding:14px}.slide-panel-body h4{color:var(--text-primary);margin-top:16px;margin-bottom:8px;font-size:13px}.slide-panel-body h4:first-of-type{margin-bottom:4px}.report-summary-val{color:var(--primary-dark);font-size:22px;font-weight:700}.report-summary-lbl{color:var(--text-muted);margin-top:0;font-size:11px}.report-load-indicator{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.report-load-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.report-load-dot[data-r-bg],.report-donut-visual[data-r-bg]{background:var(--r-bg)}.report-callout-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.report-callout-line{stroke:#9ba3af;stroke-width:2px;fill:none}.report-callout-text{fill:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}.report-summary-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.report-summary-sub.green{color:#22c55e}.report-week-grid{gap:4px;margin:8px 0 12px;display:flex}.report-day-item{text-align:center;cursor:pointer;background:#24a6b514;border-radius:8px;flex:1;padding:8px 4px;transition:background .15s}.report-day-item:hover{background:#24a6b51a}.report-day-today{background:#24a6b51f}.report-day-lbl{color:var(--text-secondary);margin-top:2px;font-size:12px}.report-day-today .report-day-lbl{color:var(--cta);font-weight:700}.report-day-date{color:var(--primary);margin-bottom:1px;font-size:11px;font-weight:600}.report-day-today .report-day-date{color:var(--cta);font-weight:700}.user-dropdown-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999999;background:#fffffffa;border:1px solid #24a6b514;border-radius:14px;min-width:230px;padding:4px 0;position:fixed;box-shadow:0 8px 32px #0000001f}.user-dropdown-panel:not(.hidden){animation:.15s ddFadeIn}.udd-user-card{text-align:center;border-bottom:1px solid #24a6b51f;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.udd-avatar{flex-shrink:0}.udd-info{flex:1;min-width:0}.udd-name{color:var(--primary-dark);font-size:14px;font-weight:600}.udd-role{color:var(--primary);margin-top:2px;font-size:11px}.user-dropdown-panel .dd-item{color:var(--primary-dark);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;display:flex}.user-dropdown-panel .dd-item:hover{background:#24a6b514}.user-dropdown-panel .dd-item svg{opacity:.7;flex-shrink:0}.user-dropdown-panel .dd-item-danger{color:var(--danger)}.user-dropdown-panel .dd-item-danger:hover{background:#ea3c210a}.user-dropdown-panel .dd-item-danger svg{stroke:var(--danger)}.user-dropdown-panel .dd-divider{background:#24a6b50f;height:1px;margin:4px 0}.topbar-user-info.open .topbar-user-chevron{opacity:.7;transform:rotate(180deg)}.company-switcher.open .topbar-company-chevron{opacity:.7;transform:translateY(-50%)rotate(180deg)}.cc-section{border-top:1px solid #24a6b540;margin-top:12px;padding:14px 0 0}.cc-section .section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cc-section .section-title h3{color:var(--primary-dark);font-size:14px;font-weight:600}.cc-tile{background:#24a6b508;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;display:flex}.cc-ava{width:36px;height:36px;color:var(--primary);background:#24a6b51a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.cc-info{flex:1;min-width:0}.cc-fio{color:var(--primary-dark);font-size:13px;font-weight:600}.cc-pos{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:11px;display:flex}.cc-pos svg{flex-shrink:0}.cc-actions{flex-shrink:0;gap:4px;display:flex}.cc-menu-btn{cursor:pointer;opacity:0;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .3s,transform .4s cubic-bezier(.25,.8,.25,1.4);display:flex;transform:scale(.3)rotate(-90deg);box-shadow:0 2px 12px #0000000f}.cc-tile:hover .cc-menu-btn{opacity:1;transform:scale(1)rotate(0)}.cc-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.cc-add-form,.cc-edit-form{margin-bottom:10px}.cc-add-form.hidden,.cc-edit-form.hidden{display:none}.cc-form-fields{background:#24a6b514;border:1px solid #24a6b51a;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:4px;padding:8px 10px;display:flex}.slide-panel-body [id^=ccEdit] input.cc-input,.slide-panel-body [id=ccAddForm] input.cc-input{border:1px solid #24a6b533;border-radius:5px;outline:none;width:100%;padding:5px 8px;font-size:12px}[id^=ccEdit] input.cc-input:focus,[id=ccAddForm] input.cc-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #24a6b51a}.cc-row{gap:4px;display:flex}.cc-row input.cc-input{flex:1}.cc-btns{justify-content:flex-end;gap:6px;margin-top:0;display:flex}.cc-btns-between{justify-content:space-between}.cc-save{background:var(--cta);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600}.cc-cancel{cursor:pointer;color:var(--text-secondary);background:#fff;border:1px solid #24a6b533;border-radius:8px;padding:4px 12px;font-size:11px}.cc-del{color:var(--danger);cursor:pointer;background:0 0;border:1px solid #ea3c2133;border-radius:5px;padding:4px 12px;font-size:11px}.cc-btns-inner{gap:8px;display:flex}.cc-edit-form{margin-top:-2px;margin-bottom:8px}.crud-add-icon-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:8px;display:inline-flex}.crud-add-icon-btn:hover{opacity:.9}.cc-cancel:hover{background:#24a6b514}.cc-save:hover{opacity:.9}.cc-del:hover{background:#ea3c210a}.cc-view-fields input{cursor:default;background:0 0;border-color:#0000!important}.cc-view-fields input:hover{cursor:default;border-color:#0000!important}.cc-edit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:4px 12px;font-size:11px;font-weight:600}.cc-edit-btn:hover{opacity:.9}.cc-header-row{flex-wrap:nowrap;align-items:center;gap:8px;margin-top:16px;margin-bottom:12px;display:flex}.cc-header-row h3{color:var(--primary-dark);white-space:nowrap;flex-shrink:0;align-items:center;min-width:130px;margin:0;font-size:14px;font-weight:600;line-height:14px;display:flex}.cc-header-row .crud-add-icon-btn{flex-shrink:0;margin-left:auto;margin-right:0}.cc-search-wrap{box-sizing:border-box;background:#ffffffb3;border:1.5px solid #24a6b54d;border-radius:8px;flex:1;align-items:center;min-width:0;margin-left:auto;padding:5px 6px;display:flex;position:relative}.cc-search-wrap .filter-reset-btn{padding:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cc-search-wrap .filter-reset-btn.hidden{visibility:hidden;display:flex}.cc-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #24a6b51a}.cc-search-wrap input,.cc-search-wrap input:hover,.cc-search-wrap input:focus{outline:none;box-shadow:none!important;border:none!important}.cc-search-wrap svg{opacity:1;flex-shrink:0;margin-right:8px;display:block}.slide-panel-body .cc-header-row .cc-search-input{background:0 0;border:none;outline:none;flex:1;height:auto;min-height:0;line-height:1;padding:0!important;font-size:11px!important}.cc-hidden{display:none}.app-banner{z-index:1100;color:#fff;align-items:center;gap:12px;padding:12px 20px;display:flex;position:fixed;top:0;left:0;right:0}.app-banner-open .topbar{transform:translateY(var(--banner-h,0))}.app-banner-open .app-shell-main{top:calc(58px + var(--banner-h,0px))}.app-banner-open .app-shell-sidebar{padding-top:calc(58px + var(--banner-h,0px))}.app-banner-primary{background:linear-gradient(135deg,#ff7a45,#ff6b35 60%,#fc540f);box-shadow:0 4px 20px #fc540f47}.app-banner-in{animation:.35s cubic-bezier(.34,1.56,.64,1) bannerSlideIn}@keyframes bannerSlideIn{0%{transform:translateY(-24px)}to{transform:translateY(0)}}.app-banner-out{animation:.3s forwards bannerSlideOut}@keyframes bannerSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-100%)}}.app-banner .ab-icon{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.app-banner .ab-text{flex:1;min-width:0}.app-banner .ab-title{font-size:14px;font-weight:700}.app-banner .ab-sub{opacity:.85;margin-top:1px;font-size:12px}.app-banner .ab-hint{opacity:.75;margin-top:2px;font-size:11px}.app-banner .ab-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-banner .ab-btn{cursor:pointer;border:none;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700}.app-banner .ab-btn-primary{color:#ff6b35;background:#fff;box-shadow:0 2px 8px #0000001f}.app-banner .ab-btn-primary:hover{transform:translateY(-1px)}.app-banner .ab-btn-ghost{color:#fff;background:0 0;border:1.5px solid #ffffffa6}.app-banner .ab-btn-ghost:hover{background:#ffffff26}.app-banner.hidden{display:none}@media (width<=768px){#mainContent>div[style*=position\:absolute]{flex-direction:column!important;height:calc(100vh - 60px)!important;position:static!important}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0 12px 0 0;justify-content:flex-start;padding:0 12px;border:none!important;outline:none!important}#topbarClock{white-space:nowrap}.topbar-burger,.topbar-user-info{display:none!important}.topbar-logo-wrap{flex-shrink:0;width:auto;padding:12px 0}.topbar-logo-text{display:none!important}.topbar-page-title{color:var(--primary-dark);white-space:nowrap;text-overflow:ellipsis;max-width:30vw;margin-left:10px;margin-right:8px;font-size:21px;font-weight:600;display:block;overflow:hidden}.topbar-clock{display:none!important}.topbar-search-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.topbar-search-btn:active{background:#24a6b51a}.notification-bell{justify-content:center;align-items:center;display:flex}.topbar-search{flex:1;align-items:center;min-width:0;margin:0 8px 0 12px;display:none}.topbar-search:not(.hidden){display:flex}.topbar-search input{background:#ffffffb3;border:1.5px solid #24a6b526;border-radius:20px;flex:1;width:100%;padding:9px 32px 9px 36px;font-size:16px}.topbar.topbar-search-open .topbar-page-title,.topbar.topbar-search-open #topbarCompany,.topbar.topbar-search-open .notification-bell{display:none}#topbarCompany{flex-direction:row;align-items:center;margin-right:0;padding:6px 0;display:flex;position:absolute;left:50%;transform:translate(-50%)}#topbarCompany .company-label,#topbarCompany .topbar-company-chevron{display:none}#topbarCompany #currentCompany{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:48px;font-size:12px;overflow:hidden}.stat-card .stat-value{font-size:22px}.dashboard-section{padding:14px}.modal{-webkit-overflow-scrolling:touch;width:calc(100vw - 24px);max-height:calc(100dvh - 80px);margin:12px;padding:20px;overflow-y:auto}.fab{width:38px;height:38px;font-size:20px;bottom:80px;right:16px}.topbar-actions{gap:8px;margin-left:auto;position:static}.user-info{margin-right:0}#userName,#userRole{display:none}.bottom-nav .nav-item{text-align:center;width:auto;min-width:52px;color:var(--primary-dark);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;flex:none;gap:0;padding:7px 10px;font-size:10px;line-height:1.2;transition:background .15s,color .15s}.bottom-nav .nav-item .nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:64px;overflow:hidden}.bottom-nav .nav-item:active{background:#24a6b526!important;border-radius:18px!important}.bottom-nav .nav-item.active{color:var(--primary-dark);background:#24a6b51f}.bottom-nav .nav-item.active:before{display:none}.bottom-nav .nav-item>svg{width:24px;height:24px}.bottom-nav .badge{background:var(--cta);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:1px;left:auto;right:calc(50% - 18px)}.bottom-nav .nav-item-menu .ava{position:relative}.task-tile{flex-direction:column;padding:12px}.task-tile-right{border-top:1px solid #24a6b51f;flex-flow:wrap;gap:8px;width:100%;margin-top:8px;padding-top:10px;padding-left:0;font-size:11px;border-left:none!important}.task-tile-right>*{flex:1;min-width:45%}.task-tile-right>.task-tile-date-row:nth-child(odd){justify-content:flex-start}.task-tile-right>.task-tile-date-row:nth-child(2n){justify-content:flex-end}.task-tile-progress{flex-basis:100%}.task-tile-status-wrap{text-align:right}.task-tile-people{align-items:flex-start;font-size:13px;display:flex}.task-tile-people b{min-width:0!important}.tile-people-avatars{flex-flow:column;align-items:flex-start;gap:2px;display:flex}.client-tile{flex-direction:column;align-items:stretch;padding:12px}.client-tile-left{padding-right:0}.app-shell-sidebar{display:none}.app-shell-main{left:0}.bottom-nav{bottom:calc(12px + var(--safe-area-bottom));width:auto;height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);z-index:1400;background:#ffffffeb;border:1px solid #24a6b51f;border-radius:18px;justify-content:space-around;align-items:center;gap:2px;padding:6px 10px;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:20px;right:20px;box-shadow:0 8px 32px #22434629}.bottom-nav.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s .3s;transform:translateY(16px);display:flex!important}.slide-panel{border-radius:0;width:100vw}.slide-panel-body{padding:16px}.slide-panel-back{justify-content:center;align-items:center;display:flex}.slide-panel-close{display:none}.slide-panel-header{padding-left:20px;padding-right:20px}.cc-search-wrap input{font-size:18px}.cc-search-wrap svg{width:21px;height:21px}.filter-view-btn{font-size:15px}.filter-panel{flex-direction:column}.filter-panel-cats{border-bottom:1px solid #24a6b50d;border-right:none;width:100%;display:flex;overflow-x:auto}.filter-panel-cat{white-space:nowrap}.filter-search-row input{min-width:80px;font-size:12px}.reports-grid{grid-template-columns:1fr}.reports-page,.meetings-page{padding:12px}.dp-panel{border-radius:12px;width:calc(100vw - 24px)}.dp-calendar{padding:8px}.dp-weekdays,.dp-days{grid-template-columns:repeat(7,1fr)}.dp-day{width:auto}.app-banner{flex-wrap:wrap;padding:10px 14px}.app-banner .ab-text{flex:100%;order:1}.app-banner .ab-actions{order:2;width:100%}.app-banner .ab-btn{flex:1}}@media (width<=480px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:6px}.login-card{max-height:85dvh;padding:32px 20px;overflow-y:auto}.modal h2{font-size:16px}}@media (width<=768px){.menu-page{padding:16px}.menu-profile{background:var(--surface);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 12px 40px #22434626}.menu-profile-top{align-items:center;gap:14px;min-width:0;display:flex}.menu-profile-ws{width:100%;color:var(--primary-dark);cursor:pointer;text-align:left;background:#24a6b514;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.menu-profile-ws:hover{background:#24a6b524}.menu-profile-ws-label{color:#2243468c;flex-shrink:0;font-weight:500}.menu-profile-ws-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-profile-ws-chevron{opacity:.7;flex-shrink:0;margin-left:auto;transition:transform .2s}.menu-profile-ws.open .menu-profile-ws-chevron{transform:rotate(180deg)}#topbarCompany{display:none}.menu-profile-ava{flex-shrink:0;width:56px;height:56px}.menu-profile-meta{min-width:0}.menu-profile-name{color:var(--primary-dark);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.menu-profile-role{color:#22434699;margin-top:2px;font-size:13px}.menu-tiles{flex-direction:column;gap:10px;display:flex}.menu-tile{background:var(--surface);cursor:pointer;text-align:left;box-sizing:border-box;width:100%;color:var(--primary-dark);border:1px solid #24a6b514;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;display:flex}.menu-tile:active{background:#24a6b50f}.menu-tile-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.menu-tile-icon svg{width:22px;height:22px}.menu-tile-label{flex:1;min-width:0}.menu-tile-danger{color:var(--danger)}.menu-tile .badge{background:var(--cta);color:#fff;text-align:center;border-radius:10px;flex-shrink:0;min-width:18px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.2}}.dd-sheet{-webkit-backdrop-filter:blur(16px);width:100%;max-height:70vh;padding:16px;padding-bottom:calc(16px + var(--safe-area-bottom));background:#fffffff5;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.dd-backdrop{z-index:999998;background:#00000080;position:fixed;inset:0}.dd-backdrop.hidden{display:none}@keyframes ddSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.is-mobile #topBar{z-index:1200}#topBar{padding-top:var(--safe-area-top)}.is-mobile #mainContent{padding-bottom:calc(var(--bottom-nav-height) + 12px + var(--safe-area-bottom))}.is-mobile #mainContent>.screen{padding:8px 8px calc(var(--bottom-nav-height) + 8px + var(--safe-area-bottom))}.is-mobile #mainContent:not(.swipe-dragging) .screen{transition:transform .3s cubic-bezier(.16,1,.3,1),filter .22s ease-out}.is-mobile #mainContent .screen>*{transform:translateX(calc(var(--sw-dx,0px) * -.25))}.is-mobile #mainContent:not(.swipe-dragging) .screen>*{transition:transform .3s cubic-bezier(.16,1,.3,1)}.is-mobile #mainContent.swipe-dragging .screen,.is-mobile #mainContent.swipe-dragging .screen>*{transition:none}[data-swipe],#mainContent,.chat-room-panel,.chat-room-panel *{touch-action:pan-y}[data-long-press]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (width<=768px){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}}@keyframes pageTurnInL{0%{opacity:0;transform:translate(24%)}to{opacity:1;transform:translate(0)}}@keyframes pageTurnInR{0%{opacity:0;transform:translate(-24%)}to{opacity:1;transform:translate(0)}}.net-indicator svg{width:14px;height:10px}.bottom-nav .net-indicator svg{width:18px;height:13px}#rotateLock{z-index:10000;background:var(--app-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media (orientation:landscape) and (height<=540px) and (pointer:coarse){#rotateLock{display:flex}}@media (width<=360px){.bottom-nav{padding:5px 6px}.bottom-nav .nav-item{min-width:46px;padding:6px 8px;font-size:9px}.bottom-nav .nav-item .nav-label{max-width:52px}.bottom-nav .nav-item>svg{width:24px;height:24px}}.rotate-lock-inner{flex-direction:column;align-items:center;gap:14px;padding:24px;animation:.35s both rotate-lock-in;display:flex}.rotate-lock-icon{color:var(--primary);animation:2s ease-in-out infinite rotate-lock-rock}.rotate-lock-title{background:linear-gradient(135deg, var(--primary-dark), var(--primary));-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}@keyframes rotate-lock-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-lock-rock{0%,to{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}75%{transform:rotate(0)}}@media (width<=768px){html,body,.app-screen,.app-screen *{scrollbar-color:transparent transparent}html.sb-active,body.sb-active,.app-screen.sb-active,.app-screen .sb-active{scrollbar-color:#24a6b54d transparent}}
