@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;font-family:Nunito Sans,sans-serif;display:flex}.container{justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;margin:0 auto;padding:20px;display:flex;overflow:hidden}.main-area{flex-direction:column;gap:20px;width:100%;min-width:0;height:100%;display:flex}.content{flex:1;width:100%;min-width:0;min-height:0;display:flex}.box{color:#fff;background:#111;border-radius:20px;justify-content:center;align-items:center;width:300px;height:200px;font-family:sans-serif;display:flex;position:relative;overflow:hidden}:root{--primary-blue:#3f8cff;--white:#fff;--bg-color:#dfe3e8;--text-gray:#7d8592;--text-main:#1e293b;--input-border:#d8e0f0;--transition-slow:.8s ease;--transition-fast:.3s ease}.btn{background-color:var(--primary-blue);color:var(--white);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:16px;font-weight:700;transition:all .2s ease-in-out;display:flex;box-shadow:0 6px 12px #3f8cff43}.btn:hover{opacity:.9;scale:1.02}.btn:active{scale:.95}.input{border:1px solid var(--input-border);background-color:var(--white);width:100%;color:var(--text-dark);border-radius:14px;outline:none;padding:10px 45px 10px 20px;font-size:14px;font-weight:400;transition:all .3s;box-shadow:0 1px 2px #b8c8e039}.input:focus{border:1px solid var(--primary-blue);outline:5px solid #e8f2ff}.navigation-wrapper{background-color:var(--white);border-radius:20px;flex-direction:column;flex-shrink:0;width:210px;height:100%;padding:24px 0 5px;transition:width .6s cubic-bezier(.4,0,.2,1),min-width .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.navigation-wrapper:not(.collapsed):not(.transitioning){overflow:visible}.navigation-wrapper.collapsed{width:80px;min-width:80px}.nav-header{justify-content:space-between;align-items:center;width:100%;min-height:40px;margin-bottom:30px;padding:0 20px 0 28px;display:flex;position:relative}.navigation-wrapper.collapsed .nav-header{padding:0 28px}#nav-logo-link{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}#nav-logo-link img{height:32px;transition:transform .3s}#nav-language-selector{flex-shrink:0;transition:opacity .2s,visibility .2s}.navigation-wrapper.collapsed #nav-language-selector{opacity:0;visibility:hidden;pointer-events:none}.nav-menu{flex-direction:column;gap:8px;width:100%;margin-top:10px;padding:0 12px;list-style-type:none;display:flex}.navigation-wrapper.collapsed .nav-menu{padding:0 12px}.nav-menu li{cursor:pointer;border-radius:12px;align-items:center;width:100%;height:48px;padding:0;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.nav-menu li a{color:var(--text-gray);white-space:nowrap;align-items:center;gap:15px;width:100%;height:100%;padding-left:16px;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.nav-menu li a svg{flex-shrink:0;width:24px;height:24px}.nav-menu li a span{opacity:1;transition:opacity .3s}.navigation-wrapper.collapsed .nav-menu li a span{opacity:0}.nav-menu li:before{content:"";background-color:var(--primary-blue);opacity:0;border-radius:4px;width:4px;height:20px;transition:opacity .3s;display:block;position:absolute;right:0}.nav-menu li.active{background-color:#ebf3ff}.nav-menu li.active a{color:var(--primary-blue)}.nav-menu li.active:before{opacity:1}.nav-menu li:hover:not(.active){background-color:#f8fafc}.profile-menu-container{width:100%;margin-top:auto;padding:16px 12px;position:relative}.sidebar-profile{cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px;transition:all .3s;display:flex;overflow:hidden}.navigation-wrapper.collapsed .sidebar-profile{background-color:#0000;border-color:#0000;padding:8px}.nav-user-name,.sidebar-profile .chevron-icon{transition:opacity .3s}.navigation-wrapper.collapsed .nav-user-name,.navigation-wrapper.collapsed .sidebar-profile .chevron-icon{opacity:0;visibility:hidden}.sidebar-profile .chevron-icon{margin-left:auto}.nav-avatar-container{flex-shrink:0;width:36px;height:36px;margin-left:2px;position:relative}.nav-user-avatar{object-fit:cover;border:2px solid var(--primary-blue);opacity:0;border-radius:50%;width:36px;height:36px;transition:opacity .3s ease-in-out}.nav-user-avatar.loaded{opacity:1}.profile-dropdown{z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;animation:.2s ease-out slideUp;display:none;position:absolute;bottom:calc(100% + 10px);left:12px;right:12px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.navigation-wrapper.collapsed .profile-dropdown{width:200px;margin-left:10px;left:80px;right:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;color:var(--text-main);align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.dropdown-item:first-child,.dropdown-item:first-child svg{color:#5b6ef5}.logout-item{color:#ef4444;border-top:1px solid #fee2e2}.logout-item svg{color:#ef4444}.dropdown-item:hover{background-color:#f8fafc}.logout-item:hover{background-color:#fef2f2}.avatar-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite skeleton-pulse;position:absolute;top:0;left:0}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-menu li.loading:after{content:"";background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s linear infinite skeleton-pulse;position:absolute;left:55px;right:20px}.navigation-wrapper.collapsed .nav-menu li.loading:after{display:none}.navbar{justify-content:flex-end;align-items:center;display:flex}.navbar .user-nav{align-items:center;gap:20px;display:flex}.navbar .user-nav button{background-color:var(--white);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:10px;font-size:20px;font-weight:700;transition:all .3s;display:flex}.navbar .user-nav button:hover{scale:1.08}.navbar .user-nav button:active{scale:.98}.up-root{background-color:#f0f2f8;border-radius:12px;flex-direction:column;gap:24px;width:100%;height:100%;padding:28px 32px;display:flex}.up-header{justify-content:space-between;align-items:center;display:flex}.up-header h2{color:var(--text-main);font-size:32px;font-weight:700}.up-icon-btn{background:var(--white);cursor:pointer;width:44px;height:44px;color:var(--text-main);border:none;border-radius:14px;justify-content:center;align-items:center;transition:transform .2s;display:flex}.up-icon-btn:hover{transform:scale(1.07)}.up-body{gap:24px;height:100%;display:flex}.up-card{background:var(--white);border-radius:24px;flex:1;padding:28px}.up-aside{flex-direction:column;flex-shrink:0;gap:16px;width:280px;display:flex}.up-avatar-card{flex-direction:column;align-items:center;gap:8px;display:flex}.up-avatar-wrap{margin-bottom:8px;position:relative}.up-avatar-img{object-fit:cover;border:3px solid #e6edf5;border-radius:50%;width:88px;height:88px}.up-avatar-edit-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .2s;display:flex;position:absolute;bottom:2px;right:2px}.up-avatar-edit-btn:hover{transform:scale(1.1)}.up-avatar-name{color:var(--text-main);text-align:center;margin:0;font-size:18px;font-weight:700}.up-avatar-pos{color:var(--text-gray);text-align:center;min-height:18px;margin:0;font-size:13px}.up-completion{width:100%;margin-top:12px}.up-completion-top{color:var(--text-gray);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.up-completion-pct{color:var(--primary-blue);font-weight:700}.up-completion-bar{background:#e6edf5;border-radius:99px;width:100%;height:6px;overflow:hidden}.up-completion-fill{background:var(--primary-blue);border-radius:99px;height:100%;transition:width .5s}.up-chips-card{flex-direction:column;gap:0;padding:8px 0;display:flex}.up-info-chip{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.up-info-chip:last-child{border-bottom:none}.up-chip-label{color:var(--text-gray);font-size:13px;font-weight:500}.up-chip-value{color:var(--text-main);font-size:14px;font-weight:700}.up-empty{color:#c0c5d0;font-size:13px;font-weight:400}.up-main{flex-direction:column;flex:1;gap:16px;display:flex}.up-form-card{flex-direction:column;gap:24px;height:100%;display:flex}.up-form-card-header{justify-content:space-between;align-items:center;height:38.4px;display:flex}.up-form-card-header h3{color:var(--text-main);font-size:20px;font-weight:700}.up-edit-btn{border:1.5px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:flex}.up-edit-btn:hover{background:var(--primary-blue);color:#fff}.up-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.up-form-group{flex-direction:column;gap:8px;display:flex}.up-form-group label{color:var(--text-gray);letter-spacing:.02em;font-size:13px;font-weight:700}.up-input{width:100%;color:var(--text-main);background:var(--white);box-sizing:border-box;border:1.5px solid #e6edf5;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:border-color .2s}.up-input:not(:disabled):focus{border-color:var(--primary-blue);outline:none}.up-input:disabled{color:#9aa0b4;cursor:not-allowed;background:#f7f9fc;border-color:#eef0f5}.up-select{appearance:none;cursor:pointer}.up-select:not(:disabled){cursor:pointer}.up-form-footer{justify-content:flex-end;gap:12px;display:flex}.up-save-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .25s,transform .15s}.up-save-btn:hover{transform:translateY(-1px)}.up-save-btn.up-saved{background:#0ac947}.up-cancel-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:1.5px solid #e6edf5;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;transition:background .2s}.up-cancel-btn:hover{background:#f7f9fc}.hidden{display:none!important}.up-settings-root{flex-direction:column;gap:24px;width:100%;height:100%;padding-top:40px;display:flex}.up-settings-header{align-items:center;gap:12px;display:flex}.up-settings-header h2{color:var(--text-main);font-size:24px;font-weight:700}.up-back-btn{background:var(--white);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.up-back-btn:hover{transform:translate(-3px)}.up-settings-body{gap:24px;height:100%;display:flex}.up-snav{background:var(--white);border-radius:24px;flex-direction:column;flex-shrink:0;gap:4px;width:240px;padding:20px 12px;display:flex}.up-snav-btn{color:var(--text-gray);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;padding:13px 16px;font-size:15px;font-weight:700;transition:background .2s,color .2s;display:flex;position:relative}.up-snav-btn .setting-icon{flex-shrink:0;width:22px;height:22px}.up-snav-btn.active{color:var(--primary-blue);background:#e6edf5}.up-snav-btn.active:after{content:"";background:var(--primary-blue);border-radius:99px;width:4px;height:80%;position:absolute;top:10%;right:-6px}.up-snav-btn:hover:not(.active){background:#f5f7fa}.up-scontent{background:var(--white);border-radius:24px;flex:1;padding:32px}.up-setting-section h3{color:var(--text-main);font-size:20px;font-weight:700}.up-body.loading{pointer-events:none;position:relative}.up-body-loader{background:var(--white);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:400px;display:flex}.up-spinner{border:4px solid #e6edf5;border-top:4px solid var(--primary-blue);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite up-spin}@keyframes up-spin{to{transform:rotate(360deg)}}.up-skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#e6edf5 50%,#f0f2f5 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite up-skeleton-loading}@keyframes up-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.up-skeleton-avatar{border-radius:50%;width:88px;height:88px}.up-skeleton-text{width:140px;height:16px}.up-skeleton-title{width:180px;height:24px}.up-skeleton-input{border-radius:12px;width:100%;height:42px}.test-dashboard-wrapper{background-color:#0000;gap:20px;width:100%;height:100%;display:flex}.test-sidebar{background-color:#fff;border-radius:20px;flex-direction:column;gap:10px;width:250px;height:100%;padding:20px 15px;display:flex;box-shadow:0 4px 15px #00000008}.test-menu-btn{cursor:pointer;color:#64748b;text-align:left;background-color:#0000;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.test-menu-btn:hover{color:#334155;background-color:#f1f5f9}.test-menu-btn.active{color:#3f8cff;background-color:#ebf3ff}.test-content{background-color:#fff;border-radius:20px;flex:1;height:100%;padding:20px;overflow-y:auto;box-shadow:0 4px 15px #00000008}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn.primary{color:#fff;background:#3f8cff}.btn.secondary{color:#475569;background:#f1f5f9}.btn.success{color:#fff;background:#16a34a}.btn.danger{color:#fff;background:#ef4444}.btn.outline{color:#3f8cff;background:0 0;border:1px solid #3f8cff}.questions-bank{flex-direction:column;gap:24px;height:100%;display:flex}.qb-banner{color:#0f172a;background:#fff;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;overflow:hidden;height:max-content!important}.qb-banner-content h2{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:24px;font-weight:700}.qb-banner-content p{color:#64748b;margin:0;font-size:15px}.test-activate-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex;scale:.98!important}.premium-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 14px #3b82f64d;scale:.98!important}.premium-btn svg{flex-shrink:0;width:18px;height:18px}.premium-btn:hover,.test-activate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.t-status-row{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.user-assign-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.user-assign-card h4{color:#1e293b;margin-top:0;margin-bottom:15px;font-size:15px}.ua-selected-list{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.ua-selected-item{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.ua-selected-item img{object-fit:cover;border-radius:50%;width:20px;height:20px;margin-right:8px}.ua-remove-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:0;display:flex}.ua-remove-btn:hover{color:#4338ca}.ua-search-input{border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-bottom:15px;padding:10px 14px;font-size:14px;transition:all .2s}.ua-search-input:focus{border-color:#3b82f6;outline:none}.ua-users-list{flex-direction:column;gap:8px;display:flex}.ua-user-row{background:#f8fafc;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.ua-user-row:hover{border-color:#cbd5e1}.ua-user-info{align-items:center;gap:12px;display:flex}.ua-user-info img{object-fit:cover;border-radius:50%;width:32px;height:32px}.ua-user-details{flex-direction:column;display:flex}.ua-user-name{color:#1e293b;font-size:14px;font-weight:600}.ua-user-email{color:#64748b;font-size:12px}.ua-add-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.ua-add-btn:hover{background:#059669}.ua-pagination{justify-content:center;align-items:center;gap:15px;margin-top:15px;display:flex}.ua-page-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:13px;transition:all .2s}.ua-page-btn:hover:not(:disabled){background:#e2e8f0}.ua-page-btn:disabled{opacity:.5;cursor:not-allowed}.ua-page-info{color:#64748b;font-size:13px;font-weight:500}.qb-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.qb-tab-control{background:#f1f5f9;border-radius:12px;gap:4px;width:max-content;margin-left:auto;padding:4px;display:flex}.qb-tab-control .segment-btn{color:#64748b;box-shadow:none;background:0 0;border:none;border-radius:8px;flex:none;margin:0;padding:8px 16px;font-weight:600;transition:all .3s}.qb-tab-control .segment-btn.active{color:#3b82f6;background:#fff;box-shadow:0 2px 8px #0000000d}.qb-tab-control .segment-btn svg{width:18px;height:18px}.qb-search-wrapper{align-items:center;width:100%;max-width:400px;display:flex;position:relative}.qb-search-wrapper svg{color:#94a3b8;width:18px;height:18px;position:absolute;left:14px}.q-search-modern{color:#1e293b;background:#fff;border:1px solid #0000;border-radius:10px;outline:none;width:100%;padding:12px 16px 12px 42px;font-size:14px;transition:all .3s;box-shadow:0 2px 6px #00000005}.q-search-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.qb-grid{grid-template-columns:repeat(auto-fill,320px);justify-content:start;gap:24px;padding-top:5px;padding-bottom:20px;display:grid;overflow-y:auto}.test-card{transform-origin:50%;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.test-card.deleting{opacity:0;transform:scale(.8)}.test-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000014}.test-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.test-card-header h4{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.test-card button:hover{scale:1.05!important}.badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge.b-active{color:#16a34a;background:#dcfce7}.badge.b-draft{color:#ca8a04;background:#fef9c3}.test-card-body{flex-direction:column;flex:1;display:flex}.test-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.test-meta{border-bottom:1px solid #f1f5f9;gap:16px;margin-top:auto;padding-bottom:20px;display:flex}.meta-item{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.meta-item svg{color:#94a3b8;width:16px;height:16px}.test-card-footer{padding-top:16px}.edit-t-btn{color:#334155;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:600;transition:all .2s;display:flex}.edit-t-btn:hover{color:#0f172a;background:#e2e8f0}.edit-t-btn svg{width:16px;height:16px}.empty-state{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:#94a3b8;width:48px;height:48px;margin-bottom:16px}.empty-state h3{color:#1e293b;margin:0 0 8px;font-size:18px}.empty-state p{color:#64748b;margin:0;font-size:14px}.tc-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tc-title h2{color:#1e293b;margin:0}.tc-title span{color:#64748b;font-size:14px}.tc-actions{gap:10px;display:flex}.tc-tabs{border-bottom:2px solid #f1f5f9;gap:20px;margin-bottom:20px;display:flex}.t-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:16px;font-weight:600;position:relative;top:2px}.t-tab.active{color:#3f8cff;border-bottom:2px solid #3f8cff}.tc-body{flex:1;padding-right:5px;overflow-y:auto}.settings-editor{flex-direction:column;gap:20px;max-width:800px;display:flex}.s-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.s-card h3{color:#1e293b;margin:0 0 15px;font-size:16px}.s-card label{color:#475569;margin-bottom:5px;font-size:14px;font-weight:600}.s-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 15px}.s-input:focus{border-color:#3f8cff}.s-input.s-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2364748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>");background-position:right 15px center;background-repeat:no-repeat}.custom-toggle{width:44px;height:24px;position:relative}.custom-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000001a}.custom-toggle input:checked+.toggle-slider{background-color:#3b82f6}.custom-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.time-inputs,.password-area{opacity:0;max-height:0;margin-top:0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.time-inputs.expanded{opacity:1;grid-template-columns:1fr 1fr;gap:20px;max-height:200px;margin-top:15px;display:grid}.password-area.expanded{opacity:1;max-height:100px;margin-top:15px}.scoring-option{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:15px;padding:15px;transition:all .2s;display:flex}.scoring-option.active{background-color:#f0f9ff;border-color:#3b82f6}.so-radio input{display:none}.so-radio .radio-custom{border:2px solid #cbd5e1;border-radius:50%;width:18px;height:18px;margin-top:2px;display:block;position:relative}.scoring-option.active .radio-custom{border-color:#3b82f6}.scoring-option.active .radio-custom:after{content:"";background-color:#3b82f6;border-radius:50%;position:absolute;inset:3px}.so-title{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:600}.so-desc{color:#64748b;font-size:13px}.segment-btn{color:#64748b;cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.segment-btn.active{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.questions-editor-layout{gap:20px;height:100%;display:flex}.qe-sidebar{flex-direction:column;flex-shrink:0;width:280px;min-width:280px;display:flex}.qe-list{flex-direction:column;gap:12px;max-height:500px;padding-right:10px;display:flex;overflow-y:auto}.q-list-item-header strong{color:#1e293b;font-size:14px}.q-dots-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.q-status-dot{border-radius:50%;width:10px;height:10px;margin-right:5px;transition:background-color .3s}.q-status-dot.saved{background-color:#22c55e;box-shadow:0 0 5px #22c55e66}.q-status-dot.unsaved{background-color:#f97316;box-shadow:0 0 5px #f9731666}.q-list-item p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.qe-main{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-width:0;height:max-content;padding:25px 30px}.q-form-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;display:flex}.q-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.q-select-wrapper,#custom-q-type{width:max-content}#custom-q-type .selected{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:8px 15px;font-size:14px;font-weight:500}#custom-q-type .selected:hover{border-color:#cbd5e1}#custom-q-type .options{width:95%;padding:5px;left:2.5%;right:auto}#custom-q-type .options li{color:#334155;border-radius:6px;justify-content:flex-start;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s}#custom-q-type .options li:hover{background-color:#f1f5f9}#custom-q-type .options li.active{color:#16a34a;background-color:#f0fdf4}.q-header-actions{gap:10px;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;font-size:18px}.icon-btn:hover{background:#f1f5f9}.icon-btn.danger{color:#ef4444}.icon-btn.danger:hover{background:#fef2f2}.q-label{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.q-editor-wrapper{margin-bottom:25px}.ql-toolbar.ql-snow{background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;padding:10px 15px}.ql-container.ql-snow{background:#fff;border:none;border-radius:0 0 8px 8px;font-family:inherit;font-size:15px}.ql-editor{min-height:150px;padding:15px}.ql-editor img{border-radius:8px;max-width:100%}.q-answers-list{flex-direction:column;gap:12px;margin-bottom:15px;display:flex}.ans-row-wrapper{align-items:center;gap:12px;display:flex}.ans-letter{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:flex}.ans-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 15px;transition:all .2s;display:flex}.ans-row.correct{border-width:2px;border-color:#3b82f6;padding:7px 14px}.ans-text{color:#1e293b;border:none;outline:none;flex:1;font-size:15px}.ans-correct-badge{color:#16a34a;letter-spacing:.5px;background:#dcfce7;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.ans-radio{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.del-ans{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px}.del-ans:hover{color:#ef4444}.add-variant-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:13px;font-weight:600}.add-variant-btn:hover{text-decoration:underline}.q-form-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:35px;padding-top:20px;display:flex}.q-footer-checks{gap:20px;display:flex}.q-footer-checks label{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.q-score-label{color:#475569;align-items:center;gap:10px;font-size:13px;display:flex}.score-input{text-align:center;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:60px;padding:6px 10px}.score-input:focus{border-color:#3b82f6}.content-placeholder{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#score-minus:hover,#score-plus:hover{color:#0f172a!important;background-color:#f1f5f9!important}.test-dashboard-wrapper ::-webkit-scrollbar{width:6px;height:6px}.test-dashboard-wrapper ::-webkit-scrollbar-track{background:0 0}.test-dashboard-wrapper ::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:10px}.test-dashboard-wrapper ::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.tc-actions .btn{box-shadow:none!important;transition:all .2s!important;transform:none!important}.tc-actions .btn:hover{scale:none!important;box-shadow:0 4px 5px #0000001a!important}.qe-list,.q-answers-list,.q-textarea{scrollbar-gutter:stable;overflow-y:auto}.test-content{flex-direction:column;display:flex;overflow-y:hidden!important}.test-content>div{flex:1;min-height:0}.test-creator{flex-direction:column;height:100%;display:flex}.tc-body{flex:1;min-height:0}.questions-editor-layout{height:100%}.qe-sidebar{flex-direction:column;height:100%;display:flex}.qe-list{flex:1;max-height:none!important;overflow-y:auto!important}.qe-main{scrollbar-gutter:stable;flex:1;height:100%;margin-right:-5px;padding-right:20px;overflow-y:auto!important}.test-taking-wrapper{align-items:flex-start;gap:20px;height:100%;padding-bottom:20px;display:flex}.tt-main{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex:1;min-height:500px;padding:30px;display:flex}.tt-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;display:flex}.tt-header h1{color:#0f172a;margin:0;font-size:24px}.tt-question-container{flex-direction:column;flex:1;gap:20px;display:flex}.tt-q-meta{align-items:center;gap:15px;display:flex}.tt-q-meta h3{color:#1e293b;margin:0;font-size:18px}.tt-q-type-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.tt-q-text{color:#1e293b;font-size:16px;line-height:1.6}.tt-options-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.tt-option{cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:12px;align-items:center;gap:15px;padding:15px 20px;transition:all .2s;display:flex}.tt-option:hover{background:#f1f5f9}.tt-option.selected{background:#f0f9ff;border-color:#3b82f6;gap:15px!important;padding:15px 20px!important}.tt-opt-box{background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tt-option.multiple-opt .tt-opt-box{border-radius:6px}.tt-option.selected .tt-opt-box{background:#3b82f6;border-color:#3b82f6}.tt-option.selected .tt-opt-box:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.tt-option.multiple-opt.selected .tt-opt-box:after{background:#fff;border-radius:0;width:10px;height:10px;-webkit-mask:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\"><polyline points=\"20 6 9 17 4 12\"/></svg>") 50%/cover;mask:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\"><polyline points=\"20 6 9 17 4 12\"/></svg>") 50%/cover}.tt-opt-text{color:#334155;flex:1;font-size:15px}.tt-actions{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:40px;padding-top:20px;display:flex}.tt-sidebar{flex-direction:column;gap:20px;width:320px;display:flex}.tt-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.tt-timer-box{justify-content:space-between;align-items:center;display:flex}.tt-timer-label{color:#1e293b;font-size:15px;font-weight:600}.tt-timer-value{color:#10b981;background:#f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:flex}.tt-timer-value.danger{color:#ef4444;background:#fef2f2}.tt-grid-header{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.tt-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.tt-grid-btn{aspect-ratio:1;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tt-grid-btn:hover{background:#f8fafc;border-color:#cbd5e1}.tt-grid-btn.answered{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.tt-grid-btn.current{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.test-results-wrapper{flex-direction:column;gap:30px;height:100%;padding-bottom:30px;padding-right:10px;display:flex;overflow:auto}.tr-header{justify-content:space-between;align-items:center;display:flex}.tr-title-area h2{color:#1e293b;margin:0;font-size:20px}.tr-title-area p{color:#64748b;margin:5px 0 0;font-size:14px}.tr-actions{gap:10px;display:flex}.tr-dashboard{gap:20px;display:flex}.tr-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;justify-content:space-between;padding:30px;display:flex}.tr-mc-content{flex:1}.tr-mc-content h3{color:#334155;margin:0 0 10px;font-size:16px}.tr-mc-content p{color:#64748b;max-width:400px;margin:0 0 20px;font-size:14px;line-height:1.5}.tr-stats-row{gap:40px;display:flex}.tr-stat-block{flex-direction:column;gap:5px;display:flex}.tr-stat-block span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.tr-stat-block strong{color:#1e293b;font-size:16px}.text-blue{color:#2563eb}.tr-mc-chart-area{flex-direction:column;align-items:center;gap:15px;display:flex}.circular-chart{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.circular-chart-inner{color:#1e293b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:18px;font-weight:700;display:flex}.tr-grade-badge{color:#16a34a;background:#dcfce7;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.tr-side-cards{flex-direction:column;gap:15px;width:250px;display:flex}.tr-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.tr-sc-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.correct-icon{color:#10b981;background:#dcfce7}.incorrect-icon{color:#ef4444;background:#fee2e2}.tr-sc-info{flex-direction:column;display:flex}.tr-sc-info strong{color:#1e293b;font-size:18px}.tr-sc-info span{color:#64748b;font-size:13px}.tr-details-header{color:#1e293b;align-items:center;gap:10px;margin-top:10px;font-size:16px;font-weight:600;display:flex}.tr-details-list{flex-direction:column;gap:20px;display:flex}.res-q-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:15px;padding:25px;display:flex}.res-q-header{align-items:center;gap:10px;display:flex}.res-q-badge{color:#4f46e5;background:#e0e7ff;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600}.res-q-category{color:#64748b;font-size:13px}.res-q-text{color:#1e293b;font-size:15px;line-height:1.6}.res-q-answers{flex-direction:column;gap:10px;display:flex}.res-ans-box{border:1px solid #0000;border-radius:10px;align-items:center;gap:15px;padding:12px 20px;display:flex}.res-ans-box.correct{background:#ecfdf5;border-color:#a7f3d0}.res-ans-box.correct .res-ans-icon{color:#10b981}.res-ans-box.incorrect{background:#fef2f2;border-color:#fecaca}.res-ans-box.incorrect .res-ans-icon{color:#ef4444}.res-ans-box.true-ans{background:#f0fdf4;border-color:#bbf7d0}.res-ans-box.true-ans .res-ans-icon{color:#22c55e}.res-ans-box.missed{color:#64748b;background:#f8fafc;border-color:#e2e8f0;justify-content:center;font-style:italic}.res-ans-icon{justify-content:center;align-items:center;display:flex}.res-ans-text{color:#334155;flex:1;font-size:14px}.res-ans-badge{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.res-ans-box.correct .res-ans-badge{color:#fff;background:#10b981}.res-ans-box.incorrect .res-ans-badge{color:#ef4444;background:#fee2e2}.res-ans-box.true-ans .res-ans-badge{color:#22c55e;font-weight:500}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0f172a99;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.custom-modal-overlay.active{opacity:1;pointer-events:auto}.custom-modal{background:#fff;border-radius:16px;flex-direction:column;width:400px;max-width:90%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(20px)scale(.95);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.custom-modal-overlay.active .custom-modal{transform:translateY(0)scale(1)}.custom-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.custom-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.close-modal-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;transition:color .2s}.close-modal-btn:hover{color:#0f172a}.custom-modal-body{padding:24px}.custom-modal-body p{color:#475569;margin:0 0 15px;font-size:14px;line-height:1.5}.custom-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 16px 16px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.completed-layout{align-items:flex-start;gap:24px;display:flex}.completed-stats-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:300px;display:flex}.css-title{color:#1e293b;margin:0 0 8px;font-size:16px;font-weight:700}.css-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex;box-shadow:0 1px 3px #00000005}.css-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.css-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.css-icon.blue{color:#3b82f6;background:#eff6ff}.css-icon.purple{color:#8b5cf6;background:#f5f3ff}.css-icon.green{color:#22c55e;background:#f0fdf4}.css-icon.red{color:#ef4444;background:#fef2f2}.css-info{flex-direction:column;gap:4px;display:flex}.css-info span{color:#64748b;font-size:13px;font-weight:600}.css-info strong{color:#0f172a;font-size:20px;font-weight:700;line-height:1}.completed-layout .qb-grid{flex:1}@media (width<=900px){.completed-layout{flex-direction:column}.completed-stats-sidebar{flex-flow:wrap;width:100%}.css-card{flex:calc(50% - 12px);min-width:200px}}.creator-results-wrapper{flex-direction:column;gap:20px;height:100%;display:flex;overflow:hidden}.cr-header{align-items:center;gap:20px;display:flex}.cr-header h2{color:#1e293b;margin:0;font-size:24px}.creator-results-layout{flex:1;grid-template-columns:2fr 1fr;gap:24px;min-height:0;display:grid}.results-table-container,.leaderboard-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;display:flex;overflow:hidden}.results-table-container h3,.leaderboard-panel h3{color:#0f172a;margin:0 0 20px;font-size:18px;font-weight:700}.results-list{scrollbar-gutter:stable;flex-direction:column;gap:12px;padding-right:10px;display:flex;overflow-y:auto}.result-list-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:15px;padding:16px;transition:all .2s;display:flex}.result-list-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.r-idx{color:#94a3b8;width:24px;font-weight:700}.r-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px}.r-user-info{flex-direction:column;flex:1;display:flex}.r-user-info h4{color:#1e293b;margin:0;font-size:15px}.r-date{color:#64748b;font-size:12px}.r-stats{gap:20px;display:flex}.r-stat-box{flex-direction:column;align-items:flex-end;display:flex}.r-label{text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:600}.r-val{color:#0f172a;font-size:16px;font-weight:700}.text-green{color:#10b981}.text-red{color:#ef4444}.lb-list{flex-direction:column;gap:16px;display:flex}.leaderboard-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:15px;padding:16px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.leaderboard-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}.leaderboard-item:before{content:"";width:6px;height:100%;position:absolute;top:0;left:0}.leaderboard-item:first-child:before{background:#fbbf24}.leaderboard-item:nth-child(2):before{background:#94a3b8}.leaderboard-item:nth-child(3):before{background:#cd7f32}.lb-rank{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.lb-avatar{object-fit:cover;border:3px solid #f8fafc;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 4px #0000001a}.lb-info{flex-direction:column;flex:1;display:flex}.lb-info h4{color:#0f172a;margin:0 0 2px;font-size:16px}.lb-info span{color:#64748b;font-size:13px;font-weight:500}@media (width<=1000px){.creator-results-layout{grid-template-columns:1fr}}.dash-an-trigger{color:#5b6ef5;cursor:pointer;background:#eef0fd;border:1.5px solid #dde1fb;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.dash-an-trigger:hover{background:#dde1fb;transform:translateY(-1px);box-shadow:0 4px 14px #5b6ef52e}.dash-an-trigger .dash-an-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite dashAnPulse}@keyframes dashAnPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.dash-an-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#1a1d2e6b;justify-content:center;align-items:flex-end;animation:.2s dashAnOverlayIn;display:flex;position:fixed;inset:0}@keyframes dashAnOverlayIn{0%{opacity:0}to{opacity:1}}.dash-an-panel{background:#f0f2f8;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:1060px;max-height:90vh;font-family:inherit;animation:.4s dashAnPanelIn;display:flex;overflow:hidden;box-shadow:0 -8px 40px #5b6ef51c,0 -1px #e2e8f0}@keyframes dashAnPanelIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dash-an-header{background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.dash-an-header-left{align-items:center;gap:13px;display:flex}.dash-an-header-icon{background:linear-gradient(135deg,#5b6ef5,#818cf8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #5b6ef547}.dash-an-title{color:#1a1d2e;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:800}.dash-an-sub{color:#8892a4;margin:2px 0 0;font-size:11px;font-weight:500}.dash-an-close{color:#8892a4;cursor:pointer;background:#f0f2f8;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.dash-an-close:hover{color:#1a1d2e;background:#e2e6f3;border-color:#c8cee0}.dash-an-body{flex-direction:column;flex:1;gap:18px;padding:22px 28px 30px;display:flex;overflow-y:auto}.dash-an-body::-webkit-scrollbar{width:4px}.dash-an-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:2px}.dash-an-section-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:-6px;font-size:10px;font-weight:800}.dash-an-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.dash-an-kpi{background:#fff;border:1.5px solid #e8eaf5;border-radius:15px;flex-direction:column;gap:7px;padding:16px 18px;transition:transform .18s,box-shadow .18s;animation:.38s both dashAnCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #5b6ef50d}.dash-an-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5b6ef51c}@keyframes dashAnCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-an-kpi:first-child{animation-delay:50ms}.dash-an-kpi:nth-child(2){animation-delay:.1s}.dash-an-kpi:nth-child(3){animation-delay:.15s}.dash-an-kpi:nth-child(4){animation-delay:.2s}.dash-an-kpi:before{content:"";border-radius:15px 15px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.dash-an-kpi--blue:before{background:linear-gradient(90deg,#5b6ef5,#818cf8)}.dash-an-kpi--green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.dash-an-kpi--amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dash-an-kpi--violet:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.dash-an-kpi-icon{font-size:18px;line-height:1}.dash-an-kpi-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.dash-an-kpi-val{color:#1a1d2e;letter-spacing:-.8px;font-size:28px;font-weight:900;line-height:1}.dash-an-kpi-sub{color:#b0b8cc;font-size:10px;font-weight:500}.dash-an-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dash-an-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.dash-an-card{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;padding:18px 20px;animation:.42s .2s both dashAnCardIn;box-shadow:0 2px 8px #5b6ef50b}.dash-an-card-title{color:#1a1d2e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.dash-an-card-badge{color:#b0b8cc;background:#f0f2f8;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.dash-an-test-list{flex-direction:column;gap:0;display:flex}.dash-an-test-row{border-bottom:1px solid #f5f6fb;align-items:center;gap:11px;padding:10px 0;animation:.38s both dashAnCardIn;display:flex}.dash-an-test-row:last-child{border-bottom:none}.dash-an-test-row:first-child{animation-delay:.24s}.dash-an-test-row:nth-child(2){animation-delay:.28s}.dash-an-test-row:nth-child(3){animation-delay:.32s}.dash-an-test-row:nth-child(4){animation-delay:.36s}.dash-an-test-row:nth-child(5){animation-delay:.4s}.dash-an-test-icon{background:#eef0fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.dash-an-test-info{flex:1;min-width:0}.dash-an-test-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.dash-an-test-sub{color:#b0b8cc;align-items:center;gap:6px;margin-top:1px;font-size:10px;display:flex}.dash-an-test-status{border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.dash-an-test-status--active{color:#16a34a;background:#dcfce7}.dash-an-test-status--draft{color:#d97706;background:#fef3c7}.dash-an-test-qcount{color:#5b6ef5;text-align:right;flex-shrink:0;min-width:28px;font-size:11px;font-weight:800}.dash-an-lb-list{flex-direction:column;gap:0;display:flex}.dash-an-lb-row{border-bottom:1px solid #f5f6fb;align-items:center;gap:10px;padding:10px 0;animation:.38s both dashAnCardIn;display:flex}.dash-an-lb-row:last-child{border-bottom:none}.dash-an-lb-row:first-child{animation-delay:.26s}.dash-an-lb-row:nth-child(2){animation-delay:.3s}.dash-an-lb-row:nth-child(3){animation-delay:.34s}.dash-an-lb-row:nth-child(4){animation-delay:.38s}.dash-an-lb-row:nth-child(5){animation-delay:.42s}.dash-an-lb-rank{color:#5a6279;background:#f0f2f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.dash-an-lb-rank--1{color:#d97706;background:#fef3c7}.dash-an-lb-rank--2{color:#64748b;background:#f1f5f9}.dash-an-lb-rank--3{color:#7c3aed;background:#fdf4ff}.dash-an-lb-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.dash-an-lb-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}.dash-an-lb-score{color:#22c55e;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:800}.dash-an-score-bars{flex-direction:column;gap:11px;display:flex}.dash-an-score-row{flex-direction:column;gap:4px;animation:.38s both dashAnCardIn;display:flex}.dash-an-score-row:first-child{animation-delay:.22s}.dash-an-score-row:nth-child(2){animation-delay:.26s}.dash-an-score-row:nth-child(3){animation-delay:.3s}.dash-an-score-row:nth-child(4){animation-delay:.34s}.dash-an-score-row:nth-child(5){animation-delay:.38s}.dash-an-score-top{justify-content:space-between;align-items:center;display:flex}.dash-an-score-name{color:#5a6279;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:600;overflow:hidden}.dash-an-score-val{color:#5b6ef5;font-size:11px;font-weight:800}.dash-an-score-track{background:#f0f2f8;border-radius:3px;height:5px;overflow:hidden}.dash-an-score-fill{background:linear-gradient(90deg,#5b6ef5,#818cf8);border-radius:3px;height:100%;transition:width .85s cubic-bezier(.34,1.56,.64,1)}.dash-an-donut-wrap{align-items:center;gap:20px;display:flex}.dash-an-donut-svg-wrap{flex-shrink:0;width:110px;height:110px;position:relative}.dash-an-donut-svg{transform:rotate(-90deg)}.dash-an-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-an-donut-center-num{color:#1a1d2e;letter-spacing:-.5px;font-size:22px;font-weight:900;line-height:1}.dash-an-donut-center-lbl{color:#b0b8cc;text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:700}.dash-an-donut-legend{flex-direction:column;flex:1;gap:9px;display:flex}.dash-an-donut-legend-item{color:#5a6279;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.dash-an-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-an-legend-val{color:#1a1d2e;margin-left:auto;font-size:12px;font-weight:800}.dash-an-strip{background:#5b6ef50f;border:1.5px solid #e8eaf5;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.dash-an-strip-item{background:#fff;align-items:center;gap:12px;padding:15px 18px;transition:background .15s;animation:.4s both dashAnCardIn;display:flex}.dash-an-strip-item:hover{background:#f8f9ff}.dash-an-strip-item:first-child{animation-delay:.32s}.dash-an-strip-item:nth-child(2){animation-delay:.36s}.dash-an-strip-item:nth-child(3){animation-delay:.4s}.dash-an-strip-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.dash-an-strip-info{flex:1}.dash-an-strip-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;font-weight:700}.dash-an-strip-val{color:#1a1d2e;letter-spacing:-.4px;font-size:20px;font-weight:900;line-height:1}.dash-an-strip-sub{color:#b0b8cc;margin-top:2px;font-size:10px}.dash-an-footer{background:#fff;border-top:1.5px solid #e8eaf5;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.dash-an-footer-text{color:#c0c7d4;font-size:10px;font-weight:600}.dash-an-footer-stats{gap:6px;display:flex}.dash-an-footer-badge{color:#8892a4;background:#f0f2f8;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.employees-page{background-color:#f0f2f8;border-radius:12px;flex-direction:column;gap:0;width:100%;height:100%;padding:24px 28px;display:flex;overflow-y:auto}.employees-page::-webkit-scrollbar{width:6px}.employees-page::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:10px}.employees-page::-webkit-scrollbar-track{background:0 0}.employees-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.employees-header-right{align-items:center;gap:12px;display:flex}.employees-header h2{color:var(--text-main,#1a1d2e);letter-spacing:-.5px;font-size:22px;font-weight:800}#employees-list{flex-direction:column;gap:14px;display:flex}.employee-card{cursor:default;background:#fff;border:1.5px solid #eef0f8;border-radius:18px;align-items:stretch;padding:0;transition:box-shadow .22s,transform .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.employee-card:hover{border-color:#d4d8f8;transform:translateY(-2px);box-shadow:0 8px 32px #5b6ef51a}.employee-card:before{content:"";opacity:0;background:linear-gradient(#5b6ef5,#7c3aed);border-radius:4px 0 0 4px;width:4px;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0}.employee-card:hover:before{opacity:1}.employee-card-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 24px;display:flex}.employee-box{flex-shrink:0;align-items:center;gap:16px;min-width:220px;display:flex}.emp-avatar-wrap{flex-shrink:0;position:relative}.emp-avatar-wrap img{object-fit:cover;border:2.5px solid #e8eaf8;border-radius:50%;width:52px;height:52px;transition:border-color .2s;display:block}.employee-card:hover .emp-avatar-wrap img{border-color:#5b6ef5}.emp-avatar-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:2px}.name-email-box{flex-direction:column;gap:3px;min-width:0;display:flex}.username{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.useremail{color:#8892a4;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.user-main-info{flex:1;align-items:center;gap:10px;display:flex}.info-chip{background:#f6f7fd;border:1px solid #eaecf8;border-radius:10px;flex-direction:column;gap:2px;min-width:80px;padding:8px 14px;display:flex}.info-chip-label{color:#a0aab8;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.info-chip-value{color:#1a1d2e;font-size:13.5px;font-weight:700}.info-chip--position{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd}.info-chip--position .info-chip-value{color:#6d28d9}.employee-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.emp-action-btn{color:#8892c8;cursor:pointer;background:#f6f7fd;border:1.5px solid #eaecf8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .18s;display:flex}.emp-action-btn:hover{transform:translateY(-1px)}.emp-action-btn--edit:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd;box-shadow:0 4px 12px #2563eb26}.emp-action-btn--delete:hover{color:#dc2626;background:#fff5f5;border-color:#fca5a5;box-shadow:0 4px 12px #dc262626}.emp-action-btn--perm:hover{color:#7c3aed;background:#faf5ff;border-color:#c4b5fd;box-shadow:0 4px 12px #7c3aed26}.employee-actions .emp-perm-btn{color:#8892c8!important;text-align:center!important;background:#f6f7fd!important;border:1.5px solid #eaecf8!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:0!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;font-size:0!important;transition:all .18s!important;display:flex!important}.employee-actions .emp-perm-btn svg{width:15px;height:15px}.employee-actions .emp-perm-btn:hover{color:#7c3aed!important;background:#faf5ff!important;border-color:#c4b5fd!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #7c3aed26!important}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f11238c;justify-content:center;align-items:center;animation:.2s empOverlayIn;display:none;position:fixed;inset:0}@keyframes empOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:28px;flex-direction:column;width:920px;max-width:95vw;height:85vh;padding:0;animation:.3s cubic-bezier(.34,1.56,.64,1) empModalIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000040}@keyframes empModalIn{0%{opacity:0;transform:scale(.93)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:24px 36px;display:flex}.modal-header h3{color:#1a1d2e;margin:0;font-size:22px;font-weight:800}.modal-layout{background:#f8f9fe;flex:1;display:flex;overflow:hidden}.modal-aside{background:#fff;border-right:1px solid #f0f2f5;flex-direction:column;align-items:center;gap:20px;width:300px;padding:32px;display:flex}.modal-main{scrollbar-width:none;flex:1;padding:32px 40px;overflow-y:auto}.modal-main::-webkit-scrollbar{display:none}.modal-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#8892a4;padding-left:4px;font-size:13px;font-weight:700}.modal-body input,.modal-body select{color:#1a1d2e;box-sizing:border-box;background:#f9faff;border:1.5px solid #e2e6f5;border-radius:11px;outline:none;width:100%;margin-top:10px;padding:10px 13px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.modal-body input:focus,.modal-body select:focus{background:#fff;border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:12px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s}.btn-save{color:#fff;background:linear-gradient(135deg,#5b6ef5,#7c3aed);box-shadow:0 4px 14px #5b6ef54d}.btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5b6ef566}.btn-cancel{color:#5a6279!important;background:#f0f2f8!important}.btn-cancel:hover{background:#e2e6f3!important}.skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#e6edf5 50%,#f0f2f5 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{border-radius:50%;width:100px;height:100px}.skeleton-text{width:140px;height:16px;margin-bottom:8px}.skeleton-input{border-radius:12px;width:100%;height:44px}.modal-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#ffffffb3;border-radius:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3.5px solid #e6edf5;border-top-color:#5b6ef5;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.image-loading{filter:blur(5px);opacity:.6}.image-loaded{filter:blur();opacity:1;transition:filter .3s,opacity .3s}.avatar-upload-wrapper{flex-direction:column;align-items:center;margin:16px 0;display:flex}.avatar-preview{border:3px solid #5b6ef5;border-radius:50%;width:80px;height:80px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 16px #5b6ef533}.avatar-preview img{object-fit:cover;width:100%;height:100%}.upload-label{color:#5b6ef5;cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline;transition:color .15s}.upload-label:hover{color:#4a5de4}.modal-content.delete-modal{text-align:center;width:100%;max-width:400px;height:auto;padding:32px 24px}.todo-del-icon-wrap{color:#ef4444;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.todo-del-desc{color:#8892a4;margin:0 0 20px;font-size:13px;line-height:1.5}.delete-modal-actions{justify-content:center;gap:12px;display:flex}.btn-delete-confirm{box-shadow:0 4px 14px #dc26264d;color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}.btn-delete-confirm:hover{transform:translateY(-1px)}.btn-save.loading,.btn-delete-confirm.loading{pointer-events:none;opacity:.8;position:relative;color:#0000!important}.btn-save.loading:after,.btn-delete-confirm.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;animation:.6s linear infinite emp-btn-spin;position:absolute;top:50%;left:50%}@keyframes emp-btn-spin{to{transform:rotate(360deg)}}.pagination{justify-content:flex-end;gap:6px;margin-top:auto;padding-top:24px;display:flex}.pagination button{color:#5a6279;cursor:pointer;background:#fff;border:1.5px solid #e8eaf8;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pagination button:hover{color:#5b6ef5;border-color:#5b6ef5}.pagination button.active{color:#fff;background:#5b6ef5;border-color:#5b6ef5;box-shadow:0 4px 12px #5b6ef54d}.pagination button:disabled{opacity:.35;pointer-events:none}.rows-per-page-container{position:relative}.rows-selector-btn{cursor:pointer;color:#1a1d2e;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:145px;height:44px;padding:0 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.rows-selector-btn:hover{background:#f8fafc;border-color:#cbd5e1}.rows-selector-btn .chevron{color:#8892a4;transition:transform .2s}.rows-dropdown{z-index:1001;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;width:80px;animation:.2s ease-out empSlideDown;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}@keyframes empSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rows-option{color:#1a1d2e;cursor:pointer;text-align:center;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.rows-option.active{color:#5b6ef5;background:#ebf3ff}.error-input{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}@keyframes permOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes permModalIn{0%{opacity:0;transform:scale(.93)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.perm-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:3000;background:#1a1d2e80;justify-content:center;align-items:center;padding:20px;animation:.18s permOverlayIn;display:flex;position:fixed;inset:0}.perm-modal{background:#fff;border-radius:22px;flex-direction:column;width:100%;max-width:700px;max-height:95%;font-family:inherit;animation:.26s cubic-bezier(.34,1.56,.64,1) permModalIn;display:flex;overflow:hidden;box-shadow:0 28px 72px #0000002e}.perm-header{background:linear-gradient(135deg,#5b6ef5,#7c3aed);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 26px 16px;display:flex;position:relative;overflow:hidden}.perm-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 18px,#ffffff08 18px 19px);position:absolute;inset:0}.perm-header-left{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.perm-header-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #fff3;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.perm-header-title{color:#fff;letter-spacing:-.2px;font-size:16px;font-weight:800}.perm-header-sub{color:#fff9;margin-top:2px;font-size:11px}.perm-close{color:#fffc;cursor:pointer;z-index:1;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex;position:relative}.perm-close:hover{color:#fff;background:#ffffff38}.perm-body{background:#f8f9ff;flex-direction:column;flex:1;gap:20px;padding:22px 26px;display:flex;overflow-y:auto}.perm-body::-webkit-scrollbar{width:4px}.perm-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:2px}.perm-section{flex-direction:column;gap:10px;display:flex}.perm-section-label{color:#8892a4;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;padding:0 2px;font-size:11px;font-weight:800;display:flex}.perm-items{flex-direction:column;gap:6px;display:flex}.perm-item{-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e8eaf5;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;transition:all .18s;display:flex}.perm-item--on{border-color:#e8eaf5}.perm-item--off{background:#fff8f8;border-color:#fecaca}.perm-item--off:hover{border-color:#fca5a5}.perm-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.perm-item-label{color:#1a1d2e;font-size:13px;font-weight:600;line-height:1.3}.perm-item-badge{border-radius:20px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700;transition:all .18s}.badge--on{color:#16a34a;background:#dcfce7}.badge--off{color:#dc2626;background:#fee2e2}.perm-item-right{flex-shrink:0;align-items:center;gap:7px;display:flex}.perm-sub-count{color:#0000;pointer-events:none;background:0 0;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.perm-sub-count--active{color:#dc2626;background:#fee2e2;border:1.5px solid #fca5a5;animation:.28s cubic-bezier(.34,1.56,.64,1) badgePop}.perm-chevron-btn{color:#8892c8;cursor:pointer;background:#f4f5fd;border:1.5px solid #e2e6f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .16s;display:flex}.perm-chevron-btn:hover{color:#5b6ef5;background:#eaecfb;border-color:#b8bef0}.perm-chevron-icon{transition:transform .24s cubic-bezier(.4,0,.2,1)}.perm-chevron-btn--open .perm-chevron-icon{transform:rotate(90deg)}.perm-toggle{cursor:pointer;background:#e2e8f0;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .22s;position:relative}.perm-toggle--on{background:#5b6ef5}.perm-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.perm-toggle--on .perm-toggle-thumb{transform:translate(18px)}.perm-item-group{flex-direction:column;gap:0;display:flex}.perm-sub-panel{opacity:0;max-height:0;margin-top:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s,margin-top .22s;overflow:hidden}.perm-sub-panel--open{opacity:1;max-height:500px;margin-top:4px}.perm-sub-items{border-left:2px solid #dde2f8;flex-direction:column;gap:5px;margin-left:12px;padding-top:2px;padding-bottom:2px;padding-left:14px;display:flex}.perm-item--sub{background:#fcfcff;border-radius:10px;padding:10px 12px}.perm-item--sub .perm-item-label{color:#2d3150;font-size:12.5px}.perm-footer{background:#fff;border-top:1.5px solid #e8eaf5;flex-shrink:0;gap:10px;padding:14px 26px 18px;display:flex}.perm-btn-cancel{color:#5a6279;cursor:pointer;background:#f0f2f8;border:none;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.perm-btn-cancel:hover{background:#e2e6f3}.perm-btn-save{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #5b6ef547}.perm-btn-save:hover{background:#4a5de4;transform:translateY(-1px)}.emp-perm-btn{text-align:left;cursor:pointer;color:#5b6ef5;background:0 0;border:none;border-radius:0;align-items:center;gap:9px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .13s;display:flex}.emp-perm-btn:hover{background:#eef0fd}.perm-btn-save--loading{pointer-events:none;opacity:.8;position:relative;color:#0000!important}.perm-btn-save--loading:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite permBtnSpin;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}@keyframes permBtnSpin{to{transform:rotate(360deg)}}.biz-container{gap:20px;width:100%;height:100%;display:flex}.biz-root{box-sizing:border-box;color:#1a1d2e;background:#f0f2f8;border-radius:12px;flex-direction:column;width:82%;height:100%;min-height:0;padding:28px 32px;transition:width .25s;display:flex;overflow:hidden}.biz-root.full-width{width:100%}.biz-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.biz-greeting{color:#8892a4;margin:0 0 2px;font-size:13px}.biz-welcome{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.biz-search{background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:200px;padding:9px 16px;display:flex;box-shadow:0 2px 10px #0000000f}.biz-search input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.biz-stats-row{gap:14px;width:100%;display:flex}.biz-stats-col{background-color:#f0f2f8;border-radius:16px;flex-direction:column;gap:14px;width:100%;height:auto;padding:20px;display:flex}.biz-stat-card{background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s;display:flex;box-shadow:0 2px 10px #0000000d}.biz-stat-card:hover{transform:translateY(-2px)}.biz-stat-accent{background:linear-gradient(135deg,#5b6ef5,#7c3aed)}.biz-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.waiting-icon{color:#f59e0b;background:#fff3e0}.paid-icon{color:#22c55e;background:#e8f5e9}.clients-icon{color:#5b6ef5;background:#e8eeff}.account-icon{color:#fff;background:#fff3}.biz-stat-label{color:#8892a4;text-transform:uppercase;letter-spacing:.4px;margin:0 0 2px;font-size:11px;font-weight:600}.biz-stat-value{color:#1a1d2e;margin:0;font-size:19px;font-weight:800}#view-dashboard{flex-direction:column;flex:1;gap:20px;width:100%;min-height:0;display:flex}#docs-mini{flex:1;padding-right:4px;overflow-y:auto}#docs-mini::-webkit-scrollbar{width:6px}#docs-mini::-webkit-scrollbar-track{background:0 0}#docs-mini::-webkit-scrollbar-thumb{background:#d0d6e8;border-radius:10px}#docs-mini::-webkit-scrollbar-thumb:hover{background:#aab4d3}.biz-dash-right{flex-direction:column;flex:0 0 340px;gap:20px;width:340px;min-width:0;transition:all .25s;display:flex}#view-clients,#view-docs{flex:1;min-height:0}#view-clients .biz-card,#view-docs .biz-card{flex-direction:column;height:100%;display:flex}.biz-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 14px #0000000f}.biz-card-head{border-bottom:1px solid #f0f2fa;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.biz-card-head h3{margin:0;font-size:15px;font-weight:700}.biz-link-btn{color:#5b6ef5;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.biz-link-btn:hover{text-decoration:underline}.biz-back-btn{color:#5a6279;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 13px;font-size:13px;font-weight:600}.biz-back-btn:hover{background:#f8faff}.biz-mini-row{border-bottom:1px solid #f8fafc;align-items:center;padding:11px 20px;transition:background .15s;display:flex}.biz-mini-row:hover{background:#fafbff}.biz-mini-row:last-child{border-bottom:none}.biz-doc-mini-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:11px 20px;transition:background .15s;display:flex}.biz-doc-mini-row:hover{background:#fafbff}.biz-doc-mini-row:last-child{border-bottom:none}.biz-doc-mini-icon{font-size:18px}.biz-full-table-header{color:#8892a4;text-transform:uppercase;letter-spacing:.45px;background:#f8faff;border-bottom:1px solid #eef0f8;flex-shrink:0;gap:8px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.clients-cols{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr) 70px}.docs-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,.5fr)}.mini-table-header{padding:8px 16px!important;font-size:10px!important}.mini-table-row .mini-table-grid{gap:8px!important;padding:8px 16px!important}.biz-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.biz-status-success{color:#16a34a;background:#dcfce7}.biz-status-pending{color:#f59e0b;background:#fff3e0}.biz-status-failed{color:#ef4444;background:#fee2e2}.biz-row{border-bottom:1px solid #f1f3fa;align-items:center;gap:8px;padding:12px 20px;transition:background .15s;display:grid}.biz-row:hover{background:#fafbff}.biz-user-cell{align-items:center;gap:9px;display:flex}.biz-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.biz-user-name{color:#1a1d2e;margin:0;font-size:13px;font-weight:600}.biz-user-phone{color:#8892a4;margin:0;font-size:11px}.biz-cell{color:#1a1d2e;font-size:13px}.biz-small{color:#5a6279;font-size:11px;line-height:1.4}.biz-doc-num{color:#5b6ef5;font-size:12px;font-weight:700}.biz-badge-waiting{color:#f59e0b;white-space:nowrap;background:#fff3e0;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.biz-badge-paid{color:#22c55e;white-space:nowrap;background:#e8f5e9;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.biz-badge-incoming{color:#5b6ef5;white-space:nowrap;background:#e8eeff;border-radius:20px;width:max-content;padding:3px 8px;font-size:10px;font-weight:700}.biz-badge-pending{color:#ef4444;white-space:nowrap;background:#fee2e2;border-radius:20px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700}.biz-badge-confirmed{color:#22c55e;white-space:nowrap;background:#e8f5e9;border-radius:20px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700}.biz-row-actions{align-items:center;gap:5px;display:flex}.biz-icon-btn{cursor:pointer;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;transition:opacity .15s;display:flex}.biz-icon-btn.edit-cl{color:#5b6ef5;background:#e8eeff}.biz-icon-btn.del-cl{color:#ef4444;background:#fee2e2}.biz-icon-btn:hover{opacity:.75}.biz-desc-cell{flex-direction:column;gap:4px;display:flex}.biz-doc-row-wrap{transition:background .15s}.biz-doc-row-wrap:hover{background:#fafbff}.biz-doc-row-wrap.expanded{background:#f8faff}.biz-doc-expanded{background:#f8faff;border-top:2px solid #eef0f8;border-radius:0 0 14px 14px;padding:0 50px;animation:.2s expandIn;overflow:hidden;background-color:#fff!important}@keyframes expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.biz-exp-table-header{color:#ffffffe6;text-transform:uppercase;letter-spacing:.45px;background:linear-gradient(90deg,#5b6ef5,#7c3aed);grid-template-columns:40px 1fr 120px 120px;gap:8px;padding:9px 20px;font-size:11px;font-weight:700;display:grid}.biz-exp-table-row{background:#fff;border-bottom:1px solid #f1f3fa;grid-template-columns:40px 1fr 120px 120px;align-items:center;gap:8px;padding:13px 20px;display:grid}.biz-exp-lp-badge{color:#5b6ef5;background:#eef0fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.biz-exp-desc-val{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.biz-exp-method-val{color:#5a6279;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.biz-exp-method-icon{font-size:14px}.biz-exp-amount-val{text-align:right;font-size:14px;font-weight:800}.biz-exp-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.biz-exp-val{color:#1a1d2e;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.biz-exp-date-badge,.biz-exp-time-badge{color:#5b6ef5;background:#eef0fd;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.biz-exp-recipient{align-items:center;gap:6px;display:flex}.biz-exp-recipient .biz-exp-val{font-size:13px;font-weight:600}.biz-exp-total-val{font-size:18px;font-weight:800}.biz-doc-filters{border-bottom:1px solid #f1f3fa;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;display:flex}.biz-filter-select{color:#1a1d2e;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;padding:8px 12px;font-size:13px}.biz-filter-select:focus{border-color:#5b6ef5}.biz-custom-select{-webkit-user-select:none;user-select:none;font-family:inherit;position:relative}.biz-select-trigger{cursor:pointer;color:#1a1d2e;background-color:#f0f2f8;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.biz-select-trigger:hover{background-color:#e2e8f0}.biz-select-trigger svg{color:#8892a4;transition:transform .3s cubic-bezier(.4,0,.2,1)}.biz-custom-select.open .biz-select-trigger svg{transform:rotate(180deg)}.biz-custom-select.open .biz-select-trigger{background-color:#e2e8f0}.biz-select-options{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-width:140px;margin:0;padding:8px;transition:all .2s ease-out;position:absolute;top:calc(100% + 5px);right:0;transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.biz-custom-select.open .biz-select-options{opacity:1;visibility:visible;transform:translateY(0)}.biz-option{cursor:pointer;color:#1a1d2e;white-space:nowrap;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.biz-custom-select.drop-up .biz-select-options{top:auto;bottom:calc(100% + 5px);transform:translateY(10px)}.biz-custom-select.drop-up.open .biz-select-options{transform:translateY(0)}.biz-option:hover{color:#1a1d2e;background:#f0f0f0}.biz-option.biz-selected{color:#5b6ef5;background:#eef0fd}.biz-pagination{color:#8892a4;border-top:1px solid #f1f3fa;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex}.biz-page-btns{align-items:center;gap:4px;display:flex}.biz-page-btns button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:15px;display:flex}.biz-page-btns span{color:#fff;background:#5b6ef5;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:flex}#accounts-list{flex-direction:column;flex:1;padding:14px 16px;display:flex;overflow:hidden}.biz-carousel-viewport{border-radius:16px;position:relative;overflow:hidden}.biz-carousel-track{transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex}.biz-carousel-slide{box-sizing:border-box;flex:0 0 100%;padding:0 6px}.biz-carousel-del{color:#ef4444;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;right:50px}.biz-carousel-del:hover{background:#fecaca}.biz-carousel-controls{justify-content:center;align-items:center;gap:14px;padding:16px 0 4px;display:flex;position:relative}.biz-carousel-arrow{color:#64748b;cursor:pointer;background:#f1f3fa;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.biz-carousel-arrow:hover:not(:disabled){color:#1a1d2e;background:#e2e8f0}.biz-carousel-arrow:disabled{opacity:.35;cursor:not-allowed}.biz-carousel-dots{align-items:center;gap:6px;display:flex}.biz-carousel-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;transition:all .35s}.biz-carousel-dot.active{background:#5b6ef5;border-radius:4px;width:20px}.biz-acc-card{border-radius:16px;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;display:flex;position:relative;overflow:hidden}#all-cards-details-panel .biz-acc-card{align-self:center;width:80%}.card-grad{color:#fff;background:linear-gradient(135deg,#5b6ef5,#7c3aed)}.bank-grad{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a5f)}.biz-acc-top{align-items:center;gap:7px;display:flex}.biz-acc-badge{background:#fff3;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.biz-acc-num{letter-spacing:2px;opacity:.9;margin:6px 0 2px;font-size:13px;font-weight:600}.biz-acc-holder{opacity:.65;text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:11px}.biz-acc-foot{justify-content:space-between;align-items:flex-end;margin-top:10px;display:flex}.biz-acc-bal-label{opacity:.65;text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:10px}.biz-acc-bal{margin:2px 0 0;font-size:20px;font-weight:800}.biz-acc-del{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:10px;right:10px}.biz-acc-del:hover{background:#ef444480}.biz-btn-primary{color:#5b6ef5;cursor:pointer;background:#eef0fd;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.biz-btn-primary:hover{background:#e2e6f3;transform:translateY(-1px)}.biz-btn-secondary{color:#5a6279;cursor:pointer;background:#f1f3fa;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.biz-btn-secondary:hover{background:#e2e6f3}.biz-btn-sm{color:#5b6ef5;cursor:pointer;background:#eef0fd;border:none;border-radius:8px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:700}.biz-btn-sm:hover{background:#dde1fb}.biz-empty{text-align:center;color:#8892a4;margin:0;padding:28px 20px;font-size:13px}.biz-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f122e6b;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.biz-overlay:has(.biz-modal){justify-content:center;align-items:center}.pmt-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:900px;padding:32px 36px;transition:max-width .4s cubic-bezier(.34,1.56,.64,1);animation:.3s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex;box-shadow:0 25px 60px #0b143233}.pmt-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pmt-modal-header h2{color:#1a1d2e;margin:0;font-size:24px;font-weight:800}.biz-close-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.biz-close-btn:hover{background:#fecaca;transform:scale(1.05)}.biz-back-icon-btn{color:#5a6279;cursor:pointer;opacity:0;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:0;height:32px;margin-right:-12px;padding:0;transition:all .3s;display:flex;overflow:hidden;transform:translate(10px)}.biz-back-icon-btn.visible{opacity:1;border:1px solid #e2e8f0;width:32px;margin-right:0;transform:translate(0)}.biz-back-icon-btn:hover{color:#1a1d2e;background:#f8faff}.pmt-step{flex-direction:column;animation:.2s forwards fadeInStep;display:flex}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pmt-step-desc{color:#5a6279;margin:0 0 16px;font-size:14px;font-weight:600}.pmt-search-tabs{background:#f1f3fa;border-radius:12px;margin-bottom:16px;padding:4px;display:flex}.pmt-tab{color:#5a6279;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:13px;font-weight:600;transition:all .2s}.pmt-tab.active{color:#1a1d2e;background:#fff;box-shadow:0 2px 8px #0000000d}.pmt-input-group{gap:12px;display:flex}.pmt-search-input{border-radius:12px;flex:1;padding:14px 18px;font-size:15px}.pmt-spinner{border:3px solid #eef0fd;border-top-color:#5b6ef5;border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.8s linear infinite spin-simple}.pmt-spinner-small{box-sizing:border-box;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-simple}@keyframes spin-simple{to{transform:rotate(360deg)}}.pmt-methods-grid{grid-template-columns:1fr;grid-auto-rows:max-content;gap:12px;min-height:240px;max-height:240px;padding-right:6px;display:grid;overflow-y:auto}.pmt-methods-grid::-webkit-scrollbar{width:6px}.pmt-methods-grid::-webkit-scrollbar-track{background:0 0}.pmt-methods-grid::-webkit-scrollbar-thumb{background:#d0d6e8;border-radius:10px}.pmt-methods-grid::-webkit-scrollbar-thumb:hover{background:#aab4d3}#all-cards-inspector::-webkit-scrollbar{width:14px}#all-cards-grid-container::-webkit-scrollbar{width:14px}#all-cards-inspector::-webkit-scrollbar-track{background:0 0;margin-top:24px;margin-bottom:24px}#all-cards-grid-container::-webkit-scrollbar-track{background:0 0;margin-top:24px;margin-bottom:24px}#all-cards-inspector::-webkit-scrollbar-thumb{background:#d0d6e8 padding-box padding-box;border:4px solid #eef0fd;border-radius:10px}#all-cards-grid-container::-webkit-scrollbar-thumb{background:#d0d6e8 padding-box padding-box;border:4px solid #eef0fd;border-radius:10px}#all-cards-inspector::-webkit-scrollbar-thumb:hover{background:#aab4d3 padding-box padding-box;border:4px solid #eef0fd}#all-cards-grid-container::-webkit-scrollbar-thumb:hover{background:#aab4d3 padding-box padding-box;border:4px solid #eef0fd}.pmt-method-card{cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex}.pmt-method-card:hover{border-color:#c4ccdf;box-shadow:0 4px 12px #00000008}.pmt-method-card.selected{box-sizing:border-box;background:#f4f6ff;border:2px solid #5b6ef5;gap:16px;padding:14px 18px;box-shadow:0 4px 16px #5b6ef51f}#pmt-close{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}#pmt-close:hover{color:#b91c1c;background:#fca5a5}.pmt-method-icon{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 2px 8px #0000000f}.pmt-method-card.selected .pmt-method-icon{color:#fff;background:#5b6ef5}.pmt-method-info{flex:1}.pmt-method-name{color:#1a1d2e;margin:0 0 4px;font-size:14px;font-weight:700}.pmt-method-sub{color:#8892a4;margin:0;font-size:12px}.pmt-user-card{background:#f4f6fb;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex}.pmt-user-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:flex}.pmt-amount-box{background:#f4f6fb;border:2px solid #0000;border-radius:16px;align-items:center;padding:12px 20px;transition:all .2s;display:flex}.pmt-amount-box:focus-within{background:#fff;border-color:#5b6ef5;box-shadow:0 4px 16px #5b6ef51a}.pmt-currency{color:#1a1d2e;margin-right:8px;font-size:28px;font-weight:800}.pmt-amount-input{color:#1a1d2e;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:32px;font-weight:800}.pmt-amount-input::placeholder{color:#c4ccdf}.pmt-split-view{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;display:grid;position:relative}.pmt-split-view:after{content:"";border-left:1px dashed #cbd5e1;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pmt-split-col{flex-direction:column;gap:16px;display:flex}.pmt-users-list{flex-direction:column;gap:8px;max-height:300px;margin-top:16px;padding-right:6px;display:flex;overflow-y:auto}.pmt-users-list::-webkit-scrollbar{width:6px}.pmt-users-list::-webkit-scrollbar-track{background:0 0}.pmt-users-list::-webkit-scrollbar-thumb{background:#d0d6e8;border-radius:10px}.pmt-users-list::-webkit-scrollbar-thumb:hover{background:#aab4d3}.pmt-user-row{cursor:pointer;background:#f8faff;border:1px solid #eef0f8;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.pmt-user-row:hover{background:#fff;border-color:#5b6ef5;box-shadow:0 4px 12px #5b6ef51a}.pmt-user-row-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.pmt-user-row-info{flex:1}.pmt-user-row-name{color:#1a1d2e;margin:0 0 2px;font-size:14px;font-weight:700}.pmt-user-row-phone{color:#8892a4;margin:0;font-size:12px}.pmt-pagination-bar{border-top:1px solid #f1f3fa;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.pmt-page-size-wrap{color:#5a6279;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pmt-page-size-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:12px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (width<=768px){.pmt-split-view{grid-template-columns:1fr;gap:20px}.pmt-split-view:after{display:none}}.pmt-sms-icon{background:linear-gradient(135deg,#5b6ef5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex;box-shadow:0 8px 24px #5b6ef559}.pmt-success-circle{justify-content:center;margin-bottom:16px;display:flex}.biz-label{color:#8892a4;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.biz-input{box-sizing:border-box;color:#1a1d2e;resize:none;background-color:#f0f2f8;border:1.5px solid #0000;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.biz-input:focus{background-color:#fff;border-color:#5b6ef5}.biz-error{color:#ef4444;min-height:16px;margin:0;font-size:12px;font-weight:600}.biz-modal{background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:28px 26px;animation:.22s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex;box-shadow:0 20px 60px #0000002e}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.biz-modal h3{margin:0;font-size:17px;font-weight:800}@media (width<=1024px){.biz-dash-grid{grid-template-columns:1fr}.biz-dash-right{flex:auto;order:-1;width:100%}#accounts-list{flex-flow:wrap}.biz-acc-card{flex:1;min-width:240px}}@media (width<=800px){.biz-stats-row{grid-template-columns:repeat(2,1fr)}.docs-cols{grid-template-columns:1fr 1fr 80px 70px}.biz-exp-table-header,.biz-exp-table-row{grid-template-columns:30px 1fr 80px}.biz-exp-table-header span:last-child,.biz-exp-table-row span:last-child{display:none}.biz-exp-footer{grid-template-columns:repeat(2,1fr)}.biz-drawer{width:100vw}}@media (width<=560px){.biz-root{padding:14px}.biz-stats-row{grid-template-columns:1fr 1fr}.clients-cols{grid-template-columns:2fr 1fr auto 60px}.biz-exp-footer{grid-template-columns:1fr 1fr}}.biz-exp-footer{background:#f8faff;border-top:1px solid #eef0f8;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.biz-exp-footer-item{border-right:1px solid #eef0f8;flex-direction:column;gap:5px;padding:14px 20px;display:flex}.biz-exp-footer-item:last-child{border-right:none}.biz-exp-total{background:#f0f3ff;border-radius:0 0 14px;align-items:flex-end}.biz-exp-desc-text{color:#1a1d2e;white-space:normal;word-break:break-word;font-size:13px;font-weight:600;line-height:1.5}.biz-otp-input{text-align:center;color:#1a1d2e;border:2px solid #e2e5f0;border-radius:12px;outline:none;width:52px;height:56px;font-size:24px;font-weight:800;transition:border-color .2s,box-shadow .2s}.biz-otp-input:focus{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef526}.biz-btn-primary.loading{pointer-events:none;position:relative;color:#0000!important}.biz-btn-primary.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin-centered;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-centered{to{transform:translate(-50%,-50%)rotate(360deg)}}.gray-grad{color:#a0aabf;background:#dbe1ea}.ts-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite ts-spin;display:inline-block}@keyframes ts-spin{to{transform:rotate(360deg)}}.all-cards-item{cursor:pointer;border:2px solid #0000;border-radius:18px;padding:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.all-cards-item:hover{transform:translateY(-5px);box-shadow:0 12px 24px #5b6ef526}.all-cards-item.active-card{border-color:#5b6ef5;box-shadow:0 0 15px #5b6ef540}.all-cards-item .card-default-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.5px;z-index:3;background:#ffffff40;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;bottom:16px;right:16px}.inspector-detail-row{border-bottom:1px solid #f1f3fa;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.inspector-detail-label{color:#8892a4;font-size:12px;font-weight:500}.inspector-detail-value{color:#1a1d2e;font-size:13px;font-weight:600}.inspector-action-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.inspector-action-primary{color:#fff;background:#5b6ef5}.inspector-action-primary:hover{background:#475ae2}.inspector-action-secondary{color:#5a6279;background:#f1f3fa}.inspector-action-secondary:hover{background:#e2e5f0}.inspector-action-danger{color:#ef4444;background:#fee2e2}.inspector-action-danger:hover{background:#fecaca}.switch-container{background:#fff;border:1px solid #f0f2fa;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.switch-label-wrap{flex-direction:column;gap:2px;display:flex}.switch-title{color:#1a1d2e;font-size:13px;font-weight:600}.switch-desc{color:#8892a4;font-size:11px}.switch-element{width:44px;height:24px;display:inline-block;position:relative}.switch-element input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{background-color:#10b981}input:checked+.switch-slider:before{transform:translate(20px)}.pay-an-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b6ef5,#7c3aed);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .22s;display:flex;box-shadow:0 4px 14px #5b6ef552}.pay-an-trigger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5b6ef56b}.pay-an-trigger .pay-an-dot{background:#a3f0bc;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite payAnPulse}@keyframes payAnPulse{0%{box-shadow:0 0 #a3f0bcb3}70%{box-shadow:0 0 0 6px #a3f0bc00}to{box-shadow:0 0 #a3f0bc00}}.pay-an-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:2000;background:#1a1d2e73;justify-content:center;align-items:flex-end;animation:.2s payAnOverlayIn;display:flex;position:fixed;inset:0}@keyframes payAnOverlayIn{0%{opacity:0}to{opacity:1}}.pay-an-panel{background:#f0f2f8;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:1080px;max-height:90vh;font-family:inherit;animation:.35s payAnPanelIn;display:flex;overflow:hidden;box-shadow:0 -8px 48px #5b6ef524,0 -1px #e2e8f0}@keyframes payAnPanelIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pay-an-header{background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.pay-an-header-left{align-items:center;gap:13px;display:flex}.pay-an-header-icon{background:linear-gradient(135deg,#5b6ef5,#7c3aed);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #5b6ef552}.pay-an-header-title{color:#1a1d2e;letter-spacing:-.4px;margin:0;font-size:18px;font-weight:800}.pay-an-header-sub{color:#8892a4;margin:2px 0 0;font-size:12px;font-weight:500}.pay-an-close{color:#8892a4;cursor:pointer;background:#f0f2f8;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .15s;display:flex}.pay-an-close:hover{color:#1a1d2e;background:#e2e6f3;border-color:#c8cee0}.pay-an-body{flex-direction:column;flex:1;gap:18px;padding:22px 28px 32px;display:flex;overflow-y:auto}.pay-an-body::-webkit-scrollbar{width:4px}.pay-an-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:2px}.pay-an-section-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:-6px;font-size:10px;font-weight:800}.pay-an-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pay-an-kpi{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both payAnCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #5b6ef50e}.pay-an-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 28px #5b6ef521}@keyframes payAnCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pay-an-kpi:first-child{animation-delay:50ms}.pay-an-kpi:nth-child(2){animation-delay:.1s}.pay-an-kpi:nth-child(3){animation-delay:.15s}.pay-an-kpi:nth-child(4){animation-delay:.2s}.pay-an-kpi:before{content:"";border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.pay-an-kpi--blue:before{background:linear-gradient(90deg,#5b6ef5,#818cf8)}.pay-an-kpi--green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.pay-an-kpi--amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pay-an-kpi--rose:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.pay-an-kpi:after{content:"";opacity:.05;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;right:-20px}.pay-an-kpi--blue:after{background:#5b6ef5}.pay-an-kpi--green:after{background:#22c55e}.pay-an-kpi--amber:after{background:#f59e0b}.pay-an-kpi--rose:after{background:#f43f5e}.pay-an-kpi-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.pay-an-kpi-val{color:#1a1d2e;letter-spacing:-.8px;font-size:26px;font-weight:900;line-height:1}.pay-an-kpi-sub{color:#b0b8cc;font-size:11px;font-weight:500}.pay-an-trend-up{color:#22c55e;font-weight:700}.pay-an-trend-down{color:#f43f5e;font-weight:700}.pay-an-row-2{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.pay-an-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.pay-an-card{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;padding:18px 20px;animation:.42s .2s both payAnCardIn;box-shadow:0 2px 8px #5b6ef50d}.pay-an-card-title{color:#1a1d2e;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.pay-an-card-title span{color:#b0b8cc;margin-left:auto;font-size:10px;font-weight:600}.pay-an-bar-chart{align-items:flex-end;gap:8px;height:120px;display:flex}.pay-an-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.pay-an-bar-inner{background:#f8f9ff;border-radius:6px 6px 0 0;justify-content:center;align-items:flex-end;width:100%;height:90px;display:flex}.pay-an-bar{cursor:default;border-radius:5px 5px 0 0;width:65%;transition:filter .15s;position:relative}.pay-an-bar:hover{filter:brightness(1.1)}.pay-an-bar-lbl{color:#c0c7d4;text-align:center;white-space:nowrap;font-size:9px;font-weight:700}.pay-an-bar-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#1a1d2e;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.pay-an-bar:hover .pay-an-bar-tooltip{opacity:1}.pay-an-donut-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.pay-an-donut-svg-wrap{width:120px;height:120px;position:relative}.pay-an-donut-svg{transform:rotate(-90deg)}.pay-an-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pay-an-donut-center-num{color:#1a1d2e;letter-spacing:-.5px;font-size:20px;font-weight:900;line-height:1}.pay-an-donut-center-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}.pay-an-donut-legend{flex-direction:column;gap:8px;width:100%;display:flex}.pay-an-donut-legend-item{color:#5a6279;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pay-an-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pay-an-legend-val{color:#1a1d2e;margin-left:auto;font-size:12px;font-weight:800}.pay-an-table{flex-direction:column;gap:0;display:flex}.pay-an-table-head{background:#f8f9ff;border-radius:10px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:4px;padding:9px 16px;display:grid}.pay-an-th{color:#b0b8cc;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.pay-an-table-row{border-bottom:1px solid #f5f6fb;border-radius:8px;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:11px 16px;transition:background .15s;animation:.38s both payAnCardIn;display:grid}.pay-an-table-row:last-child{border-bottom:none}.pay-an-table-row:hover{background:#f8f9ff}.pay-an-table-row:first-child{animation-delay:.28s}.pay-an-table-row:nth-child(2){animation-delay:.33s}.pay-an-table-row:nth-child(3){animation-delay:.38s}.pay-an-table-row:nth-child(4){animation-delay:.43s}.pay-an-table-row:nth-child(5){animation-delay:.48s}.pay-an-user-cell{align-items:center;gap:9px;min-width:0;display:flex}.pay-an-avatar{color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.pay-an-user-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.pay-an-user-sub{color:#b0b8cc;margin-top:1px;font-size:10px}.pay-an-cell{color:#5a6279;font-size:12px;font-weight:600}.pay-an-cell--money{color:#1a1d2e;font-weight:800}.pay-an-cell--green{color:#22c55e;font-weight:700}.pay-an-cell--amber{color:#f59e0b;font-weight:700}.pay-an-txns{flex-direction:column;gap:0;display:flex}.pay-an-txn-row{border-bottom:1px solid #f5f6fb;align-items:center;gap:10px;padding:9px 0;animation:.38s both payAnCardIn;display:flex}.pay-an-txn-row:last-child{border-bottom:none}.pay-an-txn-row:first-child{animation-delay:.26s}.pay-an-txn-row:nth-child(2){animation-delay:.31s}.pay-an-txn-row:nth-child(3){animation-delay:.36s}.pay-an-txn-row:nth-child(4){animation-delay:.41s}.pay-an-txn-row:nth-child(5){animation-delay:.46s}.pay-an-txn-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.pay-an-txn-body{flex:1;min-width:0}.pay-an-txn-desc{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.pay-an-txn-sub{color:#b0b8cc;margin-top:1px;font-size:10px}.pay-an-txn-amount{white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:800}.pay-an-score-wrap{align-items:center;gap:7px;display:flex}.pay-an-score-bg{background:#f0f2f8;border-radius:3px;flex:1;height:5px;overflow:hidden}.pay-an-score-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.pay-an-mini-stat{background:#fff;border:1.5px solid #e8eaf5;border-radius:14px;flex-direction:column;gap:6px;padding:15px 18px;transition:transform .18s,box-shadow .18s;animation:.42s both payAnCardIn;display:flex;box-shadow:0 2px 6px #5b6ef50a}.pay-an-mini-stat:hover{transform:translateY(-2px);box-shadow:0 6px 18px #5b6ef51a}.pay-an-mini-stat:first-child{animation-delay:.26s}.pay-an-mini-stat:nth-child(2){animation-delay:.3s}.pay-an-mini-stat:nth-child(3){animation-delay:.34s}.pay-an-mini-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.pay-an-mini-val{color:#1a1d2e;letter-spacing:-.5px;font-size:22px;font-weight:900;line-height:1}.pay-an-mini-sub{color:#b0b8cc;font-size:10px;font-weight:500}.pay-an-footer{background:#fff;border-top:1.5px solid #e8eaf5;flex-shrink:0;justify-content:center;align-items:center;padding:13px;display:flex}.pay-an-footer-text{color:#c0c7d4;font-size:10px;font-weight:600}.tasks-container{background-color:#f8fafc;border-radius:12px;gap:0;width:100%;height:100%;display:flex;overflow:hidden}.projects-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;min-width:240px;max-width:280px;transition:all .3s;display:flex}.sidebar-header{border-bottom:1px solid #f1f5f9;padding:24px}.sidebar-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sidebar-title{color:#1a1d2e;margin:0;font-size:24px;font-weight:700}.add-project-btn{color:#5b6ef5;cursor:pointer;background:#eef2ff;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.add-project-btn:hover{color:#fff;background:#5b6ef5}.projects-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.projects-search-wrap:focus-within{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.projects-search-wrap input{color:#1a1d2e;background:0 0;border:none;outline:none;width:100%;font-size:13px}.projects-list{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}.sidebar-empty{color:#94a3b8;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.sidebar-empty svg{color:#e2e8f0;margin-bottom:4px}.sidebar-empty span{font-size:13px;font-weight:500}.project-item{cursor:pointer;color:#64748b;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.project-item:hover{color:#1a1d2e;background-color:#f1f5f9}.project-item.active{color:#5b6ef5;background-color:#eef2ff}.project-icon-box{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.project-item.active .project-icon-box{background:#fff;box-shadow:0 2px 6px #5b6ef533}.project-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.task-count-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:11px}.project-item.active .task-count-badge{color:#fff;background:#5b6ef5}.tasks-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.tasks-content{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow:hidden}.view-container{flex-direction:column;flex:1;min-height:0;display:flex}.tasks-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.header-project-info{align-items:center;gap:16px;display:flex}.header-project-info h1{color:#1a1d2e;margin:0;font-size:24px;font-weight:800}.project-settings-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.project-settings-btn:hover{color:#1a1d2e;background:#fff;border-color:#cbd5e1}.header-actions{align-items:center;gap:20px;display:flex}.view-switch{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex}.view-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.view-tab.active{color:#5b6ef5;background:#fff;box-shadow:0 2px 8px #00000014}.create-task-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #5b6ef540}.create-task-btn:hover{background:#4a5de4;transform:translateY(-1px);box-shadow:0 6px 15px #5b6ef559}.tasks-content{background-color:#f8fafc;flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow:hidden}.tasks-content.settings-mode{padding:0}.view-container{height:100%;overflow:hidden}.empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;margin:auto;display:flex}.empty-state p{color:#64748b;margin:0;font-size:16px;font-weight:500}.project-settings-view{background:#fff;flex-direction:column;width:100%;height:100%;animation:.3s ease-out fadeInView;display:flex;overflow:hidden}.animated-view{animation:.4s ease-out fadeInView}@keyframes fadeInView{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px 16px;display:flex}.settings-title-box{align-items:center;gap:12px;display:flex}.settings-title-box h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.back-to-tasks{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.back-to-tasks:hover{color:#1a1d2e;background:#f8fafc;border-color:#cbd5e1;transform:translate(-4px)}.settings-actions{gap:12px;display:flex}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:10px 14px;font-size:13px;font-weight:400;transition:all .2s}.project-settings-view{width:100%;height:100%;padding:24px;overflow-y:auto}.project-settings-view::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar{width:6px}.project-settings-view::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-track{background:0 0}.project-settings-view::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:10px}.settings-content::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:10px}.project-settings-view::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.settings-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.settings-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.settings-section{margin-bottom:20px}.settings-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.settings-desc{color:#64748b;margin-top:-4px;margin-bottom:12px;font-size:13px;line-height:1.5}.settings-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.settings-input:focus{background:#fff;border-color:#5b6ef5;outline:none;box-shadow:0 0 0 4px #5b6ef51a}.member-management-card{z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;position:relative;overflow:hidden}.public-project-section{background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px;display:flex}.card-item-label{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.member-search-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.added-members-title{color:#0f172a;margin:0;font-size:13px;font-weight:600}#open-add-member-modal{flex:none;align-items:center;gap:6px;width:fit-content;padding:6px 16px;font-size:12px;display:flex}.member-search-box-large{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.member-search-box-large input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.settings-members-list{width:100%;display:block}.member-card{box-sizing:border-box;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.member-card:last-child{border-bottom:none}.member-card-left{align-items:center;gap:12px;display:flex}.member-card-info{flex-direction:column;display:flex}.member-name{color:#0f172a;font-size:13px;font-weight:600}.member-email{color:#64748b;font-size:11px}.member-card-actions{align-items:center;gap:12px;display:flex;position:relative}.member-role-tabs{background:#f1f5f9;border-radius:10px;gap:2px;padding:3px;display:flex}.role-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.role-tab.active{color:#5b6ef5;background:#fff;box-shadow:0 2px 6px #0000000f}.member-delete-btn{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.member-delete-btn:hover{color:#ef4444;background:#fee2e2;transform:scale(1.05)}.public-project-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.settings-desc{color:#64748b;margin:0;font-size:12px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e2e8f0;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#5b6ef5}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.member-search-box-large input{background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.member-results-dropdown-large{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-height:350px;padding:12px;animation:.3s cubic-bezier(.16,1,.3,1) slideDownFade;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 40px #00000026}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item-large{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.search-result-item-large:hover{background:#f8fafc}.add-member-action-btn-large{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.add-member-action-btn-large:hover{background:#4a59d4;transform:scale(1.05)}.added-label-large{color:#10b981;background:#ecfdf5;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:800}.animated-item{animation:.3s ease-out forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.member-list-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:18px;padding:16px}.member-list-item:hover{background:#fff;border-color:#5b6ef5;box-shadow:0 4px 12px #5b6ef514}.todo-list-view{flex-direction:column;height:100%;padding-right:4px;display:flex;overflow:hidden}.todo-list-body{flex-direction:column;flex:1;gap:8px;margin-right:10px;padding-right:4px;display:flex;overflow-y:auto}.todo-list-body::-webkit-scrollbar{width:5px}.todo-list-body::-webkit-scrollbar-track{background:0 0}.todo-list-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.todo-list-table-header{z-index:10;color:#8892a4;text-transform:uppercase;letter-spacing:.5px;background:#f8faff;border-bottom:1px solid #f1f3fa;align-items:center;gap:8px;margin-bottom:8px;margin-right:10px;padding:12px 18px;font-size:10px;font-weight:700;display:flex;position:sticky;top:0}.todo-col-name{flex:3}.todo-col-center{text-align:center;flex:1}.todo-list-row{background:#fff;border:1px solid #eef1f6;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;transition:all .15s;display:flex;position:relative;box-shadow:0 2px 4px #00000004}.todo-list-row:has(.todo-list-status-custom-select.open){z-index:20}.todo-list-row:hover{background:#fafbff;border-color:#cbd5e1}.todo-list-row:hover .todo-action-btn{opacity:1}.todo-row-name-cell{flex:3;align-items:center;gap:10px;min-width:0;display:flex}.todo-row-center-cell{flex:1;justify-content:center;display:flex}.todo-row-actions-cell{flex:1;justify-content:center;gap:5px;display:flex}.todo-list-empty{text-align:center;color:#c0c7d4;padding:20px;font-size:12px}.todo-check-btn{cursor:pointer;background:0 0;border:2px solid #d1d5e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.todo-check-btn.checked{background:#e8f5e9;border-color:#22c55e}.todo-check-btn:hover:not(.checked){border-color:#5b6ef5}.todo-row-title{color:#1a1d2e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.todo-row-desc-icon{color:#c0c7d4;flex-shrink:0;font-size:10px}.done-text{text-decoration:line-through;color:#a0a8bb!important}.todo-action-btn{opacity:0;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.todo-list-row:hover .todo-action-btn,.todo-board-card:hover .todo-action-btn{opacity:1}.todo-action-btn.edit{color:#5b6ef5;background:#eef0fd}.todo-action-btn.del{color:#ef4444;background:#fee2e2}.todo-action-btn:hover{transform:scale(1.1)}.todo-priority-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.todo-priority-badge.p-none{color:#8892a4;background:#f1f3fa}.todo-priority-badge.p-low{color:#22c55e;background:#e8f5e9}.todo-priority-badge.p-medium{color:#f59e0b;background:#fff3e0}.todo-priority-badge.p-high{color:#ef4444;background:#fee2e2}.todo-priority-badge.p-urgent{color:#7c3aed;background:#ede9fe}.todo-due-date{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.todo-due-date.date-empty{color:#c0c7d4}.todo-due-date.date-normal{color:#5a6279}.todo-due-date.date-overdue{color:#ef4444;background:#fee2e2}.todo-due-date.date-today{color:#f59e0b;background:#fff3e0}.todo-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.todo-avatar.is-done,.todo-avatar-empty.is-done{box-shadow:0 0 0 2px #22c55e}.todo-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.todo-avatar-empty{background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.todo-board-wrap{gap:14px;height:100%;padding-bottom:6px;display:flex;overflow-x:auto}.todo-board-wrap::-webkit-scrollbar{height:5px}.todo-board-wrap::-webkit-scrollbar-track{background:0 0}.todo-board-wrap::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.todo-board-col{background:#f0f2f8;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1;min-width:260px;max-width:340px;transition:border-color .2s;display:flex;overflow:hidden}.todo-board-col-header{background:#fff;border-bottom:2px solid #f0f2f8;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.todo-board-col-title{align-items:center;gap:8px;display:flex}.todo-board-col-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.todo-board-col-dot.s-todo{background:#8892a4}.todo-board-col-dot.s-progress{background:#5b6ef5}.todo-board-col-dot.s-done{background:#22c55e}.todo-board-col-label{letter-spacing:.6px;font-size:11px;font-weight:800}.todo-board-col-label.s-todo{color:#8892a4}.todo-board-col-label.s-progress{color:#5b6ef5}.todo-board-col-label.s-done{color:#22c55e}.todo-board-col-count{border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700}.todo-board-col-count.s-todo{color:#8892a4;background:#f1f3fa}.todo-board-col-count.s-progress{color:#5b6ef5;background:#eef0fd}.todo-board-col-count.s-done{color:#22c55e;background:#e8f5e9}.todo-board-add-btn{color:#5b6ef5;cursor:pointer;background:#eef0fd;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;transition:all .15s;display:flex}.todo-board-add-btn:hover{color:#fff;background:#5b6ef5}.todo-board-col-body{flex-direction:column;flex:1;gap:8px;padding:10px;transition:background .15s;display:flex;overflow-y:auto}.todo-board-col-body::-webkit-scrollbar{width:6px}.todo-board-col-body::-webkit-scrollbar-track{background:0 0}.todo-board-col-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.todo-board-col-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.todo-board-col-body.drag-over{background:#e8eeff;border-radius:10px}.todo-board-card{cursor:grab;background:#fff;border:2px solid #0000;border-radius:12px;padding:13px 14px;transition:all .2s;position:relative;box-shadow:0 2px 8px #0000000f}.todo-board-card:hover{border-color:#e8eeff;transform:translateY(-1px);box-shadow:0 6px 20px #0000001a}.todo-board-card:active{cursor:grabbing}.todo-board-empty{text-align:center;color:#c0c7d4;border:2px dashed #e2e8f0;border-radius:10px;padding:30px 20px;font-size:12px}.todo-card-top{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.todo-card-title{color:#1a1d2e;word-break:break-word;flex:1;font-size:13px;font-weight:600;line-height:1.4}.todo-card-actions{flex-shrink:0;gap:3px;display:flex}.todo-card-desc{color:#8892a4;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.todo-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;margin-top:10px;display:flex}.todo-card-footer-left{align-items:center;gap:6px;display:flex}.todo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f122e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.todo-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;animation:.22s cubic-bezier(.34,1.56,.64,1) both todoPopIn;overflow:hidden;box-shadow:0 24px 64px #0003}@keyframes todoPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.todo-modal-header{border-bottom:1px solid #f1f3fa;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.todo-modal-header h3{color:#1a1d2e;margin:0;font-size:17px;font-weight:800}.todo-modal-close{color:#5a6279;cursor:pointer;background:#f1f3fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .15s;display:flex}.todo-modal-close:hover{color:#ef4444;background:#fee2e2}.todo-modal-body{flex-direction:column;gap:14px;max-height:65vh;padding:18px 24px;display:flex;overflow-y:auto}.todo-modal-footer{border-top:1px solid #f1f3fa;gap:10px;padding:14px 24px 20px;display:flex}.todo-modal-footer button{flex:1}.todo-form-row{gap:12px;display:flex}.todo-form-group{flex-direction:column;flex:1;gap:5px;display:flex}.todo-form-label{color:#8892a4;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.todo-form-input{box-sizing:border-box;color:#1a1d2e;resize:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-family:inherit;font-size:13px;transition:border .2s}.todo-form-input:focus{border-color:#5b6ef5}.todo-form-input.error{border-color:#ef4444}.todo-form-error{color:#0000;height:14px;margin-top:2px;font-size:11px;font-weight:600;transition:color .2s}.todo-form-error.visible{color:#ef4444}.todo-del-icon-wrap{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.todo-del-title{color:#1a1d2e;margin:0 0 8px;font-size:16px;font-weight:800}.todo-del-desc{color:#8892a4;margin:0 0 20px;font-size:13px}.todo-del-actions{gap:10px;display:flex}.todo-del-actions button{flex:1}.todo-btn-primary{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.todo-btn-primary:hover{background:#4a5de4;transform:translateY(-1px)}.todo-btn-secondary{color:#5a6279;cursor:pointer;background:#f1f3fa;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.todo-btn-secondary:hover{background:#e2e6f3}.todo-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s}.todo-btn-danger:hover{background:#dc2626}.todo-btn-primary.loading,.todo-btn-danger.loading{pointer-events:none;opacity:.8;position:relative;color:#0000!important}.todo-btn-primary.loading:after,.todo-btn-danger.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;animation:.6s linear infinite todo-spin;position:absolute;top:50%;left:50%}@keyframes todo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.todo-assignee-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:8px;min-height:48px;max-height:120px;padding:8px;display:flex;overflow-y:auto}.todo-assignee-picker::-webkit-scrollbar{width:6px}.todo-assignee-picker::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.todo-assignee-picker::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.todo-assignee-picker::-webkit-scrollbar-thumb:hover{background:#94a3b8}.assignee-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;transition:all .2s;display:flex}.assignee-item .assignee-name{color:#475569;font-size:13px;font-weight:500}.assignee-item:hover{background:#f1f5f9;border-color:#cbd5e1}.assignee-item.selected{border:1px solid #5b6ef5;border-radius:8px!important;padding:5px 10px!important}.assignee-item.selected .assignee-name{color:#5b6ef5}.todo-avatar-stack{align-items:center;display:flex}.todo-avatar-stack .todo-avatar,.todo-avatar-stack .todo-avatar-empty,.todo-avatar-stack img{border:2px solid #fff;margin-left:-6px}.todo-avatar-stack .todo-avatar:first-child,.todo-avatar-stack .todo-avatar-empty:first-child,.todo-avatar-stack img:first-child{margin-left:0}.todo-avatar-extra{color:#5a6279;background:#e2e8f0;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;font-weight:700;display:flex}.todo-detail-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.22s cubic-bezier(.34,1.56,.64,1) both todoPopIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #0003}.todo-detail-header{border-bottom:1px solid #f1f3fa;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;display:flex}.todo-detail-header-left{align-items:center;gap:10px;display:flex}.todo-detail-header-right{align-items:center;gap:8px;display:flex}.todo-detail-id{color:#8892a4;letter-spacing:.5px;background:#f1f3fa;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.todo-detail-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.todo-detail-status-badge.s-todo{color:#8892a4;background:#f1f3fa}.todo-detail-status-badge.s-progress{color:#5b6ef5;background:#eef0fd}.todo-detail-status-badge.s-done{color:#22c55e;background:#e8f5e9}.todo-detail-edit-btn{color:#5a6279;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.todo-detail-edit-btn:hover{color:#5b6ef5;background:#eef0fd;border-color:#5b6ef5}.todo-detail-body{flex:1;display:flex;overflow:hidden}.todo-detail-left{border-right:1px solid #f1f3fa;flex:1;min-width:0;padding:24px 28px;overflow-y:auto}.todo-detail-left::-webkit-scrollbar{width:4px}.todo-detail-left::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.todo-detail-title{color:#1a1d2e;margin:0 0 20px;font-size:22px;font-weight:800;line-height:1.3}.todo-detail-section-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:700}.todo-detail-desc{color:#5a6279;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.7}.todo-detail-right{background:#fafbff;flex-shrink:0;width:260px;padding:24px 20px;overflow-y:auto}.todo-detail-right::-webkit-scrollbar{width:4px}.todo-detail-right::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.todo-detail-meta-heading{color:#8892a4;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px;font-size:11px;font-weight:800}.todo-detail-meta-row{border-bottom:1px solid #f1f3fa;flex-direction:column;gap:4px;margin-bottom:14px;padding-bottom:14px;display:flex}.todo-detail-meta-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.todo-detail-meta-key{color:#b0b8cc;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.todo-detail-assignees{flex-direction:column;gap:6px;margin-top:2px;display:flex}.todo-detail-assignee-item{color:#1a1d2e;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.todo-detail-assignee-item.finished{background:#f0fdf4}.todo-detail-assignee-item.finished .assignee-name{color:#22c55e;opacity:.8;text-decoration:line-through}@media (width<=768px){.todo-wrap{padding:14px}.todo-board-wrap{flex-direction:column;overflow:hidden auto}.todo-board-col{min-width:unset;max-width:unset}.todo-form-row{flex-direction:column}.todo-search-wrap{max-width:100%}}.todo-loader-container{justify-content:center;align-items:center;width:100%;height:100%;padding:40px 0;display:flex}.todo-spinner{border:3px solid #5b6ef51a;border-top-color:#5b6ef5;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite todo-spin}.todo-tabs-loader{align-items:center;height:40px;padding:0 15px;display:flex}.premium-modal{background:#fff;border-radius:20px;width:95%;padding:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;max-width:850px!important}.todo-detail-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.todo-detail-body{min-height:500px;grid-template-columns:1fr 300px!important;display:grid!important}.todo-detail-main{border-right:1px solid #e2e8f0;padding:30px}.todo-detail-side{background:#f8fafc;max-height:550px;padding:30px;overflow-y:auto}.todo-detail-side::-webkit-scrollbar{width:4px}.todo-detail-side::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:10px}.todo-detail-title{color:#1e293b;margin-bottom:25px;font-size:26px;font-weight:800;line-height:1.2}.todo-detail-section{margin-bottom:30px}.todo-detail-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:700}.todo-detail-desc{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:15px;font-size:15px;line-height:1.6}.todo-detail-time-tracking{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.time-track-header{color:#1e293b;align-items:center;gap:10px;margin-bottom:20px;font-weight:700;display:flex}.time-track-stats{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.time-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:5px;padding:15px;display:flex}.time-stat-box.highlight{background:#f0fdf4;border-color:#bbf7d0}.time-stat-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.time-stat-value{color:#0f172a;font-size:18px;font-weight:800}.time-progress-bar{display:none!important}.time-progress-fill{background:#22c55e;width:0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.assignee-detail-info{flex-direction:column;display:flex}.assignee-spent{color:#10b981;font-size:11px;font-weight:600}.todo-detail-assignee-item{align-items:center;gap:10px;margin-bottom:10px;display:flex}.todo-detail-meta-heading{color:#1e293b;border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:10px;font-size:14px;font-weight:700}.todo-detail-meta-row{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.todo-detail-meta-key{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:600}.todo-detail-meta-val{color:#334155;font-size:13px;font-weight:600}.todo-form-row{grid-template-columns:1fr 1fr!important;gap:15px!important;display:grid!important}.project-history-view{flex-direction:column;height:100%;display:flex}.history-view-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-left:auto;padding:4px;display:flex}.history-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.history-tab-btn:hover{color:#0f172a}.history-tab-btn.active{color:#5b6ef5;background:#fff;box-shadow:0 2px 8px #5b6ef526}.history-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.history-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px 0 20px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.history-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon.blue{color:#3b82f6;background:#eff6ff}.stat-card-icon.green{color:#22c55e;background:#f0fdf4}.stat-card-icon.amber{color:#f59e0b;background:#fffbeb}.stat-card-icon.purple{color:#a855f7;background:#faf5ff}.stat-card-info{flex-direction:column;display:flex}.stat-card-num{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.stat-card-label{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.history-stats-details-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.history-stats-details-row{grid-template-columns:1fr}}.details-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.details-card-title{color:#0f172a;margin:0 0 20px;font-size:16px;font-weight:700}.priority-list{flex-direction:column;gap:16px;display:flex}.priority-progress-item{flex-direction:column;gap:6px;display:flex}.priority-progress-label{color:#334155;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.priority-progress-bar{background:#f1f5f9;border-radius:4px;width:100%;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.bar-fill.urgent{background:#ef4444}.bar-fill.high{background:#f97316}.bar-fill.medium{background:#eab308}.bar-fill.low{background:#3b82f6}.bar-fill.none{background:#94a3b8}.bar-fill.green{background:#22c55e}.assignee-workload-list{flex-direction:column;gap:16px;display:flex}.assignee-workload-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.assignee-workload-left{align-items:center;gap:12px;display:flex}.workload-user-info{flex-direction:column;display:flex}.workload-user-name{color:#0f172a;font-size:13px;font-weight:700}.workload-user-tasks{color:#64748b;font-size:11px}.workload-user-progress{flex-shrink:0;width:100px}.history-timeline{flex-direction:column;gap:24px;margin-left:8px;padding-left:32px;display:flex;position:relative}.history-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{gap:16px;display:flex;position:relative}.timeline-item-marker{z-index:1;color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:2px;left:-32px}.timeline-item-marker svg{width:12px;height:12px}.timeline-item-marker.created{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.timeline-item-marker.updated{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.timeline-item-marker.deleted{color:#ef4444;background:#fee2e2;border-color:#ef4444}.timeline-item-marker.status{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.timeline-item-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px;transition:all .2s;box-shadow:0 2px 4px #00000005}.timeline-item:hover .timeline-item-content{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.timeline-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.timeline-task-title{color:#0f172a;font-size:14px;font-weight:700}.timeline-time{color:#94a3b8;font-size:11px}.timeline-item-body{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.timeline-user{color:#1e293b;align-items:center;gap:6px;display:flex}.timeline-action-text{color:#64748b}.timeline-old-status{color:#94a3b8;font-weight:600;text-decoration:line-through}.timeline-new-status{color:#10b981;font-weight:700}.todo-task-detail-panel .todo-detail-body{flex:1;overflow-y:auto;gap:16px!important;min-height:0!important;padding:14px!important}.todo-task-detail-panel .todo-detail-body::-webkit-scrollbar{width:4px}.todo-task-detail-panel .todo-detail-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:10px}.todo-task-detail-panel .todo-detail-main{flex-direction:column;display:flex;border-right:none!important;gap:14px!important;padding:0!important}.todo-task-detail-panel .todo-detail-section{margin-bottom:16px!important}.todo-task-detail-panel .todo-detail-desc{border-radius:10px!important;padding:12px!important;font-size:14px!important}.todo-task-detail-panel .todo-detail-time-tracking{border-radius:12px!important;gap:12px!important;padding:14px!important}.todo-task-detail-panel .todo-detail-side{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;gap:12px!important;height:max-content!important;max-height:none!important;padding:14px!important;overflow:visible!important}.todo-task-detail-panel .todo-detail-meta-heading{margin-bottom:4px!important;padding-bottom:6px!important;font-size:12px!important}.todo-task-detail-panel .todo-detail-meta-row{border-bottom:1px solid #e2e8f0;flex-direction:column;font-size:13px;display:flex;gap:3px!important;margin-bottom:10px!important;padding-bottom:10px!important}.todo-task-detail-panel .todo-detail-meta-row.last-row{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}.todo-task-detail-panel .todo-detail-assignee-item{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:100%;transition:all .2s;box-shadow:0 1px 3px #00000005;margin-bottom:6px!important;padding:8px 10px!important;display:flex!important}.todo-task-detail-panel .todo-detail-assignee-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000d}.todo-task-detail-panel .todo-detail-assignee-item.finished{background:#f0fdf4!important;border-color:#bbf7d0!important}.todo-task-detail-panel .todo-detail-assignee-item .assignee-detail-info{flex-direction:column;flex:1;gap:2px;display:flex}.todo-task-detail-panel .todo-detail-assignee-item .assignee-name{color:#0f172a;font-size:12px;font-weight:600}.todo-task-detail-panel .todo-detail-assignee-item.finished .assignee-name{color:#166534;text-decoration:line-through}.todo-task-detail-panel .todo-detail-assignee-item .assignee-spent{color:#10b981;font-size:10px;font-weight:600}.todo-task-detail-panel .todo-detail-assignee-item .assignee-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:9999px;align-self:center;padding:2px 6px;font-size:9px;font-weight:700}.todo-task-detail-panel .todo-detail-assignee-item.finished .assignee-status-badge{color:#15803d;background:#dcfce7}.todo-task-detail-panel .todo-detail-assignee-item:not(.finished) .assignee-status-badge{color:#64748b;background:#f1f5f9}.todo-list-status-custom-select{cursor:pointer;-webkit-user-select:none;user-select:none;width:140px;font-family:inherit;display:inline-block;position:relative}.todo-list-status-custom-select .status-selected{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.todo-list-status-custom-select.s-todo .status-selected{color:#8892a4;background-color:#f1f3fa;border-color:#e2e8f0}.todo-list-status-custom-select.s-progress .status-selected{color:#5b6ef5;background-color:#eef0fd;border-color:#dde1f3}.todo-list-status-custom-select.s-done .status-selected{color:#22c55e;background-color:#e8f5e9;border-color:#c8e6c9}.todo-list-status-custom-select .status-selected:hover{filter:brightness(.96);box-shadow:0 2px 6px #0000000d}.todo-list-status-custom-select .chevron-icon{width:12px;height:12px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.todo-list-status-custom-select.s-todo .chevron-icon{color:#8892a4}.todo-list-status-custom-select.s-progress .chevron-icon{color:#5b6ef5}.todo-list-status-custom-select.s-done .chevron-icon{color:#22c55e}.todo-list-status-custom-select .status-options{z-index:1001;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:6px;list-style:none;animation:.2s ease-out todoSlideDown;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 25px #00000014}@keyframes todoSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.todo-list-status-custom-select .status-options.open-upwards{animation:.2s ease-out todoSlideUp;top:auto;bottom:calc(100% + 6px)}@keyframes todoSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.todo-list-status-custom-select .status-options li{text-transform:uppercase;letter-spacing:.3px;color:#64748b;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.todo-list-status-custom-select .status-options li:hover{color:#0f172a;background-color:#f1f5f9}.todo-list-status-custom-select .status-options li.active{color:#5b6ef5;background-color:#f8fafc}.todo-list-status-custom-select .status-options li:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.todo-list-status-custom-select .status-options li[data-value=todo]:before{background-color:#8892a4}.todo-list-status-custom-select .status-options li[data-value=progress]:before{background-color:#5b6ef5}.todo-list-status-custom-select .status-options li[data-value=done]:before{background-color:#22c55e}@media (width<=900px){.todo-task-detail-panel .todo-detail-body{flex-direction:column;grid-template-columns:1fr!important;display:flex!important}.todo-task-detail-panel .todo-detail-side{width:100%!important}}.assignee-count-badge{color:#475569;background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.project-settings-view [disabled],.project-settings-view button[disabled],.project-settings-view input[disabled]{opacity:.5!important;cursor:not-allowed!important}.custom-file-upload{width:100%;position:relative}.hidden-file-input{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-upload-label{cursor:pointer;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.file-upload-label:hover{color:#5b6ef5;background:#eef2ff;border-color:#5b6ef5}.file-upload-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.task-chat-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;background:#0f172a66;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.task-chat-overlay.show{opacity:1;pointer-events:auto}.task-chat-panel{z-index:1101;background:#fff;flex-direction:column;width:400px;height:100vh;transition:right .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;right:-420px;box-shadow:-5px 0 25px #0000001a}.task-chat-panel.show{right:0}.tc-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tc-header-info h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.tc-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.tc-close-btn:hover{color:#ef4444;background:#f1f5f9}.tc-feed{background:#f8fafc;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.tc-feed::-webkit-scrollbar{width:6px}.tc-feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.tc-msg-row{gap:12px;max-width:85%;display:flex}.tc-msg-row.theirs{align-self:flex-start}.tc-msg-row.mine{flex-direction:row-reverse;align-self:flex-end}.tc-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.tc-avatar-img{object-fit:cover;border-radius:12px;flex-shrink:0;width:32px;height:32px}.tc-msg-content{flex-direction:column;gap:4px;display:flex}.tc-msg-sender{color:#64748b;margin-left:4px;font-size:12px;font-weight:600}.tc-msg-bubble{border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.5;position:relative}.theirs .tc-msg-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-top-left-radius:4px}.mine .tc-msg-bubble{color:#fff;background:#5b6ef5;border-top-right-radius:4px}.tc-msg-time{text-align:right;opacity:.7;margin-top:6px;font-size:10px}.tc-input-area{background:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px 24px;display:flex}#tc-input{border:1px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}#tc-input:focus{border-color:#5b6ef5}#tc-send-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}#tc-send-btn:disabled{cursor:not-allowed;background:#cbd5e1}#tc-send-btn:not(:disabled):hover{background:#4a5dec;transform:scale(1.05)}.todo-list-pagination{background:0 0;justify-content:flex-end;align-items:center;margin-top:8px;margin-right:10px;padding:10px 16px;display:flex}.pagination-right-wrap{align-items:center;gap:10px;display:flex}.task-rows-per-page-container{position:relative}.task-rows-selector-btn{cursor:pointer;color:#1a1d2e;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-width:85px;height:28px;padding:0 10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.task-rows-selector-btn:hover{background:#f8fafc;border-color:#cbd5e1}.task-rows-selector-btn .chevron{color:#8892a4;transition:transform .2s}.task-rows-dropdown{z-index:1001;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;width:80px;animation:.2s ease-out taskSlideUp;display:none;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 -10px 25px #0000001a}@keyframes taskSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-rows-option{color:#1a1d2e;cursor:pointer;text-align:center;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.task-rows-option:hover{color:#5b6ef5;background:#f8fafc}.task-rows-option.active{color:#5b6ef5;background:#ebf3ff}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{color:#5a6279;cursor:pointer;background:#fff;border:1.5px solid #e8eaf8;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#5b6ef5;border-color:#5b6ef5}.pagination-btn:disabled{opacity:.35;pointer-events:none}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-current-page{color:#fff;background:#5b6ef5;border:1.5px solid #5b6ef5;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #5b6ef533}.task-filter-dropdown-container{align-items:center;gap:8px;display:flex;position:relative}.task-search-wrap{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:flex-end;align-items:center;width:38px;height:38px;transition:width .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.task-search-wrap:hover,.task-search-wrap:focus-within{border-color:#cbd5e1;width:220px;transition:width .4s cubic-bezier(.4,0,.2,1) .25s,border-color .4s cubic-bezier(.4,0,.2,1) .25s}.task-search-input{color:#475569;box-sizing:border-box;opacity:0;background:0 0;border:none;outline:none;width:0;height:100%;padding:0;font-size:13px;transition:width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.task-search-wrap:hover .task-search-input,.task-search-wrap:focus-within .task-search-input{opacity:1;width:calc(100% - 38px);padding:0 0 0 16px;transition:width .4s cubic-bezier(.4,0,.2,1) .25s,padding .4s cubic-bezier(.4,0,.2,1) .25s,opacity .4s cubic-bezier(.4,0,.2,1) .25s}.task-search-icon-btn{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .25s;display:flex}.task-search-wrap:hover .task-search-icon-btn,.task-search-wrap:focus-within .task-search-icon-btn{color:#1a1d2e}.task-filter-dropdown-btn{color:#475569;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;height:38px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.task-filter-dropdown-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.task-filter-dropdown-btn svg{width:16px;height:16px}.active-filter-badge{color:#fff;background:#5b6ef5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:10px;font-weight:700;display:inline-flex}.task-filter-large-menu{opacity:0;visibility:hidden;z-index:1002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:300px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-8px);box-shadow:0 10px 30px #0f172a1a}.task-filter-large-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.filter-menu-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.filter-menu-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}.filter-reset-btn{color:#5b6ef5;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.filter-reset-btn:hover{text-decoration:underline}.filter-menu-body{flex-direction:column;gap:14px;display:flex}.filter-section{border-bottom:1px solid #f8fafc;padding-bottom:12px}.filter-section:last-child{border-bottom:none;padding-bottom:0}.filter-section h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:10.5px;font-weight:700}.filter-options-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-options-grid.flex-col{flex-direction:column;gap:6px;display:flex}.filter-checkbox-label,.filter-radio-label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.filter-checkbox-label input[type=checkbox],.filter-radio-label input[type=radio]{accent-color:#5b6ef5;cursor:pointer;width:14px;height:14px;margin:0}.filter-date-inputs{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.filter-date-input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}.filter-date-input:focus{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef514}.task-an-trigger{color:#5b6ef5;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.task-an-trigger:before{content:"";opacity:0;background:linear-gradient(135deg,#5b6ef512,#a78bfa12);transition:opacity .2s;position:absolute;inset:0}.task-an-trigger:hover{border-color:#5b6ef5;transform:translateY(-1px);box-shadow:0 4px 14px #5b6ef526}.task-an-trigger:hover:before{opacity:1}.task-an-trigger>*{z-index:1;position:relative}.task-an-trigger .task-an-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite taskAnPulse}@keyframes taskAnPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.task-an-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#1a1d2e6b;justify-content:center;align-items:flex-end;animation:.2s taskAnOverlayIn;display:flex;position:fixed;inset:0}@keyframes taskAnOverlayIn{0%{opacity:0}to{opacity:1}}.task-an-panel{background:#f0f2f8;border-radius:24px 24px 0 0;flex-direction:column;width:85%;max-width:1600px;max-height:90vh;font-family:inherit;animation:.35s taskAnPanelIn;display:flex;overflow:hidden;box-shadow:0 -8px 40px #5b6ef51c,0 -1px #e2e8f0}@keyframes taskAnPanelIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.task-an-header{background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.task-an-header-left{align-items:center;gap:13px;display:flex}.task-an-header-icon{background:linear-gradient(135deg,#5b6ef5,#818cf8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #5b6ef547}.task-an-header-title{color:#1a1d2e;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:800}.task-an-header-sub{color:#8892a4;margin:2px 0 0;font-size:11px;font-weight:500}.task-an-close{color:#8892a4;cursor:pointer;background:#f0f2f8;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.task-an-close:hover{color:#1a1d2e;background:#e2e6f3;border-color:#c8cee0}.task-an-body{flex-direction:column;flex:1;gap:18px;padding:22px 28px 30px;display:flex;overflow-y:auto}.task-an-body::-webkit-scrollbar{width:4px}.task-an-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:2px}.task-an-section-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:-6px;font-size:10px;font-weight:800}.task-an-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.task-an-kpi{background:#fff;border:1.5px solid #e8eaf5;border-radius:15px;flex-direction:column;gap:7px;padding:16px 18px;transition:transform .18s,box-shadow .18s;animation:.38s both taskAnCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #5b6ef50d}.task-an-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5b6ef51c}@keyframes taskAnCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.task-an-kpi:first-child{animation-delay:50ms}.task-an-kpi:nth-child(2){animation-delay:.1s}.task-an-kpi:nth-child(3){animation-delay:.15s}.task-an-kpi:nth-child(4){animation-delay:.2s}.task-an-kpi:before{content:"";border-radius:15px 15px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.task-an-kpi--blue:before{background:linear-gradient(90deg,#5b6ef5,#818cf8)}.task-an-kpi--green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.task-an-kpi--amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.task-an-kpi--violet:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.task-an-kpi-icon{font-size:18px;line-height:1}.task-an-kpi-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.task-an-kpi-val{color:#1a1d2e;letter-spacing:-.8px;font-size:28px;font-weight:900;line-height:1}.task-an-kpi-sub{color:#b0b8cc;font-size:10px;font-weight:500}.task-an-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.task-an-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.task-an-card{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;padding:18px 20px;animation:.42s .2s both taskAnCardIn;box-shadow:0 2px 8px #5b6ef50b}.task-an-card-title{color:#1a1d2e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.task-an-card-badge{color:#b0b8cc;background:#f0f2f8;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.task-an-donut-wrap{align-items:center;gap:20px;display:flex}.task-an-donut-svg-wrap{flex-shrink:0;width:110px;height:110px;position:relative}.task-an-donut-svg{transform:rotate(-90deg)}.task-an-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.task-an-donut-center-num{color:#1a1d2e;letter-spacing:-.5px;font-size:22px;font-weight:900;line-height:1}.task-an-donut-center-lbl{color:#b0b8cc;text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:700}.task-an-donut-legend{flex-direction:column;flex:1;gap:9px;display:flex}.task-an-donut-legend-item{color:#5a6279;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.task-an-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-an-legend-val{color:#1a1d2e;margin-left:auto;font-size:12px;font-weight:800}.task-an-pri-bars{flex-direction:column;gap:11px;display:flex}.task-an-pri-row{flex-direction:column;gap:4px;animation:.38s both taskAnCardIn;display:flex}.task-an-pri-row:first-child{animation-delay:.22s}.task-an-pri-row:nth-child(2){animation-delay:.26s}.task-an-pri-row:nth-child(3){animation-delay:.3s}.task-an-pri-row:nth-child(4){animation-delay:.34s}.task-an-pri-row:nth-child(5){animation-delay:.38s}.task-an-pri-top{justify-content:space-between;align-items:center;display:flex}.task-an-pri-label{color:#5a6279;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.task-an-pri-count{color:#1a1d2e;font-size:11px;font-weight:700}.task-an-pri-track{background:#f0f2f8;border-radius:3px;height:5px;overflow:hidden}.task-an-pri-fill{border-radius:3px;height:100%;transition:width .85s cubic-bezier(.34,1.56,.64,1)}.task-an-assignee-list{flex-direction:column;gap:10px;display:flex}.task-an-assignee-row{align-items:center;gap:10px;animation:.38s both taskAnCardIn;display:flex}.task-an-assignee-row:first-child{animation-delay:.24s}.task-an-assignee-row:nth-child(2){animation-delay:.28s}.task-an-assignee-row:nth-child(3){animation-delay:.32s}.task-an-assignee-row:nth-child(4){animation-delay:.36s}.task-an-assignee-row:nth-child(5){animation-delay:.4s}.task-an-av{color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.task-an-av-info{flex:1;min-width:0}.task-an-av-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.task-an-av-sub{color:#b0b8cc;margin-top:1px;font-size:10px}.task-an-av-bar-bg{background:#f0f2f8;border-radius:2px;flex:1;height:4px;overflow:hidden}.task-an-av-bar-fill{background:linear-gradient(90deg,#5b6ef5,#818cf8);border-radius:2px;height:100%;transition:width .9s cubic-bezier(.34,1.56,.64,1)}.task-an-av-num{color:#5b6ef5;text-align:right;flex-shrink:0;min-width:24px;font-size:11px;font-weight:800}.task-an-project-list{flex-direction:column;gap:0;display:flex}.task-an-project-row{border-bottom:1px solid #f5f6fb;align-items:center;gap:10px;padding:10px 0;animation:.38s both taskAnCardIn;display:flex}.task-an-project-row:last-child{border-bottom:none}.task-an-project-row:first-child{animation-delay:.26s}.task-an-project-row:nth-child(2){animation-delay:.3s}.task-an-project-row:nth-child(3){animation-delay:.34s}.task-an-project-row:nth-child(4){animation-delay:.38s}.task-an-project-row:nth-child(5){animation-delay:.42s}.task-an-proj-icon{background:#eef0fd;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.task-an-proj-info{flex:1;min-width:0}.task-an-proj-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.task-an-proj-sub{color:#b0b8cc;align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.task-an-proj-done-bar{background:#f0f2f8;border-radius:2px;flex:1;max-width:80px;height:4px;overflow:hidden}.task-an-proj-done-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width .85s cubic-bezier(.34,1.56,.64,1)}.task-an-proj-pct{color:#22c55e;text-align:right;flex-shrink:0;min-width:30px;font-size:11px;font-weight:800}.task-an-overdue-list{flex-direction:column;gap:0;display:flex}.task-an-overdue-row{border-bottom:1px solid #f5f6fb;align-items:center;gap:10px;padding:9px 0;animation:.38s both taskAnCardIn;display:flex}.task-an-overdue-row:last-child{border-bottom:none}.task-an-overdue-row:first-child{animation-delay:.28s}.task-an-overdue-row:nth-child(2){animation-delay:.32s}.task-an-overdue-row:nth-child(3){animation-delay:.36s}.task-an-overdue-row:nth-child(4){animation-delay:.4s}.task-an-overdue-row:nth-child(5){animation-delay:.44s}.task-an-overdue-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 5px #ef444466}.task-an-overdue-body{flex:1;min-width:0}.task-an-overdue-title{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.task-an-overdue-meta{color:#b0b8cc;margin-top:1px;font-size:10px}.task-an-overdue-date{color:#ef4444;background:#fee2e2;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.task-an-strip{background:#5b6ef50f;border:1.5px solid #e8eaf5;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.task-an-strip-item{background:#fff;align-items:center;gap:12px;padding:15px 18px;transition:background .15s;animation:.4s both taskAnCardIn;display:flex}.task-an-strip-item:hover{background:#f8f9ff}.task-an-strip-item:first-child{animation-delay:.34s}.task-an-strip-item:nth-child(2){animation-delay:.38s}.task-an-strip-item:nth-child(3){animation-delay:.42s}.task-an-strip-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.task-an-strip-info{flex:1}.task-an-strip-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;font-weight:700}.task-an-strip-val{color:#1a1d2e;letter-spacing:-.4px;font-size:20px;font-weight:900;line-height:1}.task-an-strip-sub{color:#b0b8cc;margin-top:2px;font-size:10px}.task-an-footer{background:#fff;border-top:1.5px solid #e8eaf5;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.task-an-footer-text{color:#c0c7d4;font-size:10px;font-weight:600}.task-an-footer-stats{gap:6px;display:flex}.task-an-footer-badge{color:#8892a4;background:#f0f2f8;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}@keyframes msgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes msgPickerIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.messenger-wrap{box-sizing:border-box;background:#f0f2f8;border-radius:12px;flex-direction:column;gap:14px;width:100%;height:100%;padding:20px 28px;font-family:inherit;display:flex;overflow:hidden}.messenger-title{color:#1a1d2e;letter-spacing:-.4px;flex-shrink:0;margin:0;font-size:22px;font-weight:800}.messenger-body{background:#fff;border-radius:16px;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000012}.msg-sidebar{background:#fff;border-right:1.5px solid #f0f2f8;flex-direction:column;flex-shrink:0;width:300px;transition:width .25s;display:flex;overflow:hidden}.msg-sidebar.collapsed{width:68px}.msg-sidebar-header{border-bottom:1.5px solid #f0f2f8;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:16px 14px 14px;display:flex}.msg-sidebar-header--collapsed{justify-content:center;padding:14px 0}.msg-current-user-wrap{cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;margin:-4px -6px;padding:4px 6px;transition:background .15s;display:flex}.msg-current-user-wrap:hover{background:#f0f2f8}.msg-current-user-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.msg-sidebar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.msg-user-card{z-index:500;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;min-width:220px;padding:14px;animation:.18s both cardIn;position:absolute;top:calc(100% + 6px);left:10px;box-shadow:0 12px 36px #00000021}.msg-user-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.msg-user-card-name{color:#1a1d2e;margin-bottom:2px;font-size:14px;font-weight:800}.msg-user-card-email{color:#8892a4;word-break:break-all;font-size:11px}.msg-user-card-close-btn{color:#8892a4;cursor:pointer;background:#f1f3fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.msg-user-card-close-btn:hover{color:#1a1d2e;background:#e2e6f3}.msg-user-card-divider{background:#f0f2f8;height:1px;margin:12px 0 10px}.msg-user-card-status-row{align-items:center;gap:10px;padding:4px 0;display:flex}.msg-user-card-status-label{color:#8892a4;font-size:12px;font-weight:500}.msg-status-toggle{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .25s;position:relative}.msg-status-toggle.is-online{background:#22c55e}.msg-status-toggle.is-offline{background:#cbd5e1}.msg-status-toggle-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .25s;position:absolute;top:3px;box-shadow:0 1px 3px #0003}.msg-status-toggle.is-online .msg-status-toggle-knob{left:19px}.msg-status-toggle.is-offline .msg-status-toggle-knob{left:3px}.online-text{color:#22c55e;font-size:12px;font-weight:700}.offline-text{color:#94a3b8;font-size:12px;font-weight:700}.msg-search-wrap{flex-shrink:0;padding:12px 14px 8px}.msg-sidebar.collapsed .msg-search-wrap{display:none}.msg-search-inner{background:#f0f2f8;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.msg-search-inner input{color:#1a1d2e;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.msg-search-inner input::placeholder{color:#aab0bf}.msg-contacts-label{color:#b0b8cc;letter-spacing:.8px;text-transform:uppercase;flex-shrink:0;padding:6px 14px 4px;font-size:10px;font-weight:800}.msg-sidebar.collapsed .msg-contacts-label{display:none}.msg-contacts-list{flex:1;padding:4px 0 8px;overflow-y:auto}.msg-contacts-list::-webkit-scrollbar{width:4px}.msg-contacts-list::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.msg-contacts-list--collapsed{padding:4px 0}.msg-contact-item{cursor:pointer;align-items:center;gap:11px;padding:10px 14px;transition:background .15s;display:flex}.msg-contact-item:hover{background:#f8faff}.msg-contact-item.active{background:#eef0fd}.msg-contact-mini{justify-content:center;padding:10px 0}.msg-avatar-wrap{flex-shrink:0;position:relative}.msg-avatar{object-fit:cover;color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.msg-status-dot{border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.msg-status-dot.online{background:#22c55e}.msg-status-dot.away{background:#f59e0b}.msg-status-dot.offline{background:#cbd5e1}.msg-contact-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.msg-contact-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.msg-contact-name{color:#1a1d2e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.msg-contact-time{color:#b0b8cc;flex-shrink:0;font-size:10px;font-weight:500}.msg-contact-preview{color:#8892a4;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.msg-unread-dot{background:#5b6ef5;border-radius:50%;flex-shrink:0;width:8px;height:8px}.msg-contact-name--unread{color:#1a1d2e;font-weight:800}.msg-contact-preview--unread{color:#5b6ef5;font-weight:600}.msg-icon-btn{color:#5a6279;cursor:pointer;background:#f0f2f8;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.msg-icon-btn:hover{color:#5b6ef5;background:#eef0fd}.msg-chat-area{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.msg-chat-header{border-bottom:1.5px solid #f0f2f8;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.msg-chat-header-left{align-items:center;gap:12px;min-width:0;display:flex}.msg-chat-header-right{align-items:center;gap:4px;display:flex}.msg-chat-recipient-name{color:#1a1d2e;font-size:15px;font-weight:800}.msg-chat-status-text{color:#8892a4;font-size:11px;font-weight:500}.msg-feed{flex-direction:column;flex:1;gap:0;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.msg-feed::-webkit-scrollbar{width:5px}.msg-feed::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.msg-date-sep{align-items:center;gap:12px;margin:18px 0 10px;display:flex}.msg-date-sep:before,.msg-date-sep:after{content:"";background:#f0f2f8;flex:1;height:1px}.msg-date-sep span{color:#c0c7d4;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:10px;font-weight:700}.msg-row{align-items:flex-end;gap:8px;padding:1px 0;animation:.18s both msgIn;display:flex}.msg-row--mine{flex-direction:row-reverse}.msg-row--theirs{flex-direction:row}.msg-row--first{margin-top:14px}.msg-row--cont{margin-top:2px}.msg-row.editing-active .msg-bubble{outline-offset:1px;outline:2px solid #5b6ef5}.msg-bubble-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.msg-bubble-avatar img,.msg-bubble-avatar{border-radius:50%}.msg-row-body{flex-direction:column;gap:2px;min-width:0;max-width:60%;display:flex}.msg-row--mine .msg-row-body{align-items:flex-end}.msg-sender-label{color:#8892a4;margin-bottom:1px;padding:0 6px;font-size:11px;font-weight:600}.msg-hover-wrap{align-items:flex-end;gap:4px;display:flex}.msg-row--theirs .msg-hover-wrap{flex-direction:row-reverse}.msg-bubble{word-break:break-word;border-radius:18px;min-width:70px;padding:8px 58px 8px 14px;font-size:13.5px;line-height:1.55;position:relative}.msg-row--theirs .msg-bubble{color:#1a1d2e;background:#f2f3f7;border-bottom-left-radius:4px}.msg-row--mine .msg-bubble{color:#1a1d2e;background:#dcf5e3;border-bottom-right-radius:4px}.msg-bubble.emoji-only{border-radius:8px;min-width:60px;padding:2px 42px 0 4px;background:0 0!important}.msg-bubble-text{display:inline}.msg-bubble.emoji-only .msg-bubble-text{font-size:34px;line-height:1.15;display:block}.msg-edited{opacity:.5;margin-left:4px;font-size:10px;font-style:italic}.msg-time-in{color:#5a62798c;white-space:nowrap;pointer-events:none;font-size:10px;font-weight:500;line-height:1;position:absolute;bottom:6px;right:10px}.msg-row--mine .msg-time-in{color:#1e643280}.msg-img-outer{display:inline-block;position:relative}.msg-img-bubble{object-fit:cover;cursor:pointer;border-radius:14px;max-width:220px;max-height:180px;transition:transform .15s;display:block}.msg-img-bubble:hover{transform:scale(1.02)}.msg-img-outer .msg-time-in{color:#fff;background:#00000061;border-radius:6px;padding:1px 5px;bottom:8px;right:10px}.msg-hover-acts{opacity:0;flex-shrink:0;align-self:flex-end;align-items:center;gap:1px;padding-bottom:4px;transition:opacity .15s;display:flex}.msg-hover-wrap:hover .msg-hover-acts{opacity:1}.msg-bact{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.msg-bact.edit{color:#5b6ef5}.msg-bact.del{color:#ef4444}.msg-bact:hover{background-color:#dcdcde}.msg-edit-indicator{background:#f7f8ff;border-top:1.5px solid #eef0fd;border-radius:10px 10px 0 0;align-items:center;gap:10px;padding:7px 12px;display:flex}.msg-edit-ind-icon{color:#5b6ef5;flex-shrink:0;align-items:center;display:flex}.msg-edit-ind-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.msg-edit-ind-label{color:#5b6ef5;font-size:11px;font-weight:700}.msg-edit-ind-text{color:#8892a4;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.msg-edit-ind-cancel{color:#5a6279;cursor:pointer;background:#e2e6f3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.msg-edit-ind-cancel:hover{background:#d0d5e8}.msg-input-area{border-top:1.5px solid #f0f2f8;flex-direction:column;flex-shrink:0;gap:0;padding:10px 16px;display:flex}.msg-input-row{align-items:center;gap:7px;display:flex}.msg-emoji-btn{cursor:pointer;color:#b0b8cc;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.msg-emoji-btn:hover{color:#4a5de4;background:#f0f2f8}.msg-text-input{color:#1a1d2e;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:36px;max-height:120px;padding:6px 0;font-family:inherit;font-size:13.5px;line-height:1.5;overflow-y:auto}.msg-text-input::placeholder{color:#b0b8cc}.msg-input-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.msg-action-btn{color:#8892a4;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.msg-action-btn:hover{color:#5b6ef5;background:#f0f2f8}.msg-send-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 10px #5b6ef54d}.msg-send-btn:hover{background:#4a5de4;transform:translateY(-1px);box-shadow:0 4px 14px #5b6ef566}.msg-send-btn:active{transform:translateY(0)}.msg-send-btn:disabled{color:#b0b8cc;box-shadow:none;cursor:not-allowed;background:#e2e8f0;transform:none}.msg-emoji-picker{z-index:300;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:4px;padding:11px;animation:.18s both msgPickerIn;display:grid;position:absolute;bottom:68px;left:14px;box-shadow:0 8px 32px #0000001f}.msg-emoji-item{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .12s;display:flex}.msg-emoji-item:hover{background:#f0f2f8;transform:scale(1.2)}.msg-img-preview-bar{flex-wrap:wrap;gap:8px;display:flex}.msg-img-preview-item{display:inline-flex;position:relative}.msg-img-preview-item img{object-fit:cover;border:2px solid #e2e8f0;border-radius:10px;width:56px;height:56px}.msg-img-preview-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.msg-lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f122edb;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.msg-lightbox img{border-radius:14px;max-width:90vw;max-height:88vh;box-shadow:0 24px 64px #0006}.msg-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex;position:absolute;top:20px;right:20px}.msg-lightbox-close:hover{background:#ffffff40}.msg-no-chat{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.msg-no-chat-icon{background:linear-gradient(135deg,#eef0fd,#dde1fb);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;display:flex}.msg-no-chat-title{color:#c0c7d4;font-size:18px;font-weight:800}.msg-no-chat-sub{color:#d0d6e2;font-size:13px}.msg-info-panel{background:#fafbff;border-left:1.5px solid #f0f2f8;flex-direction:column;flex-shrink:0;width:256px;padding-bottom:12px;display:flex;overflow-y:auto}.msg-info-panel::-webkit-scrollbar{width:4px}.msg-info-panel::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.msg-info-top{border-bottom:1.5px solid #f0f2f8;flex-direction:column;align-items:center;gap:6px;padding:24px 20px 18px;display:flex}.msg-info-name{color:#1a1d2e;text-align:center;font-size:15px;font-weight:800}.msg-info-role{color:#8892a4;text-align:center;font-size:12px;font-weight:500}.msg-info-msgcount{color:#5b6ef5;background:#eef0fd;border-radius:20px;align-items:center;gap:6px;margin-top:4px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.msg-info-section{border-bottom:1.5px solid #f0f2f8}.msg-info-section-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;color:#b0b8cc;letter-spacing:.7px;justify-content:space-between;align-items:center;padding:13px 18px;font-size:10px;font-weight:800;transition:background .15s;display:flex}.msg-info-section-hdr:hover{background:#f5f6fc}.msg-info-chev{color:#c0c7d4;flex-shrink:0;transition:transform .2s}.msg-info-chev.open{transform:rotate(90deg)}.msg-info-section-body{flex-direction:column;gap:10px;padding:4px 18px 14px;display:none}.msg-info-section-body.show{display:flex}.msg-info-row{flex-direction:column;gap:3px;display:flex}.msg-info-key{color:#b0b8cc;letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.msg-info-val{color:#1a1d2e;word-break:break-all;font-size:12px;font-weight:600}.msg-attach-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.msg-attach-thumb{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:8px;width:100%;transition:transform .15s}.msg-attach-thumb:hover{transform:scale(1.04)}@keyframes msgSkeletonPulse{0%{background-color:#e2e8f0}50%{background-color:#cbd5e1}to{background-color:#e2e8f0}}.msg-img-skeleton{border-radius:14px;width:200px;height:150px;animation:1.5s ease-in-out infinite msgSkeletonPulse;display:inline-block}.msg-search-wrap{position:relative}.msg-search-dropdown{z-index:100;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;max-height:300px;padding:6px;position:absolute;top:calc(100% + 4px);left:10px;right:10px;overflow-y:auto;box-shadow:0 10px 30px #5b6ef51f}.msg-search-empty{text-align:center;color:#8895b3;padding:12px;font-size:13px;font-weight:500}.msg-search-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.msg-search-item:hover{background:#f0f2f8}.msg-search-item-name{color:#1a1d2e;font-size:14px;font-weight:600}.msg-chat-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 10px 25px #00000014}.msg-chat-menu-item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s}.msg-chat-menu-item:hover{color:#1e293b;background:#f1f5f9}.msg-chat-menu-item.danger{color:#ef4444}.msg-chat-menu-item.danger:hover{color:#dc2626;background:#fef2f2}.msg-modal-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.msg-modal-content{background:#fff;border-radius:12px;width:320px;max-width:90%;padding:20px;animation:.2s slideUp;box-shadow:0 10px 30px #0000001a}.msg-modal-body{color:#1a1d2e;text-align:center;margin-bottom:20px;font-size:15px;font-weight:500;line-height:1.4}.msg-modal-footer{justify-content:center;gap:10px;display:flex}.msg-modal-footer button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:all .2s}.msg-btn-cancel{color:#5a6279;background:#f0f2f8}.msg-btn-cancel:hover{background:#e2e6f3}.msg-btn-confirm{color:#fff;background:#ef4444}.msg-btn-confirm:hover{background:#dc2626}@keyframes onlinePulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 4px #22c55e00}to{box-shadow:0 0 #22c55e00}}.msg-status-dot.online{animation:2s ease-in-out infinite onlinePulse}.msg-chat-status-text.typing{color:#22c55e;font-weight:600}@keyframes typingDots{0%,20%{opacity:.3}50%{opacity:1}80%,to{opacity:.3}}.msg-contact-preview--typing{color:#22c55e!important;font-weight:600!important}.msg-search-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s msgFadeIn;display:flex;position:fixed;inset:0}.msg-search-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:650px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) msgSlideUp;display:flex;overflow:visible;box-shadow:0 10px 40px #0000001a}.msg-search-modal-list::-webkit-scrollbar{width:6px}.msg-search-modal-list::-webkit-scrollbar-track{background:0 0}.msg-search-modal-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.msg-search-modal-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes msgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes msgSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.msg-search-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.msg-search-modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.msg-search-modal-close{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.msg-search-modal-close:hover{background:#f1f5f9}.msg-search-modal-input-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;margin:0 24px 16px;padding:0 12px;transition:border-color .2s;display:flex;position:relative}.msg-search-modal-input-wrap:focus-within{background:#fff;border-color:#3b82f6}.msg-search-modal-input-wrap svg{flex-shrink:0}#msg-search-modal-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:12px 10px;font-size:15px}.msg-search-modal-list{flex-direction:column;flex:1;gap:4px;padding:0 16px 16px;display:flex;overflow-y:auto}.msg-search-modal-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.msg-search-modal-item:hover{background:#f8fafc}.msg-search-modal-item-info{flex-direction:column;display:flex}.msg-search-modal-item-name{color:#0f172a;font-size:15px;font-weight:600}.msg-search-modal-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.msg-pagination{align-items:center;gap:12px;display:flex}.msg-page-btn{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.msg-page-btn:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.msg-page-btn:disabled{opacity:.5;cursor:not-allowed}.msg-page-info{color:#64748b;font-size:14px;font-weight:600}.rows-selector-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.rows-selector-btn:hover{background:#f1f5f9}.rows-selector-btn .chevron{transition:transform .2s}.rows-selector-btn .chevron.open{transform:rotate(180deg)}.rows-dropdown{z-index:10;opacity:0;visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;min-width:60px;padding:4px;transition:all .2s;display:flex;position:absolute;transform:translateY(4px);box-shadow:0 4px 12px #0000000d}.rows-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.rows-option{color:#475569;cursor:pointer;text-align:center;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.rows-option:hover{color:#0f172a;background:#f8fafc}.rows-option.active{color:#4f46e5;background:#e0e7ff;font-weight:600}.msg-an-trigger{color:#5b6ef5;cursor:pointer;background:#f0f2f8;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.msg-an-trigger:hover{background:#eef0fd;transform:translateY(-1px);box-shadow:0 3px 10px #5b6ef526}.msg-an-trigger .msg-an-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite msgAnPulse}@keyframes msgAnPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.msg-an-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3000;background:#1a1d2e6b;justify-content:center;align-items:flex-end;animation:.2s msgAnOverlayIn;display:flex;position:fixed;inset:0}@keyframes msgAnOverlayIn{0%{opacity:0}to{opacity:1}}.msg-an-panel{background:#f0f2f8;border-radius:22px 22px 0 0;flex-direction:column;width:85%;max-width:1600px;max-height:90vh;font-family:inherit;animation:.34s msgAnPanelIn;display:flex;overflow:hidden;box-shadow:0 -6px 40px #5b6ef51a,0 -1px #e2e8f0}@keyframes msgAnPanelIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.msg-an-header{background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 26px 15px;display:flex}.msg-an-header-left{align-items:center;gap:12px;display:flex}.msg-an-header-icon{background:linear-gradient(135deg,#5b6ef5,#818cf8);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 3px 10px #5b6ef547}.msg-an-header-title{color:#1a1d2e;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:800}.msg-an-header-sub{color:#8892a4;margin:2px 0 0;font-size:11px;font-weight:500}.msg-an-close{color:#8892a4;cursor:pointer;background:#f0f2f8;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.msg-an-close:hover{color:#1a1d2e;background:#e2e6f3;border-color:#c8cee0}.msg-an-body{flex-direction:column;flex:1;gap:18px;padding:20px 26px 28px;display:flex;overflow-y:auto}.msg-an-body::-webkit-scrollbar{width:4px}.msg-an-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:2px}.msg-an-section-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:-6px;font-size:10px;font-weight:800}.msg-an-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.msg-an-kpi{background:#fff;border:1.5px solid #e8eaf5;border-radius:15px;flex-direction:column;gap:7px;padding:16px 18px;transition:transform .18s,box-shadow .18s;animation:.38s both msgAnCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 7px #5b6ef50e}.msg-an-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5b6ef51f}@keyframes msgAnCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-an-kpi:first-child{animation-delay:40ms}.msg-an-kpi:nth-child(2){animation-delay:90ms}.msg-an-kpi:nth-child(3){animation-delay:.14s}.msg-an-kpi:nth-child(4){animation-delay:.19s}.msg-an-kpi:before{content:"";border-radius:15px 15px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.msg-an-kpi--blue:before{background:linear-gradient(90deg,#5b6ef5,#818cf8)}.msg-an-kpi--violet:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.msg-an-kpi--green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.msg-an-kpi--amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.msg-an-kpi:after{content:"";opacity:.055;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-18px;right:-18px}.msg-an-kpi--blue:after{background:#5b6ef5}.msg-an-kpi--violet:after{background:#7c3aed}.msg-an-kpi--green:after{background:#22c55e}.msg-an-kpi--amber:after{background:#f59e0b}.msg-an-kpi-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.msg-an-kpi-val{color:#1a1d2e;letter-spacing:-.8px;font-size:28px;font-weight:900;line-height:1}.msg-an-kpi-sub{color:#b0b8cc;font-size:11px;font-weight:500}.msg-an-row-2{grid-template-columns:1.5fr 1fr;gap:11px;display:grid}.msg-an-row-3{grid-template-columns:1fr 1fr 1fr;gap:11px;display:grid}.msg-an-card{background:#fff;border:1.5px solid #e8eaf5;border-radius:15px;padding:18px 20px;animation:.42s .22s both msgAnCardIn;box-shadow:0 2px 7px #5b6ef50d}.msg-an-card-title{color:#1a1d2e;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.msg-an-card-title span{color:#b0b8cc;margin-left:auto;font-size:10px;font-weight:600}.msg-an-talkers{flex-direction:column;gap:10px;display:flex}.msg-an-talker-row{align-items:center;gap:10px;animation:.38s both msgAnCardIn;display:flex}.msg-an-talker-row:first-child{animation-delay:.26s}.msg-an-talker-row:nth-child(2){animation-delay:.31s}.msg-an-talker-row:nth-child(3){animation-delay:.36s}.msg-an-talker-row:nth-child(4){animation-delay:.41s}.msg-an-talker-row:nth-child(5){animation-delay:.46s}.msg-an-talker-avatar{color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.msg-an-talker-info{flex:1;min-width:0}.msg-an-talker-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.msg-an-talker-count{color:#b0b8cc;margin-top:1px;font-size:10px;font-weight:500}.msg-an-talker-bar-wrap{flex:1;align-items:center;gap:7px;display:flex}.msg-an-talker-bar-bg{background:#f0f2f8;border-radius:3px;flex:1;height:5px;overflow:hidden}.msg-an-talker-bar-fill{background:linear-gradient(90deg,#5b6ef5,#818cf8);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.msg-an-talker-num{color:#5b6ef5;white-space:nowrap;text-align:right;min-width:28px;font-size:11px;font-weight:800}.msg-an-heatmap{flex-direction:column;gap:6px;display:flex}.msg-an-heatmap-row{align-items:center;gap:4px;display:flex}.msg-an-heatmap-label{color:#c0c7d4;text-align:right;flex-shrink:0;width:28px;font-size:9px;font-weight:600}.msg-an-heat-cell{cursor:default;border-radius:4px;flex:1;height:18px;transition:transform .15s;position:relative}.msg-an-heat-cell:hover{z-index:2;transform:scale(1.15)}.msg-an-heat-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#1a1d2e;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700;transition:opacity .15s;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.msg-an-heat-cell:hover .msg-an-heat-tooltip{opacity:1}.msg-an-heatmap-hours{gap:4px;padding-left:32px;display:flex}.msg-an-heatmap-hour-label{color:#d0d6e2;text-align:center;flex:1;font-size:8px;font-weight:600}.msg-an-donut-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.msg-an-donut-svg-wrap{width:110px;height:110px;position:relative}.msg-an-donut-svg{transform:rotate(-90deg)}.msg-an-donut-center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.msg-an-donut-center-num{color:#1a1d2e;letter-spacing:-.5px;font-size:20px;font-weight:900;line-height:1}.msg-an-donut-center-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:700}.msg-an-donut-legend{flex-direction:column;gap:7px;width:100%;display:flex}.msg-an-donut-legend-item{color:#5a6279;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.msg-an-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.msg-an-legend-count{color:#1a1d2e;margin-left:auto;font-size:11px;font-weight:800}.msg-an-mini-stat{background:#fff;border:1.5px solid #e8eaf5;border-radius:13px;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .18s,box-shadow .18s;animation:.42s both msgAnCardIn;display:flex;box-shadow:0 2px 6px #5b6ef50a}.msg-an-mini-stat:hover{transform:translateY(-2px);box-shadow:0 6px 18px #5b6ef51a}.msg-an-mini-stat:first-child{animation-delay:.24s}.msg-an-mini-stat:nth-child(2){animation-delay:.29s}.msg-an-mini-stat:nth-child(3){animation-delay:.34s}.msg-an-mini-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.msg-an-mini-val{color:#1a1d2e;letter-spacing:-.5px;font-size:24px;font-weight:900;line-height:1}.msg-an-mini-sub{color:#b0b8cc;font-size:10px;font-weight:500}.msg-an-recent{flex-direction:column;gap:0;display:flex}.msg-an-recent-item{border-bottom:1px solid #f5f6fb;align-items:center;gap:10px;padding:9px 0;animation:.38s both msgAnCardIn;display:flex}.msg-an-recent-item:last-child{border-bottom:none}.msg-an-recent-item:first-child{animation-delay:.28s}.msg-an-recent-item:nth-child(2){animation-delay:.33s}.msg-an-recent-item:nth-child(3){animation-delay:.38s}.msg-an-recent-item:nth-child(4){animation-delay:.43s}.msg-an-recent-item:nth-child(5){animation-delay:.48s}.msg-an-recent-avatar{color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.msg-an-recent-body{flex:1;min-width:0}.msg-an-recent-name{color:#1a1d2e;font-size:11px;font-weight:700}.msg-an-recent-text{color:#8892a4;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.msg-an-recent-time{color:#c0c7d4;flex-shrink:0;font-size:10px;font-weight:500}.msg-an-bar-chart{align-items:flex-end;gap:6px;height:90px;padding:0 2px;display:flex}.msg-an-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.msg-an-bar-inner{justify-content:center;align-items:flex-end;width:100%;height:70px;display:flex}.msg-an-bar{cursor:default;border-radius:5px 5px 0 0;width:75%;transition:filter .15s;position:relative}.msg-an-bar:hover{filter:brightness(1.1)}.msg-an-bar-lbl{color:#c0c7d4;text-align:center;white-space:nowrap;font-size:9px;font-weight:700}.msg-an-bar-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#1a1d2e;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;transition:opacity .15s;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.msg-an-bar:hover .msg-an-bar-tooltip{opacity:1}.msg-an-footer{background:#fff;border-top:1.5px solid #e8eaf5;flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.msg-an-footer-text{color:#c0c7d4;letter-spacing:.2px;font-size:10px;font-weight:600}@keyframes vacFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vacSlideUp{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vacOverlay{0%{opacity:0}to{opacity:1}}.vac-header-btns{align-items:center;gap:10px;display:flex}.vac-wrap{box-sizing:border-box;background:#f0f2f8;border-radius:12px;flex-direction:column;gap:16px;width:100%;height:100%;padding:24px 28px;font-family:inherit;display:flex;overflow:hidden}.vac-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.vac-title{color:#1a1d2e;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.vac-add-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:11px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #5b6ef559}.vac-add-btn:hover{background:#4a5de4;transform:translateY(-1px);box-shadow:0 6px 20px #5b6ef566}.vac-controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.vac-search-wrap{background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:200px;padding:9px 13px;display:flex;box-shadow:0 1px 4px #0000000f}.vac-search-input{color:#1a1d2e;background:0 0;border:none;outline:none;width:160px;font-family:inherit;font-size:13px}.vac-search-input::placeholder{color:#b0b8cc}.vac-filters{flex-wrap:wrap;gap:6px;display:flex}.vac-filter-btn{color:#5a6279;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.vac-filter-btn:hover{color:#5b6ef5;background:#f5f6ff;border-color:#5b6ef5}.vac-filter-btn.active{color:#fff;background:#5b6ef5;border-color:#5b6ef5;box-shadow:0 2px 8px #5b6ef54d}.vac-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:16px;min-height:0;padding-bottom:8px;padding-right:4px;display:grid;overflow-y:auto}.vac-grid::-webkit-scrollbar{width:5px}.vac-grid::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.vac-empty{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:60px 0;display:flex}.vac-empty-icon{font-size:56px}.vac-empty-title{color:#c0c7d4;font-size:17px;font-weight:800}.vac-empty-sub{color:#d0d6e2;font-size:13px}.vac-card{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;transition:all .22s;animation:.3s both vacFadeIn;display:flex;box-shadow:0 2px 12px #00000012}.vac-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #5b6ef52e}.vac-card-img-wrap{border-radius:16px 16px 0 0;flex-shrink:0;height:200px;position:relative;overflow:hidden}.vac-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.vac-card:hover .vac-card-img{transform:scale(1.07)}.vac-card-img-overlay{background:linear-gradient(#0000 45%,#1418328c 100%);position:absolute;inset:0}.vac-card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:12px;left:12px;background-color:#fff!important}.vac-card-actions-top{opacity:0;gap:5px;transition:opacity .18s;display:flex;position:absolute;top:10px;right:10px}.vac-card:hover .vac-card-actions-top{opacity:1}.vac-card-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.vac-edit-btn{color:#5b6ef5;background:#ffffffe6}.vac-del-btn{color:#ef4444;background:#ffffffe6}.vac-card-action-btn:hover{transform:scale(1.1)}.vac-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.vac-card-location{color:#8892a4;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.vac-card-name{color:#1a1d2e;font-size:16px;font-weight:800;line-height:1.3}.vac-card-meta{justify-content:space-between;align-items:center;display:flex}.vac-card-stars{align-items:center;gap:2px;display:flex}.vac-star.full{color:#f59e0b;font-size:13px}.vac-star.half{color:#f59e0b;opacity:.6;font-size:13px}.vac-star.empty{color:#e2e8f0;font-size:13px}.vac-card-stars span{color:#5a6279;margin-left:3px;font-size:11px;font-weight:700}.vac-card-duration{color:#8892a4;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.vac-card-footer{border-top:1px solid #f5f6fb;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.vac-card-price{align-items:baseline;gap:3px;display:flex}.vac-price-from{color:#b0b8cc;font-size:11px}.vac-price-num{color:#1a1d2e;letter-spacing:-.5px;font-size:22px;font-weight:800}.vac-price-per{color:#8892a4;font-size:11px}.vac-details-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:9px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.vac-details-btn:hover{background:#4a5de4;transform:translateY(-1px)}.vac-detail-page{background:#fff;border-radius:16px;flex-direction:column;width:100%;height:100%;animation:.25s vacFadeIn;display:flex;overflow-y:auto;box-shadow:0 4px 24px #00000012}.vac-detail-page::-webkit-scrollbar{width:5px}.vac-detail-page::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.vac-back-btn{color:#5a6279;cursor:pointer;background:#f0f2f8;border:none;border-radius:9px;align-items:center;gap:7px;width:fit-content;margin:18px 20px 0;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.vac-back-btn:hover{color:#1a1d2e;background:#e2e6f3}.vac-gallery-wrap{padding:14px 20px 0}.vac-bk-gallery{border-radius:12px;align-items:flex-start;gap:4px;display:flex;overflow:hidden}.vac-bk-main{cursor:pointer;border-radius:10px 0 0 10px;flex:0 0 58%;height:460px;position:relative;overflow:hidden}.vac-bk-main-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.vac-bk-main:hover .vac-bk-main-img{transform:scale(1.03)}.vac-bk-counter{color:#fff;letter-spacing:.3px;background:#0009;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;bottom:12px;right:12px}.vac-bk-arrow-btn{color:#fff;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:56px;transition:all .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.vac-bk-arrow-btn:hover{background:#000000a6}.vac-bk-arrow-btn:disabled{opacity:.25;cursor:default}.vac-bk-arrow-prev{left:10px}.vac-bk-arrow-next{right:10px}.vac-bk-zoom-btn{color:#fff;cursor:pointer;z-index:3;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;bottom:12px;left:12px}.vac-bk-main:hover .vac-bk-zoom-btn{opacity:1}.vac-bk-thumbs{flex-direction:column;flex:1;gap:4px;min-width:0;height:460px;display:flex}.vac-bk-thumbs-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:106px;align-content:start;gap:4px;min-height:0;display:grid;overflow:hidden}.vac-bk-thumb{cursor:pointer;border-radius:6px;height:106px;overflow:hidden}.vac-bk-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block}.vac-bk-thumb:hover img{transform:scale(1.07)}.vac-bk-show-more{color:#5a6279;cursor:pointer;background:#f0f2f8;border:none;border-radius:0 0 10px;flex-shrink:0;justify-content:center;align-items:center;height:40px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.vac-bk-show-more:hover{color:#1a1d2e;background:#e2e6f3}.vac-fullgallery{z-index:5000;background:#111;flex-direction:column;animation:.2s vacOverlay;display:flex;position:fixed;inset:0}.vac-fg-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.vac-fg-title{color:#fff;font-size:16px;font-weight:700}.vac-fg-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}.vac-fg-close:hover{background:#ffffff47}.vac-fg-main{flex:1;align-items:center;gap:0;min-height:0;padding:0 10px;display:flex}.vac-fg-nav{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .15s;display:flex}.vac-fg-nav:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.vac-fg-nav:disabled{opacity:.25;cursor:default}.vac-fg-img-wrap{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative}.vac-fg-img{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;display:block}.vac-fg-counter{color:#ffffffb3;background:#0006;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.vac-fg-strip{scroll-behavior:smooth;background:#0006;flex-shrink:0;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.vac-fg-strip::-webkit-scrollbar{height:4px}.vac-fg-strip::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.vac-fg-strip-item{cursor:pointer;opacity:.65;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:72px;height:54px;transition:border-color .18s;overflow:hidden}.vac-fg-strip-item.active{opacity:1;border-color:#fff}.vac-fg-strip-item:hover{opacity:.9}.vac-fg-strip-item img{object-fit:cover;width:100%;height:100%;display:block}.vac-detail-body{flex-direction:row;align-items:flex-start;gap:24px;padding:20px 20px 28px;display:flex}.vac-detail-main{flex:1;min-width:0}.vac-detail-side{flex:0 0 300px}.vac-detail-top-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.vac-detail-location{color:#5b6ef5;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.vac-detail-name{color:#1a1d2e;letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:800}.vac-detail-stars{align-items:center;gap:4px;margin-bottom:14px;display:flex}.vac-detail-stars .vac-star{font-size:17px}.vac-detail-rating-num{color:#8892a4;margin-left:6px;font-size:13px;font-weight:600}.vac-detail-desc{color:#5a6279;margin:0 0 24px;font-size:14px;line-height:1.75}.vac-detail-section-title{color:#b0b8cc;text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:5px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.vac-includes-grid{flex-direction:column;gap:8px;display:flex}.vac-include-item{color:#1a1d2e;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:500;display:flex}.vac-include-item svg{flex-shrink:0;margin-top:2px}.vac-booking-card{background:linear-gradient(135deg,#f8f9ff,#eef0fd);border:1.5px solid #e2e8f0;border-radius:16px;width:100%;padding:22px}.vac-booking-price{align-items:baseline;gap:4px;margin-bottom:14px;display:flex}.vac-booking-from{color:#8892a4;font-size:13px}.vac-booking-num{color:#1a1d2e;letter-spacing:-.5px;font-size:32px;font-weight:800}.vac-booking-per{color:#8892a4;font-size:13px}.vac-booking-duration{flex-wrap:wrap;gap:18px;margin-bottom:16px;display:flex}.vac-booking-dur-item{color:#5a6279;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.vac-book-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #5b6ef559}.vac-book-btn:hover{background:#4a5de4;transform:translateY(-1px)}.vac-detail-map-section{margin-top:28px}.vac-detail-map-wrap{border:1.5px solid #f0f2f8;border-radius:14px;height:calc(100vh - 240px);overflow:hidden}.vac-yandex-iframe{border:none;width:100%;height:100%;display:block}.vac-detail-map-loading{color:#b0b8cc;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.vac-map-coords{color:#b0b8cc;text-align:center;margin-top:6px;font-size:10px;font-weight:600}.vac-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;box-sizing:border-box;background:#0f122ead;justify-content:center;align-items:center;padding:16px;animation:.2s vacOverlay;display:flex;position:fixed;inset:0}.vac-modal-close{color:#5a6279;cursor:pointer;z-index:10;background:#f0f2f8;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.vac-modal-close:hover{color:#1a1d2e;background:#e2e6f3;transform:scale(1.05)}.vac-add-modal{background:#fff;border-radius:20px;flex-direction:column;width:90%;height:820px;max-height:94vh;animation:.25s vacSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000047}.vac-add-modal-header{border-bottom:1.5px solid #f0f2f8;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px 18px;display:flex}.vac-add-modal-title{color:#1a1d2e;margin:0;font-size:20px;font-weight:800}.vac-add-modal-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden auto}.vac-add-modal-body::-webkit-scrollbar{width:5px}.vac-add-modal-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.vac-form-col{flex-direction:column;gap:16px;padding:22px 28px;display:flex}.vac-form-col--right{background:#fafbff;border-left:1.5px solid #f0f2f8}.vac-form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vac-form-row-3{grid-template-columns:1.5fr 1fr 1fr;gap:12px;display:grid}.vac-form-group{flex-direction:column;gap:8px;display:flex}.vac-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.vac-input{color:#1a1d2e;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border .15s}.vac-input:focus{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.vac-input::placeholder{color:#c0c7d4}.vac-select{cursor:pointer}.vac-textarea{resize:vertical;min-height:80px;line-height:1.5}.vac-input-prefix-wrap{position:relative}.vac-input-prefix{color:#8892a4;pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.vac-input--prefix{padding-left:24px}.vac-lang-tabs{background:#f5f6fb;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.vac-lang-tabs-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.4px;margin-right:4px;font-size:11px;font-weight:700}.vac-lang-tab{color:#5a6279;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.vac-lang-tab.active{color:#fff;background:#5b6ef5;box-shadow:0 2px 8px #5b6ef54d}.vac-lang-tab:hover:not(.active){background:#e8eaf8}.vac-rating-input{align-items:center;gap:4px;display:flex}.vac-rating-star{color:#e2e8f0;cursor:pointer;background:0 0;border:none;padding:0;font-size:26px;line-height:1;transition:color .15s}.vac-rating-star.active{color:#f59e0b}.vac-rating-star:hover{color:#fbbf24}.vac-rating-val{color:#5a6279;margin-left:6px;font-size:13px;font-weight:700}.vac-cover-upload{cursor:pointer;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-height:140px;transition:border-color .15s;display:flex;overflow:hidden}.vac-cover-upload:hover{border-color:#5b6ef5}.vac-upload-placeholder{color:#c0c7d4;flex-direction:column;align-items:center;gap:8px;padding:28px;font-size:13px;font-weight:600;display:flex}.vac-cover-preview{width:100%;position:relative}.vac-cover-img{object-fit:cover;width:100%;height:160px;display:block}.vac-img-remove{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;line-height:1;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.vac-img-remove:hover{background:#ef4444;transform:scale(1.1)}.vac-gallery-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vac-gallery-item{aspect-ratio:1;border-radius:10px;position:relative;overflow:hidden}.vac-gallery-thumb{object-fit:cover;width:100%;height:100%;display:block}.vac-gallery-add-btn{aspect-ratio:1;cursor:pointer;background:#f8f9ff;border:2px dashed #e2e8f0;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.vac-gallery-add-btn:hover{background:#f0f2fd;border-color:#5b6ef5}.vac-map-hint{color:#8892a4;margin-bottom:4px;font-size:11px;font-style:italic}.vac-pick-map-search{align-items:center;gap:6px;margin-bottom:6px;display:flex}.vac-map-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#5b6ef5;border:none;border-radius:8px;flex-shrink:0;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.vac-map-search-btn:hover{background:#4a5de4}.vac-pick-map{background:#f5f6fb;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;height:260px;position:relative;overflow:hidden}.vac-add-modal-footer{background:#fff;border-top:1.5px solid #f0f2f8;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 28px;display:flex}.vac-btn-secondary{color:#5a6279;cursor:pointer;background:#f0f2f8;border:none;border-radius:10px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.vac-btn-secondary:hover{background:#e2e6f3}.vac-btn-primary{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:10px;align-items:center;gap:6px;padding:11px 24px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #5b6ef54d}.vac-btn-primary:hover{background:#4a5de4;transform:translateY(-1px)}.vac-lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#0a0c1eeb;justify-content:center;align-items:center;animation:.2s vacOverlay;display:flex;position:fixed;inset:0}.vac-lightbox img{border-radius:14px;max-width:92vw;max-height:90vh;box-shadow:0 30px 80px #00000080}.vac-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:background .15s;display:flex;position:absolute;top:18px;right:18px}.vac-lightbox-close:hover{background:#ffffff47}@keyframes vacDelIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.vac-del-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;box-sizing:border-box;background:#0f122ea6;justify-content:center;align-items:center;padding:16px;animation:.18s vacOverlay;display:flex;position:fixed;inset:0}.vac-del-modal{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:360px;padding:26px 26px 20px;animation:.2s vacDelIn;display:flex;box-shadow:0 20px 60px #00000038}.vac-del-icon-wrap{background:#fcebeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vac-del-content{flex-direction:column;gap:6px;display:flex}.vac-del-title{color:#1a1d2e;font-size:16px;font-weight:700}.vac-del-desc{color:#5a6279;font-size:13px;line-height:1.65}.vac-del-desc strong{color:#1a1d2e;font-weight:600}.vac-del-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.vac-del-cancel{color:#5a6279;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.vac-del-cancel:hover{background:#f0f2f8;border-color:#c8cee0}.vac-del-confirm{color:#fff;cursor:pointer;background:#e24b4a;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #e24b4a4d}.vac-del-confirm:hover{background:#c93c3b;transform:translateY(-1px);box-shadow:0 5px 16px #e24b4a66}.vac-book-modal-box{max-height:90vh;overflow-y:auto;max-width:600px!important;padding:0!important}.vac-book-box-center{text-align:center;max-width:400px;margin:0 auto;padding:40px 20px}.vac-book-success-title{color:#1a1d2e;margin:0 0 10px;font-size:22px}.vac-book-success-desc{color:#8892a4;margin:0 0 20px;font-size:14px}.vac-book-summary-box{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:15px}.vac-book-summary-row{justify-content:space-between;margin-bottom:8px;display:flex}.vac-book-summary-row:last-child{margin-bottom:0}.vac-book-summary-label{color:#5a6279;font-size:13px}.vac-book-summary-val{color:#1a1d2e;font-size:13px;font-weight:600}.vac-book-header{border-bottom:1px solid #edf1f7;padding:20px 24px}.vac-book-header .vac-add-modal-title{font-size:18px}.vac-book-body{max-height:calc(90vh - 60px);padding:24px;overflow-y:auto}.vac-book-tour-info{border-bottom:1px solid #edf1f7;align-items:center;gap:15px;margin-bottom:24px;padding-bottom:20px;display:flex}.vac-book-tour-img{object-fit:cover;border-radius:12px;width:70px;height:70px}.vac-book-tour-title{color:#1a1d2e;margin:0 0 4px;font-size:16px;line-height:1.3}.vac-book-tour-price{color:#5b6ef5;font-size:15px;font-weight:700}.vac-book-tour-price-per{color:#8892a4;font-size:12px;font-weight:500}.vac-book-section{margin-bottom:20px}.vac-book-section.last{margin-bottom:24px}.vac-book-label{color:#5a6279;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.vac-book-guest-ctrl{align-items:center;gap:15px;display:flex}.vac-guest-btn{color:#1a1d2e;cursor:pointer;background:#fff;border:1px solid #c0c7d4;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .1s;display:flex}.vac-guest-btn:hover{background:#f8fafc}.vac-book-guest-count{color:#1a1d2e;text-align:center;min-width:20px;font-size:18px;font-weight:700}.vac-book-methods{flex-direction:column;gap:10px;display:flex}.vac-book-method-item{cursor:pointer;border:2px solid #edf1f7;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.vac-book-method-item.active{border-color:#5b6ef5}.vac-book-method-radio{accent-color:#5b6ef5;cursor:pointer;width:18px;height:18px}.vac-book-method-info{flex:1}.vac-book-method-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.vac-book-method-name{color:#1a1d2e;font-size:14px;font-weight:600}.vac-book-method-bal{color:#22c55e;font-size:13px;font-weight:700}.vac-book-method-bal.error{color:#ef4444}.vac-book-method-sub{color:#8892a4;font-size:12px}.vac-book-no-methods{color:#ef4444;background:#fff0f0;border-radius:10px;padding:15px;font-size:13px}.vac-book-total-row{border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:20px;display:flex}.vac-book-total-label{color:#5a6279;font-size:15px;font-weight:600}.vac-book-total-val{color:#1a1d2e;font-size:22px;font-weight:800}.vac-book-confirm-btn{border-radius:12px;width:100%;height:48px;font-size:15px;transition:background-color .2s,color .2s}.vac-book-actions .vac-book-confirm-btn{width:max-content}.vac-book-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.vac-book-login-btn{margin-top:20px}.vac-modal-tabs{border-bottom:1px solid #e2e8f0;gap:16px;margin-bottom:20px;display:flex}.vac-modal-tab{cursor:pointer;color:#8892a4;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s}.vac-modal-tab:hover{color:#1a1d2e}.vac-modal-tab.active{color:#5b6ef5;border-bottom-color:#5b6ef5}.vac-hotels-tab-container{flex-direction:column;height:100%;display:flex}.vac-hotel-edit-btn,.vac-room-edit-btn{height:auto;padding:6px 12px;font-size:13px}.vac-hotel-remove-btn,.vac-room-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:600}.vac-hotel-remove-btn:hover,.vac-room-remove-btn:hover{background:#ef44441a;border-radius:6px}.vac-add-modal-header-left{align-items:center;gap:15px;display:flex}.vac-modal-header-tabs{align-items:center;gap:20px;display:flex}.vac-modal-header-tab{color:#8892a4;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding-bottom:6px;font-family:inherit;font-size:20px;font-weight:700;transition:all .2s}.vac-modal-header-tab.active{color:#1a1d2e;border-bottom-color:#5b6ef5}.vac-modal-header-tab:hover{color:#1a1d2e}.vac-amenities-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px;display:grid}.vac-amenity-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.vac-amenity-card:hover{background:#f1f5f9;border-color:#cbd5e1}.vac-amenity-card.active{background:#f0f4ff;border-color:#5b6ef5;box-shadow:0 2px 8px #5b6ef526}.vac-amenity-checkbox{cursor:pointer;accent-color:#5b6ef5;width:16px;height:16px}.vac-amenity-icon{justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;min-height:16px;line-height:1;display:flex}.vac-amenity-label{color:#334155;font-size:13px;font-weight:600}.vac-amenity-card.active .vac-amenity-label{color:#1e293b}.vac-hotel-layout{box-sizing:border-box;background:#f8fafc;border-radius:12px;gap:0;height:100%;min-height:500px;display:flex;overflow:hidden}.vac-hotel-sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #e2e8f0;border-top-left-radius:12px;border-bottom-left-radius:12px;flex-direction:column;width:260px;min-width:260px;padding:20px;display:flex}.qe-sidebar-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:11px;font-weight:700}.qe-list{flex-direction:column;flex:1;gap:10px;padding-right:5px;display:flex;overflow-y:auto}.q-list-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 15px;transition:all .2s}.q-list-item:hover{border-color:#cbd5e1}.q-list-item.active{border-color:#3b82f6;border-left-style:solid;border-left-width:4px;box-shadow:0 4px 10px #3b82f614}.q-list-item-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.q-list-item-header strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.q-dots-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.q-dots-btn:hover{color:#ef4444;background:#fef2f2}.q-list-item p{color:#64748b;margin:0;font-size:12px}.add-new-q-btn{color:#3b82f6;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;margin-top:15px;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.add-new-q-btn:hover{background:#f0f9ff;border-color:#3b82f6}.vac-hotel-main{box-sizing:border-box;background:#f8fafc;flex:1;padding:20px 30px;overflow:hidden auto}.vac-hotel-main::-webkit-scrollbar{width:5px}.qe-list::-webkit-scrollbar{width:5px}.vac-hotel-main::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.qe-list::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:4px}.settings-editor{flex-direction:column;gap:20px;display:flex}.s-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.s-card h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.empty-state{color:#64748b;justify-content:center;align-items:center;height:100%;display:flex}.vac-amenities-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;display:grid}.hf-image-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;display:flex;overflow:hidden}.hf-image-col{flex-direction:column;flex:1;padding:20px 24px;display:flex}.hf-image-col--left{flex:0 0 max-content}.hf-image-col--right{flex:1.5}.hf-image-divider{background:#e2e8f0;width:1px}.hf-image-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:700}.hf-image-card .vac-cover-upload{aspect-ratio:1;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;width:160px;max-width:100%;height:auto}.hf-image-card .vac-cover-img{object-fit:cover;border-radius:14px;width:100%;height:100%}.hf-image-card .vac-gallery-add-btn{aspect-ratio:1;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;width:160px;max-width:100%}.hf-image-card .vac-gallery-item{aspect-ratio:1;border:1px solid #e2e8f0;border-radius:16px;width:160px}.hf-image-card .vac-gallery-thumb{object-fit:cover;border-radius:16px;width:100%;height:100%}.hf-gallery-grid-custom{flex-wrap:wrap;gap:16px;display:flex}.hf-image-card .vac-upload-placeholder svg stroke,.hf-image-card .vac-gallery-add-btn svg path{stroke:#94a3b8}.hf-room-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.hf-room-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.hf-room-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.hf-room-num{color:#1e293b;font-size:14px;font-weight:600}.hf-room-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.hf-room-remove:hover{color:#dc2626;background:#fecaca}.hf-room-img-add{cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.hf-room-img-add:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.vac-detail-hotels-section{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:32px}.vac-hotel-count-badge{color:#5b6ef5;background:#eef2ff;border-radius:12px;padding:2px 8px;font-size:14px;font-weight:600}.vac-detail-hotels-grid{flex-direction:column;gap:24px;display:flex}.vac-premium-hotel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:row;align-items:stretch;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.vac-premium-hotel-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.vac-premium-hotel-left{border-right:1px solid #f1f5f9;flex-direction:row;flex:1.4;min-width:0;display:flex}.vac-premium-hotel-img-wrap{flex-shrink:0;width:240px;height:100%;min-height:250px;position:relative}.vac-premium-hotel-img{object-fit:cover;width:100%;height:100%}.vac-premium-hotel-img-overlay{background:linear-gradient(#0000 50%,#0009 100%);position:absolute;inset:0}.vac-premium-hotel-rating-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fbbf24;letter-spacing:2px;background:#00000080;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:12px;left:12px}.vac-premium-hotel-price-badge{color:#fff;text-align:right;text-shadow:0 1px 2px #00000080;font-size:12px;position:absolute;bottom:12px;right:12px}.vac-premium-hotel-price-badge strong{font-size:18px;display:block}.vac-premium-hotel-gallery-strip{gap:4px;display:flex;position:absolute;bottom:12px;left:12px}.vac-premium-hotel-gallery-thumb{border:1px solid #ffffff80;border-radius:4px;width:32px;height:32px;overflow:hidden}.vac-premium-hotel-gallery-thumb img{object-fit:cover;width:100%;height:100%}.vac-premium-hotel-gallery-more{color:#fff;background:#0009;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.vac-premium-hotel-left-body{flex-direction:column;flex:1;min-width:0;padding:20px;display:flex}.vac-premium-hotel-header{margin-bottom:12px}.vac-premium-hotel-name{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.vac-premium-hotel-location{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.vac-premium-hotel-desc{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.vac-premium-hotel-amenities{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.vac-premium-amenity-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.vac-premium-hotel-right{background:#f8fafc;flex-direction:column;flex:1;min-width:0;padding:20px;display:flex}.vac-premium-rooms-title{color:#1e293b;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.vac-premium-rooms-list{flex-direction:column;gap:12px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.vac-premium-room-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:row;gap:12px;padding:10px;transition:border-color .2s,box-shadow .2s;display:flex}.vac-premium-room-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vac-premium-room-img-wrap{border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.vac-premium-room-img{object-fit:cover;width:100%;height:100%}.vac-premium-room-info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.vac-premium-room-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.vac-premium-room-prices{flex-direction:column;gap:4px;display:flex}.vac-premium-room-price-tag{color:#64748b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.vac-premium-room-price-tag .vac-beds{background:#f1f5f9;border-radius:4px;padding:1px 6px;font-weight:500}.vac-premium-room-price-tag .vac-price{color:#10b981;font-size:13px;font-weight:700}.vac-book-modal-large{width:95%!important;max-width:1100px!important;height:90vh!important;max-height:900px!important}.vac-book-step-indicator{justify-content:center;align-items:center;margin-bottom:32px;padding:0 20px;display:flex}.vac-book-step{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.vac-book-step-circle{color:#94a3b8;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.vac-book-step-label{color:#94a3b8;white-space:nowrap;font-size:12px;font-weight:600;transition:all .3s;position:absolute;top:40px}.vac-book-step.active .vac-book-step-circle{color:#fff;background:#5b6ef5;border-color:#5b6ef5;box-shadow:0 0 0 4px #5b6ef533}.vac-book-step.active .vac-book-step-label{color:#5b6ef5}.vac-book-step.done .vac-book-step-circle{color:#fff;background:#10b981;border-color:#10b981}.vac-book-step.done .vac-book-step-label{color:#10b981}.vac-book-step-line{background:#e2e8f0;flex:1;height:2px;margin:0 16px;transition:all .3s;transform:translateY(-12px)}.vac-book-step-line.done{background:#10b981}.vac-book-hotels-premium{flex-direction:column;gap:20px;display:flex}.vac-book-hotel-premium{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden}.vac-book-hotel-premium:hover{border-color:#cbd5e1}.vac-book-hotel-premium.vac-selected{background:#f8faff;border-color:#5b6ef5;box-shadow:0 4px 12px #5b6ef51a}.vac-book-hotel-premium-top{gap:16px;padding:16px;display:flex}.vac-book-hotel-premium-img-wrap{border-radius:12px;flex-shrink:0;width:120px;height:120px;position:relative;overflow:hidden}.vac-book-hotel-premium-img{object-fit:cover;width:100%;height:100%}.vac-book-hotel-premium-stars{color:#fbbf24;letter-spacing:1px;background:#0009;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:8px;left:8px}.vac-book-hotel-premium-info{flex:1;min-width:0}.vac-book-hotel-premium-radio-row{align-items:center;gap:12px;margin-bottom:6px;display:flex}.vac-book-hotel-premium-radio-row input[type=radio]{accent-color:#5b6ef5;cursor:pointer;width:20px;height:20px;margin:0}.vac-book-hotel-premium-name{color:#1e293b;margin:0;font-size:16px;font-weight:700}.vac-book-hotel-premium-loc{color:#64748b;align-items:center;gap:4px;margin-bottom:8px;font-size:13px;display:flex}.vac-book-hotel-premium-desc{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.vac-book-hotel-premium-amenities{flex-wrap:wrap;gap:6px;display:flex}.vac-book-amenity-tag{color:#5a6279;background:#e2e8f0;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.vac-book-hotel-premium.vac-selected .vac-book-amenity-tag{color:#4338ca;background:#e0e7ff}.vac-book-hotel-rooms-expanded{background:#f8faff;border-top:1px dashed #cbd5e1;padding:0 16px 16px}.vac-book-rooms-divider{color:#1e293b;padding:16px 0 12px;font-size:14px;font-weight:600}.vac-book-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.vac-book-room-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.vac-book-room-card-img{width:100%;height:180px}.vac-book-room-card-img img{object-fit:cover;width:100%;height:100%}.vac-book-room-card-body{flex-direction:column;flex:1;padding:12px;display:flex}.vac-book-room-card-name{color:#334155;margin-bottom:12px;font-size:14px;font-weight:700}.vac-book-room-card-prices{flex-direction:column;gap:8px;margin-top:auto;display:flex}.vac-book-room-price-option{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;padding:10px;transition:all .2s;display:flex;position:relative}.vac-book-room-price-option:hover{border-color:#cbd5e1}.vac-book-room-price-option.vac-selected{background:#edf2ff;border-color:#5b6ef5}.vac-book-room-radio{accent-color:#5b6ef5;width:16px;height:16px;margin:0 10px 0 0!important}.vac-book-room-price-content{flex-direction:column;display:flex}.vac-book-room-beds-label{color:#64748b;font-size:12px;font-weight:500}.vac-book-room-price-amount{color:#1e293b;font-size:14px;font-weight:700}.vac-book-room-price-option.vac-selected .vac-book-room-price-amount{color:#5b6ef5}.vac-book-room-selected-badge{color:#fff;background:#5b6ef5;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #5b6ef533}.vac-book-summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px}.vac-book-summary-title{color:#1e293b;border-bottom:1px solid #cbd5e1;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700}.vac-book-summary-items{flex-direction:column;gap:8px;display:flex}.vac-book-summary-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.vac-book-summary-item-label{color:#64748b}.vac-book-summary-item-val{color:#334155;text-align:right;font-weight:600}.vac-book-success-icon{color:#10b981;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.vac-book-success-title{color:#1e293b;text-align:center;margin:0 0 12px;font-size:24px;font-weight:700}.vac-book-success-desc{color:#64748b;text-align:center;margin:0 0 24px;font-size:15px}.vac-book-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;display:flex}.vac-book-summary-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.vac-book-summary-row:last-child{border-top:1px dashed #cbd5e1;margin-top:8px;padding-top:16px}.vac-book-summary-label{color:#64748b}.vac-book-summary-val{color:#1e293b;font-weight:600}.vac-book-summary-val-total{color:#5b6ef5;font-size:20px;font-weight:700}.vac-book-step-grid{animation:.3s vacFadeIn}.vac-book-date-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;display:block;position:relative;overflow:hidden}.vac-book-date-card:hover:not(.disabled){border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.vac-book-date-card.vac-selected{background:#f8faff;box-shadow:0 4px 16px #5b6ef526;border:2px solid #5b6ef5!important;border-radius:12px!important;padding:16px!important}.vac-book-method-item.disabled{opacity:.5;pointer-events:none;cursor:not-allowed;filter:grayscale()}.vac-main-tabs{background:#5b6ef50f;border-radius:12px;margin-left:12px;padding:4px;display:inline-flex}.vac-main-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s ease-in-out;display:flex}.vac-main-tab-btn:hover{color:#1e293b;background:#ffffff80}.vac-main-tab-btn.active{color:#5b6ef5;background:#fff;font-weight:700;box-shadow:0 4px 10px #0000000d}.vac-subtabs{border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.vac-subtab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.vac-subtab-btn:hover{color:#1e293b}.vac-subtab-btn.active{color:#5b6ef5;font-weight:700}.vac-subtab-btn.active:after{content:"";background:#5b6ef5;border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-9px;left:0}.vac-subtab-badge{color:#fff;background:#5b6ef5;border-radius:10px;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.vac-bookings-container{flex:1;padding-right:4px;overflow-y:auto}.vac-bookings-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding-bottom:20px;animation:.3s ease-out vacFadeIn;display:grid}.vac-booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000005}.vac-booking-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.vac-booking-img-wrap{background:#f1f5f9;height:160px;position:relative;overflow:hidden}.vac-booking-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.vac-booking-card:hover .vac-booking-img-wrap img{transform:scale(1.04)}.vac-booking-status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 4px 10px #0000001a}.vac-status-pending{color:#fff;background:#f59e0be6;border:1px solid #f59e0b33}.vac-status-approved{color:#fff;background:#10b981e6;border:1px solid #10b98133}.vac-status-rejected{color:#fff;background:#ef4444e6;border:1px solid #ef444433}.vac-booking-content{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.vac-booking-title{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.4}.vac-booking-location{color:#64748b;margin:0;font-size:13px;font-weight:500}.vac-booking-details{border-top:1px dashed #f1f5f9;border-bottom:1px dashed #f1f5f9;flex-direction:column;gap:8px;padding:12px 0;display:flex}.vac-booking-detail-item{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.vac-booking-detail-item strong{color:#334155;text-align:right;font-weight:600}.vac-booking-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.vac-booking-price-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.vac-booking-price-val{color:#1e293b;font-size:18px;font-weight:800}.vac-admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex:1;gap:16px;padding:20px;animation:.3s ease-out vacFadeIn;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000003}.vac-admin-controls{flex-wrap:wrap;flex-shrink:0;gap:20px;display:flex}.vac-admin-filter{align-items:center;gap:8px;display:flex}.vac-admin-filter label{color:#475569;font-size:13px;font-weight:700}.vac-admin-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.vac-admin-select:focus{background:#fff;border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef526}.vac-admin-table-wrap{flex:1;overflow-y:auto}.vac-admin-table{border-collapse:collapse;text-align:left;width:100%}.vac-admin-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;z-index:10;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:700;position:sticky;top:0}.vac-admin-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.vac-admin-table tr:hover td{background:#f8faff}.vac-admin-user-cell{align-items:center;gap:12px;display:flex}.vac-admin-avatar{color:#5b6ef5;background:#5b6ef51f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.vac-admin-user-info{flex-direction:column;display:flex}.vac-admin-username{color:#1e293b;font-size:13px;font-weight:700}.vac-admin-email{color:#64748b;font-size:11px}.vac-admin-actions{gap:8px;display:flex}.vac-admin-btn-approve,.vac-admin-btn-reject{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.vac-admin-btn-approve{color:#137333;background:#e6f4ea}.vac-admin-btn-approve:hover{color:#fff;background:#34a853;box-shadow:0 4px 10px #34a85340}.vac-admin-btn-reject{color:#c5221f;background:#fce8e6}.vac-admin-btn-reject:hover{color:#fff;background:#ea4335;box-shadow:0 4px 10px #ea433540}.vac-admin-btn-approve.loading,.vac-admin-btn-reject.loading{opacity:.7;pointer-events:none}.vac-spinner{animation:1s linear infinite vac-spin}@keyframes vac-spin{to{transform:rotate(360deg)}}.vac-bd-info-card{background:#fff;border-radius:20px;position:sticky;top:24px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.vac-bd-status-banner{letter-spacing:.3px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.vac-bd-status-banner.vac-status-pending{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.vac-bd-status-banner.vac-status-approved{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.vac-bd-status-banner.vac-status-rejected{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca)}.vac-bd-info-rows{flex-direction:column;gap:14px;padding:20px;display:flex}.vac-bd-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.vac-bd-info-row:last-child{border-bottom:none;padding-bottom:0}.vac-bd-info-label{color:#64748b;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.vac-bd-info-label svg{color:#94a3b8}.vac-bd-info-val{color:#1e293b;text-align:right;font-size:14px;font-weight:600}.vac-bd-total-section{background:linear-gradient(135deg,#f0f4ff,#eef2ff);border-top:1px solid #e0e7ff;justify-content:space-between;align-items:center;padding:20px;display:flex}.vac-bd-total-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.vac-bd-total-val{color:#5b6ef5;letter-spacing:-.5px;font-size:22px;font-weight:800}.vac-bd-hotel-section{border-top:1px solid #e2e8f0;margin-top:28px;padding-top:24px}.vac-bd-hotel-room-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.vac-bd-hotel-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden}.vac-bd-hotel-card:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #5b6ef514}.vac-bd-hotel-card-img{width:100%;height:160px;overflow:hidden}.vac-bd-hotel-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.vac-bd-hotel-card:hover .vac-bd-hotel-card-img img{transform:scale(1.05)}.vac-bd-hotel-card-info{padding:14px 16px}.vac-bd-hotel-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.vac-bd-hotel-card-name{color:#1e293b;font-size:16px;font-weight:700}� � .vac-admin-table-wrap::-webkit-scrollbar{width:6px;height:6px}.vac-admin-table-wrap::-webkit-scrollbar-track{background:0 0}.vac-admin-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.vac-admin-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vac-admin-pagination{justify-content:flex-end;align-items:center;margin-top:8px;padding:10px 16px;display:flex}.vac-admin-pagination-right{align-items:center;gap:10px;display:flex}.vac-rows-per-page-container{position:relative}.vac-rows-btn{cursor:pointer;color:#1a1d2e;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-width:85px;height:28px;padding:0 10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.vac-rows-btn:hover{background:#f8fafc;border-color:#cbd5e1}.vac-rows-dropdown{opacity:0;visibility:hidden;z-index:10;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:80px;padding:4px;transition:all .2s;position:absolute;bottom:calc(100% + 6px);right:0;transform:translateY(10px);box-shadow:0 10px 25px #0000001a}.vac-rows-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.vac-rows-option{color:#475569;cursor:pointer;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .15s}.vac-rows-option:hover{color:#1a1d2e;background:#f1f5f9}.vac-rows-option.active{color:#5b6ef5;background:#eef2ff}.vac-pagination-controls{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:32px;padding:2px 4px;display:flex}.vac-pagination-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.vac-pagination-btn:hover:not(:disabled){color:#1a1d2e;background:#f1f5f9}.vac-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.vac-pagination-pages{align-items:center;gap:2px;display:flex}.vac-pagination-page-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.vac-pagination-page-btn:hover{color:#1a1d2e;background:#f1f5f9}.vac-pagination-page-btn.active{color:#fff;background:#5b6ef5}.vac-pagination-ellipsis{color:#94a3b8;padding:0 4px;font-weight:700}.vac-analytics-trigger{color:#5b6ef5;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:11px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .22s;display:flex;position:relative;overflow:hidden}.vac-analytics-trigger:before{content:"";opacity:0;background:linear-gradient(135deg,#5b6ef512,#a78bfa12);transition:opacity .22s;position:absolute;inset:0}.vac-analytics-trigger:hover{border-color:#5b6ef5;transform:translateY(-1px);box-shadow:0 4px 14px #5b6ef52e}.vac-analytics-trigger:hover:before{opacity:1}.vac-analytics-trigger>*{z-index:1;position:relative}.vac-analytics-trigger .vac-an-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite vacAnPulse}@keyframes vacAnPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.vac-an-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#1a1d2e73;justify-content:center;align-items:flex-end;animation:.2s vacAnOverlayIn;display:flex;position:fixed;inset:0}@keyframes vacAnOverlayIn{0%{opacity:0}to{opacity:1}}.vac-an-panel{background:#f0f2f8;border-radius:24px 24px 0 0;flex-direction:column;width:90%;max-width:1600px;max-height:95vh;font-family:inherit;animation:.32s vacAnPanelIn;display:flex;overflow:hidden;box-shadow:0 -8px 40px #5b6ef51f,0 -1px #e2e8f0}@keyframes vacAnPanelIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.vac-an-header{background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.vac-an-header-left{align-items:center;gap:14px;display:flex}.vac-an-icon{background:linear-gradient(135deg,#5b6ef5,#818cf8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #5b6ef54d}.vac-an-title{color:#1a1d2e;letter-spacing:-.4px;margin:0;font-size:18px;font-weight:800}.vac-an-subtitle{color:#8892a4;margin:2px 0 0;font-size:12px;font-weight:500}.vac-an-close{color:#8892a4;cursor:pointer;background:#f0f2f8;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .15s;display:flex}.vac-an-close:hover{color:#1a1d2e;background:#e2e6f3;border-color:#c8cee0;transform:scale(1.05)}.vac-an-body{flex-direction:column;flex:1;gap:20px;padding:22px 28px 32px;display:flex;overflow-y:auto}.vac-an-body::-webkit-scrollbar{width:4px}.vac-an-body::-webkit-scrollbar-thumb{background:#dde1f3;border-radius:2px}.vac-an-section-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:-6px;font-size:10px;font-weight:800}.vac-an-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.vac-an-kpi{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both vacAnCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #5b6ef50f}.vac-an-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5b6ef521}@keyframes vacAnCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.vac-an-kpi:first-child{animation-delay:50ms}.vac-an-kpi:nth-child(2){animation-delay:.1s}.vac-an-kpi:nth-child(3){animation-delay:.15s}.vac-an-kpi:nth-child(4){animation-delay:.2s}.vac-an-kpi:before{content:"";border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.vac-an-kpi--blue:before{background:linear-gradient(90deg,#5b6ef5,#818cf8)}.vac-an-kpi--green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.vac-an-kpi--amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.vac-an-kpi--rose:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.vac-an-kpi:after{content:"";opacity:.06;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;right:-20px}.vac-an-kpi--blue:after{background:#5b6ef5}.vac-an-kpi--green:after{background:#22c55e}.vac-an-kpi--amber:after{background:#f59e0b}.vac-an-kpi--rose:after{background:#f43f5e}.vac-an-kpi-label{color:#8892a4;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.vac-an-kpi-val{color:#1a1d2e;letter-spacing:-1px;font-size:30px;font-weight:900;line-height:1}.vac-an-kpi-sub{color:#b0b8cc;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.vac-an-trend-up{color:#22c55e;font-weight:700}.vac-an-trend-down{color:#f43f5e;font-weight:700}.vac-an-charts-row{grid-template-columns:1.6fr 1fr;gap:12px;display:grid}.vac-an-chart-card{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;padding:20px;animation:.45s .22s both vacAnCardIn;box-shadow:0 2px 8px #5b6ef50d}.vac-an-chart-title{color:#1a1d2e;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.vac-an-chart-title span{color:#b0b8cc;font-size:11px;font-weight:600}.vac-an-bar-chart{align-items:flex-end;gap:10px;height:140px;display:flex}.vac-an-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.vac-an-bar-wrap{background:#f8f9ff;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;height:110px;display:flex}.vac-an-bar{cursor:pointer;border-radius:6px 6px 0 0;width:60%;transition:filter .15s,transform .15s;position:relative}.vac-an-bar:hover{filter:brightness(1.1);transform:scaleX(1.05)}.vac-an-bar-label{color:#8892a4;text-align:center;white-space:nowrap;font-size:10px;font-weight:700}.vac-an-bar-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#1a1d2e;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.vac-an-bar-tooltip:after{content:"";border:4px solid #0000;border-top-color:#1a1d2e;position:absolute;top:100%;left:50%;transform:translate(-50%)}.vac-an-bar:hover .vac-an-bar-tooltip{opacity:1}.vac-an-donut-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.vac-an-donut-svg-wrap{width:120px;height:120px;position:relative}.vac-an-donut-svg{transform:rotate(-90deg)}.vac-an-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vac-an-donut-center-num{color:#1a1d2e;letter-spacing:-.5px;font-size:22px;font-weight:900}.vac-an-donut-center-label{color:#b0b8cc;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}.vac-an-donut-legend{flex-direction:column;gap:8px;width:100%;display:flex}.vac-an-donut-legend-item{color:#5a6279;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.vac-an-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vac-an-legend-pct{color:#1a1d2e;margin-left:auto;font-size:12px;font-weight:800}.vac-an-table-card{background:#fff;border:1.5px solid #e8eaf5;border-radius:16px;animation:.5s .28s both vacAnCardIn;overflow:hidden;box-shadow:0 2px 8px #5b6ef50d}.vac-an-table-head{background:#f8f9ff;border-bottom:1.5px solid #e8eaf5;grid-template-columns:2fr 1fr 1fr 1fr 80px;padding:11px 20px;display:grid}.vac-an-table-head-cell{color:#b0b8cc;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:800}.vac-an-table-row{border-bottom:1px solid #f5f6fb;grid-template-columns:2fr 1fr 1fr 1fr 80px;align-items:center;padding:12px 20px;transition:background .15s;animation:.4s both vacAnCardIn;display:grid}.vac-an-table-row:last-child{border-bottom:none}.vac-an-table-row:hover{background:#f8f9ff}.vac-an-table-row:first-child{animation-delay:.32s}.vac-an-table-row:nth-child(2){animation-delay:.37s}.vac-an-table-row:nth-child(3){animation-delay:.42s}.vac-an-table-row:nth-child(4){animation-delay:.47s}.vac-an-table-row:nth-child(5){animation-delay:.52s}.vac-an-tour-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.vac-an-tour-thumb{object-fit:cover;background:#eef0fd;border-radius:9px;flex-shrink:0;width:36px;height:36px}.vac-an-tour-name{color:#1a1d2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.vac-an-tour-country{color:#b0b8cc;margin-top:1px;font-size:11px;font-weight:500}.vac-an-cell{color:#5a6279;font-size:13px;font-weight:600}.vac-an-cell--price{color:#1a1d2e;font-weight:800}.vac-an-cell--rating{align-items:center;gap:4px;display:flex}.vac-an-score-bar-wrap{align-items:center;gap:7px;display:flex}.vac-an-score-bar-bg{background:#f0f2f8;border-radius:3px;flex:1;height:5px;overflow:hidden}.vac-an-score-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.vac-an-cat-row{flex-wrap:wrap;gap:10px;padding-bottom:4px;display:flex}.vac-an-cat-pill{background:#fff;border:1.5px solid #e8eaf5;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:130px;padding:12px 16px;transition:all .18s;animation:.4s both vacAnCardIn;display:flex;box-shadow:0 2px 6px #5b6ef50a}.vac-an-cat-pill:hover{border-color:#5b6ef5;transform:translateY(-2px);box-shadow:0 6px 18px #5b6ef51f}.vac-an-cat-pill:first-child{animation-delay:.1s}.vac-an-cat-pill:nth-child(2){animation-delay:.15s}.vac-an-cat-pill:nth-child(3){animation-delay:.2s}.vac-an-cat-pill:nth-child(4){animation-delay:.25s}.vac-an-cat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.vac-an-cat-info{flex:1;min-width:0}.vac-an-cat-name{color:#1a1d2e;text-transform:capitalize;font-size:12px;font-weight:700}.vac-an-cat-count{color:#b0b8cc;margin-top:1px;font-size:11px;font-weight:500}.vac-an-cat-avg{white-space:nowrap;letter-spacing:-.4px;font-size:15px;font-weight:900}.vac-an-footer{background:#fff;border-top:1.5px solid #e8eaf5;flex-shrink:0;justify-content:center;align-items:center;padding:13px;display:flex}.vac-an-footer-text{color:#c0c7d4;letter-spacing:.2px;font-size:11px;font-weight:600}.cal-container{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-width:0;height:100%;padding:20px;font-family:inherit;display:flex;overflow:hidden}.cal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cal-header-left{align-items:center;gap:16px;display:flex}.cal-header-right{align-items:center;gap:12px;display:flex}.cal-title{color:#1a1d2e;margin:0;font-size:24px;font-weight:700}.cal-view-dropdown{position:relative;margin-left:0!important}.cal-view-btn{color:#1a1d2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cal-view-btn:hover{border-color:#5b6ef5}.cal-view-btn svg{width:14px;height:14px}.cal-view-menu{opacity:0;visibility:hidden;z-index:100;background:#fff;border-radius:8px;min-width:120px;padding:6px;transition:all .2s;position:absolute;top:calc(100% + 4px);left:0;transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.cal-view-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.cal-view-option{color:#5a6279;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:block}.cal-filter-option{color:#5a6279;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cal-filter-option input[type=checkbox]{accent-color:#5b6ef5;cursor:pointer;width:15px;height:15px;margin:0 8px 0 0}#cal-filter-menu{min-width:160px}.cal-view-option:hover,.cal-filter-option:hover{color:#1a1d2e;background:#f0f2f8}.cal-view-option.active,.cal-filter-option.active{color:#5b6ef5;background:#eef0fd;font-weight:600}.cal-today-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.cal-today-btn:hover{background:#4a5ae4}.cal-nav{align-items:center;gap:8px;display:flex}.cal-nav-btn{cursor:pointer;color:#5a6279;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.cal-nav-btn:hover{color:#1a1d2e;background:#f0f2f8}.cal-current-month{color:#1a1d2e;text-align:center;min-width:160px;font-size:16px;font-weight:700}.cal-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}.cal-grid-wrapper.week-view{overflow-y:auto}.cal-weekdays{background:#5b6ef5;flex-shrink:0;grid-template-columns:repeat(7,1fr);padding:12px 0;display:grid}.cal-weekday{text-align:center;color:#ffffffe6;font-size:12px;font-weight:600}.cal-weekday.today{color:#fff}.cal-weekday-name{margin-bottom:4px;display:block}.cal-weekday-date{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}.cal-weekday.today .cal-weekday-date{background:#ffffff40}.cal-grid{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(80px,1fr);display:grid;overflow-y:auto}.cal-grid.week-grid,.cal-grid.day-grid{grid-template-columns:unset;flex-direction:column;display:flex}.cal-day{cursor:pointer;border:1px solid #f1f5f9;flex-direction:column;gap:4px;min-width:0;padding:4px;transition:background .15s;display:flex;position:relative}.cal-day:hover{background:#f8fafc}.cal-day-empty{cursor:default;background:#fafbfc}.cal-day-today .cal-day-number{color:#fff;background:#5b6ef5;border-color:#4a5ae4}.cal-day-selected{background:#eef0fd!important}.cal-day-number{color:#64748b;background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-bottom-right-radius:10px;justify-content:center;align-self:flex-start;align-items:center;width:fit-content;min-width:24px;margin:-4px 0 2px -4px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.cal-day-icons{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.cal-event-icon{width:20px;height:20px;display:inline-flex}.cal-event-icon svg{width:100%;height:100%}.cal-time-row{border-bottom:1px solid #f1f5f9;min-height:48px;display:flex}.cal-all-day-row{background:#f8fafc;border-bottom:2px solid #e2e8f0;min-height:60px}.cal-all-day-task{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:row;align-items:center;gap:8px;width:fit-content;padding:8px 12px;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.cal-all-day-task:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.cal-all-day-project-badge{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700}.cal-all-day-title{color:#1e293b;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2}.cal-time-row:last-child{border-bottom:none}.cal-time-label{color:#94a3b8;text-align:center;border-right:1px solid #f1f5f9;flex-shrink:0;width:60px;padding:8px;font-size:11px;font-weight:600}.cal-time-cell{cursor:pointer;border-right:1px solid #f1f5f9;flex:1;justify-content:center;align-items:center;padding:4px;display:flex}.cal-time-cell:last-child{border-right:none}.cal-time-cell.today{background:#5b6ef508}.cal-time-cell.full-width{flex:1}.cal-events-panel{z-index:1000;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:400px;height:100vh;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-420px;box-shadow:-8px 0 30px #0f172a14}.cal-events-panel.active{right:0}.cal-events-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.cal-events-header h3{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.cal-panel-close{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cal-panel-close:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.cal-panel-close svg{width:18px;height:18px}.cal-events-list{background:#fff;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.cal-no-events{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:200px;font-size:14px;display:flex}.cal-event-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;gap:16px;min-height:fit-content;padding:20px;transition:all .2s;display:flex;position:relative}.cal-events-list::-webkit-scrollbar{width:6px}.cal-events-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.cal-events-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cal-event-item.is-done{opacity:.6;background:#f8fafc;border-color:#f1f5f9}.cal-event-item.is-done:hover{box-shadow:none;border-color:#e2e8f0;transform:none}.cal-event-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0a}.cal-event-item-top{justify-content:space-between;align-items:flex-start;display:flex}.cal-event-type-badge{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.cal-event-type-badge svg{width:14px;height:14px;color:inherit}.cal-event-time{color:#64748b;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.cal-event-item-title{color:#0f172a;margin:0;font-size:15px;font-weight:600;line-height:1.5}.cal-event-item-project{color:#64748b;align-items:center;gap:6px;margin-top:-8px;font-size:12px;display:flex}.cal-event-item-project svg{width:14px;height:14px}.cal-event-item-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.cal-event-meta-group{flex-wrap:wrap;gap:8px;display:flex}.cal-priority-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.cal-status-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.cal-event-assignees{align-items:center;display:flex}.cal-event-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin-left:-8px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.cal-event-avatar:hover{z-index:10;transform:translateY(-4px)scale(1.1)}.cal-event-avatar:first-child{margin-left:0}.cal-more-assignees{color:#64748b;z-index:1;background:#f1f5f9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-8px;font-size:10px;font-weight:700;display:flex}.cal-day-tasks{flex-direction:column;gap:2px;padding-bottom:4px;display:flex;overflow:visible}.cal-task-bar{color:#fff;cursor:pointer;z-index:1;box-sizing:border-box;white-space:nowrap;align-items:center;gap:6px;width:100%;margin:2px 0;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000005;border-radius:8px!important;height:26px!important;padding:0 10px!important;font-size:11.5px!important;font-weight:600!important}.cal-task-bar:hover{filter:brightness(.97)contrast(1.05);z-index:10;transform:translateY(-.5px)}.cal-task-bar.is-done{opacity:.6;text-decoration:line-through}.cal-task-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cal-bar-icon{opacity:.9;flex-shrink:0;width:14px;height:14px}.cal-task-bar.continues-left{margin-left:-8px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:calc(100% + 8px)!important;padding-left:14px!important}.cal-task-bar.continues-right{margin-right:-8px;border-top-right-radius:0!important;border-bottom-right-radius:0!important;width:calc(100% + 8px)!important}.cal-more-tasks{color:#64748b;margin-top:2px;padding-left:4px;font-size:10px;font-weight:700}.cal-grid.month-grid{grid-auto-rows:minmax(100px,1fr)!important}.cal-day{border:.5px solid #f1f5f9;min-width:0;min-height:100px;padding:4px!important}.cal-day.is-expanded{z-index:100;background:#f8fafc!important}.cal-more-btn{cursor:pointer;width:fit-content;margin-top:4px;transition:color .15s;display:inline-block;color:#4f46e5!important;background:0 0!important;border:none!important;padding:2px 4px!important;font-size:11px!important;font-weight:600!important}.cal-more-btn:hover{color:#3730a3!important;background:0 0!important;border:none!important;text-decoration:underline!important;transform:none!important}.cal-day-popover{z-index:1000;opacity:0;pointer-events:none;transform-origin:top;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-height:210px;padding:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;left:0;transform:scale(.9);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cal-day-popover.open-up{transform-origin:bottom;top:auto!important;bottom:0!important}.cal-day-popover.active{opacity:1;pointer-events:all;transform:scale(1)}.popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.popover-date-info{align-items:baseline;gap:8px;display:flex}.popover-day-name{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.popover-day-num{color:#1a1d2e;font-size:20px;font-weight:800}.popover-close{cursor:pointer;color:#94a3b8;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;transition:all .2s;display:flex}.popover-close:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.popover-body{flex-direction:column;flex:1;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.popover-body::-webkit-scrollbar{width:3px}.popover-body::-webkit-scrollbar-button{display:none}.popover-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.popover-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.cal-day-number{align-self:flex-start;font-size:12px;width:fit-content!important;margin:-4px 0 4px -4px!important}.cal-day-today{background:0 0}.cal-event-card{box-shadow:0 4px 6px -1px #0000000d;border-radius:12px!important}.cal-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;background:#0006;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.cal-panel-overlay.active{opacity:1;pointer-events:auto}.gantt-grid{background:#f8fafc;flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:auto!important}.gantt-grid::-webkit-scrollbar{width:6px;height:12px}.gantt-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.gantt-grid::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f1f5f9;border-radius:6px}.gantt-grid::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.gantt-header-row{z-index:20;background:#fff;border-bottom:2px solid #e2e8f0;min-width:fit-content;display:grid;position:sticky;top:0}.gantt-proj-col{color:#1a1d2e;z-index:30;background:#fff;border-right:2px solid #e2e8f0;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex;position:sticky;left:0}.gantt-day-header{text-align:center;color:#64748b;border-right:1px solid #f1f5f9;min-width:40px;padding:10px 0;font-size:13px;font-weight:600}.gantt-day-header.gantt-today{color:#5b6ef5;background:#eef0fd;font-weight:800}.gantt-project-row{background:#eef2f6;border-bottom:1px solid #cbd5e1;min-width:fit-content;display:grid}.gantt-project-title{color:#334155;z-index:10;background:#eef2f6;border-right:2px solid #cbd5e1;padding:10px 16px;font-size:13px;font-weight:800;position:sticky;left:0}.gantt-task-row{background:#fff;border-bottom:1px solid #f1f5f9;min-width:fit-content;display:grid;position:relative}.gantt-task-row:hover{background:#f8fafc}.gantt-task-title{color:#475569;background:inherit;z-index:10;white-space:nowrap;text-overflow:ellipsis;border-right:2px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;display:flex;position:sticky;left:0;overflow:hidden}.gantt-cell{border-right:1px dashed #e2e8f0;min-width:40px;min-height:44px}.gantt-bar-container{box-sizing:border-box;border-right:1px dashed #e2e8f0;align-items:center;padding:4px;display:flex}.gantt-task-bar{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;width:100%;height:28px;padding:0 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.gantt-task-bar:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.gantt-task-bar.is-done{opacity:.6;text-decoration:line-through}.gantt-bar-label{text-overflow:ellipsis;overflow:hidden}.cal-grid-wrapper.gantt-view .cal-weekdays{display:none}.custom-select{cursor:pointer;width:max-content;font-family:sans-serif;position:relative}.selected{cursor:pointer;background-color:#f0f2f8;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:20px;font-weight:700;transition:all .3s;display:flex}.selected img{object-fit:cover;height:20px}.selected .chevron-icon{width:14px;height:14px;color:var(--text-gray);transition:transform .3s cubic-bezier(.4,0,.2,1)}.options{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:120px;margin:0;padding:8px;list-style:none;animation:.2s ease-out slideDown;display:none;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 10px 25px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.options li{border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.options li:hover{background:#f0f0f0}.options img{object-fit:cover;width:20px;height:20px}[data-perm]:not(.perm-allowed){display:none!important}.global-loader{z-index:99999;background:#f4f6fa;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.global-loader.hidden{opacity:0;visibility:hidden}.global-spinner{border:4px solid #e2e8f0;border-top-color:#5b6ef5;border-radius:50%;width:48px;height:48px;animation:1s linear infinite global-spin}@keyframes global-spin{to{transform:rotate(360deg)}}