@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#111726;--bg-tertiary:#1b2336;--bg-active:#6366f126;--border-color:#ffffff0d;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f159;--shadow-sm:0 4px 20px #0006;--shadow-md:0 10px 30px #00000080;--shadow-lg:0 20px 40px #0009}*{box-sizing:border-box;margin:0;padding:0}body,input,textarea,select,button{color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,Inter,sans-serif!important}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f112 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-15%;left:-15%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:60%;height:60%;position:fixed;bottom:-15%;right:-15%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}input[type=date]{cursor:pointer;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;padding-right:36px!important}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.main-content,.content,.dashboard,.projects-container,.attendance-container,.leaves-container,.project-details,.user-container,.leaves-section,.attendance-section,.project-details-page,.project-tab-content{background:var(--bg-primary)!important;color:var(--text-primary)!important}.project-banner{-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-color)!important;background:#11172699!important;box-shadow:inset 0 1px #ffffff08!important}.tab-btn{color:var(--text-muted)!important;font-weight:500!important}.tab-btn.active:after{background:var(--primary-color)!important}.project-live-site-badge{color:var(--text-primary)!important;background:#6366f11f!important;border:1px solid #6366f14d!important;border-radius:99px!important;padding:6px 14px!important}.project-live-site-badge:hover{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 0 12px var(--primary-glow)!important}h1,h2,h3,h4,h5,h6,strong,th,.project-banner-title-row h1,.dashboard-header h1{color:var(--text-primary)!important;letter-spacing:-.02em!important;font-weight:700!important}p,span.text-secondary,label,.text-muted,.project-desc,.task-desc,.breadcrumb-item,.project-banner-desc{color:var(--text-secondary)!important;font-weight:400!important}.card,.stats-card,.project-card,.task-card,.attendance-card,.leave-card,.dashboard-date,.navbar,.user-card,.folder-card,.stat-card,.check-in-card,.leaves-card,.profile-card,.attendance-summary,.project-banner-logo,.today-card,.history-section,.leaves-section,.attendance-section,.record-grid div,.project-members,.member-card,.beautiful-modal-content,.activity-card,.chart-card,.export-modal,.users-table-card,.modal-card{-webkit-backdrop-filter:blur(16px)!important;color:var(--text-primary)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.project-card,.task-card,.folder-card,.stats-card,.leave-card,.attendance-card{transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s,box-shadow .22s!important}.project-card:hover,.task-card:hover,.folder-card:hover,.stats-card:hover,.leave-card:hover,.attendance-card:hover{border-color:#6366f166!important;transform:translateY(-3px)!important;box-shadow:inset 0 1px #ffffff14,0 16px 35px -8px #0009,0 0 15px #6366f126!important}.modal-content,.modal-box,.create-project-modal,.edit-project-modal,.modal,.task-drawer,.drawer-content{-webkit-backdrop-filter:blur(30px)!important;color:var(--text-primary)!important;background:#111726d9!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:inset 0 1px #ffffff0f,0 25px 50px -12px #0009!important}.modal-header,.modal-footer,.drawer-header{border-color:#ffffff0d!important}input,textarea,select,.beautiful-modal-content input,.beautiful-modal-content textarea,.beautiful-modal-content select,.modal-form input,.modal-form select,.modal-body input,.modal-body select{color:var(--text-primary)!important;background-color:#090d1680!important;border:1px solid #ffffff0f!important;border-radius:8px!important;padding:10px 14px!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s!important}input:focus,textarea:focus,select:focus,.beautiful-modal-content input:focus,.beautiful-modal-content textarea:focus,.beautiful-modal-content select:focus,.modal-form input:focus,.modal-form select:focus,.modal-body input:focus,.modal-body select:focus{border-color:var(--primary-color)!important;background-color:#090d1699!important;outline:none!important;box-shadow:0 0 0 3px #6366f140!important}table{border-collapse:collapse!important;background-color:#0000!important;width:100%!important}th{color:var(--text-muted)!important;border-bottom:2px solid var(--border-color)!important;letter-spacing:.05em!important;text-transform:uppercase!important;background:#090d1666!important;padding:14px 18px!important;font-size:11px!important;font-weight:700!important}td{color:var(--text-secondary)!important;background:0 0!important;border-bottom:1px solid #ffffff08!important;padding:14px 18px!important;font-size:13.5px!important}tr:hover td{background:#ffffff04!important}.kanban-column{-webkit-backdrop-filter:blur(10px)!important;background:#11172666!important;border:1px solid #ffffff0a!important;border-radius:14px!important;padding:16px!important}.kanban-card{color:var(--text-primary)!important;background:#111726cc!important;border:1px solid #ffffff0f!important;border-radius:10px!important;box-shadow:inset 0 1px #ffffff08,0 4px 12px #0003!important}.check-in-btn,.clock-btn,.primary-btn,.submit-btn,.modal-content button[type=submit]{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important;border:none!important;border-radius:8px!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 14px #6366f140!important}.check-in-btn:hover,.clock-btn:hover,.primary-btn:hover,.submit-btn:hover,.modal-content button[type=submit]:hover{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #6366f173!important}.active-link,.active-tab{background:var(--primary-color)!important;color:#fff!important}.task-project-badge{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}.status-badge,.priority-badge,.task-status,[class*=status-],[class*=priority-]{text-transform:capitalize!important;border-radius:20px!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;font-size:11px!important;font-weight:600!important;display:inline-flex!important}.status-badge:before,.priority-badge:before,.task-status:before{content:""!important;background-color:currentColor!important;border-radius:50%!important;width:5px!important;height:5px!important;display:inline-block!important;box-shadow:0 0 6px!important}.planning,[class*=planning],.todo,[class*=todo]{color:#94a3b8!important;background:#94a3b814!important;border:1px solid #94a3b82e!important}.in-progress,[class*=in-progress],[class*=in_progress],.progress,[class*=progress]{color:#fbbf24!important;background:#f59e0b14!important;border:1px solid #f59e0b2e!important}.completed,[class*=completed],.done,[class*=done]{color:#34d399!important;background:#10b98114!important;border:1px solid #10b9812e!important}.on-hold,[class*=on-hold],[class*=on_hold],.review,[class*=review]{color:#818cf8!important;background:#6366f114!important;border:1px solid #6366f12e!important}.high,[class*=high]{color:#f87171!important;background:#ef444414!important;border:1px solid #ef44442e!important}.medium,[class*=medium]{color:#fbbf24!important;background:#f59e0b14!important;border:1px solid #f59e0b2e!important}.low,[class*=low]{color:#60a5fa!important;background:#3b82f614!important;border:1px solid #3b82f62e!important}.notification-card{-webkit-backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.notification-card.unread{background-color:#6366f114!important;border-color:#6366f140!important}.notification-card:hover{border-color:#6366f166!important;box-shadow:inset 0 1px #ffffff14,0 16px 35px -8px #0009!important}.notification-icon{color:var(--text-secondary)!important;background:#ffffff0a!important}.notification-top h3,.notification-card.unread .notification-top h3{color:var(--text-primary)!important}.notification-content p,.notification-card.unread .notification-content p{color:var(--text-secondary)!important}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-glow{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.auth-glow--1{background:#6366f11f;width:400px;height:400px;top:-120px;left:-120px}.auth-glow--2{background:#8b5cf614;width:350px;height:350px;bottom:-100px;right:-100px}.auth-card{z-index:2;width:100%;max-width:400px;margin:16px;padding:40px 32px;position:relative}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-mark{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:0 8px 24px #6366f14d}.auth-logo-mark img{object-fit:contain;width:32px;height:32px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.auth-header p{color:var(--text-muted);margin:0;font-size:14px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.auth-field input{width:100%;height:44px;color:var(--text-primary);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.auth-field input:disabled{opacity:.5;cursor:not-allowed}.auth-password{position:relative}.auth-password input{padding-right:44px}.auth-password-toggle{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--text-secondary);background:#ffffff0d}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:4px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#818cf8);transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:28px}.auth-footer p{color:var(--text-muted);margin:0;font-size:12px}@media (width<=480px){.auth-card{margin:12px;padding:32px 20px}.auth-header h1{font-size:20px}.auth-glow--1{width:250px;height:250px;top:-80px;left:-80px}.auth-glow--2{width:200px;height:200px;bottom:-60px;right:-60px}}.pm-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.pm-modal{background:#0f172a;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;width:100%;max-width:920px;height:min(96vh,820px);font-family:Inter,Outfit,system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a}.pm-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 26px 16px;display:flex}.pm-header-left{align-items:center;gap:14px;display:flex}.pm-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 3px 10px #6366f159}.pm-title{color:#f1f5f9;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.pm-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.pm-close{color:#64748b;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}.pm-close:hover{color:#f87171;background:#ef44441f;border-color:#ef44444d}.pm-body{flex:1;grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.pm-col{scrollbar-width:thin;scrollbar-color:#6366f133 transparent;flex-direction:column;gap:14px;padding:18px 22px;display:flex;overflow:hidden auto}.pm-col::-webkit-scrollbar{width:4px}.pm-col::-webkit-scrollbar-thumb{background:#6366f140;border-radius:4px}.pm-col:first-child{border-right:1px solid #ffffff0f}.pm-field{flex-direction:column;gap:5px;display:flex}.pm-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pm-field-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pm-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:1px;font-size:11px;font-weight:600;display:inline-flex}.pm-required{color:#f87171}.pm-optional{color:#475569;text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.pm-input,.pm-textarea{color:#e2e8f0;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.pm-select{color:#e2e8f0;box-sizing:border-box;cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") right 12px center/14px no-repeat;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s;padding-right:38px!important}.pm-select option{color:#e2e8f0;background-color:#0f172a}.pm-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.pm-input-wrapper .pm-input-icon{color:#64748b;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.pm-input-wrapper .pm-input,.pm-input-wrapper .pm-select{padding-left:38px!important}.pm-input::placeholder,.pm-textarea::placeholder{color:#475569}.pm-input:focus,.pm-select:focus,.pm-textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.pm-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.pm-textarea{resize:none;height:76px;line-height:1.55}.pm-search{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff17;border-radius:7px;outline:none;width:120px;padding:4px 9px;font-size:11.5px}.pm-search:focus{border-color:#6366f166}.pm-segmented{gap:5px;display:flex}.pm-seg-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;flex:1;padding:7px 4px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.pm-seg-btn:hover{color:#e2e8f0;border-color:#fff3}.pm-seg-btn--active{font-weight:700}.pm-status-grid{flex-wrap:wrap;gap:5px;display:flex}.pm-status-btn{color:#64748b;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.pm-status-btn:hover{color:#e2e8f0;border-color:#fff3}.pm-status-btn--active{font-weight:700}.pm-member-list{scrollbar-width:thin;scrollbar-color:#6366f133 transparent;background:#ffffff05;border:1px solid #ffffff14;border-radius:9px;max-height:136px;overflow-y:auto}.pm-member-list::-webkit-scrollbar{width:3px}.pm-member-list::-webkit-scrollbar-thumb{background:#6366f140;border-radius:3px}.pm-member-item{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.pm-member-item:last-child{border-bottom:none}.pm-member-item:hover{background:#ffffff0a}.pm-member-item--checked{background:#6366f114}.pm-member-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.pm-member-name{color:#e2e8f0;flex:1;font-size:13px;font-weight:500}.pm-member-role{color:#475569;font-size:11px}.pm-member-check{border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.pm-member-check--on{color:#818cf8;background:#6366f126;border-color:#6366f1}.pm-empty{text-align:center;color:#475569;padding:12px;font-size:12px}.pm-tags-box{cursor:text;background:#ffffff08;border:1px solid #ffffff17;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:8px 10px;display:flex}.pm-tags-box:focus-within{border-color:#6366f166}.pm-tag{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.pm-tag-remove{color:#818cf8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.pm-tag-remove:hover{color:#f87171}.pm-tags-input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;min-width:80px;font-family:inherit;font-size:12.5px}.pm-tags-input::placeholder{color:#475569}.pm-dropzone{cursor:pointer;background:#ffffff05;border:1.5px dashed #ffffff1f;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:16px 20px;transition:border-color .15s,background .15s;display:flex}.pm-dropzone:hover,.pm-dropzone--active{background:#6366f10d;border-color:#6366f180}.pm-dropzone-icon{color:#475569}.pm-dropzone-text{color:#64748b;font-size:13px}.pm-dropzone-text span{color:#818cf8;text-decoration:underline}.pm-dropzone-hint{color:#334155;font-size:11px}.pm-logo-preview{background:#ffffff08;border:1px solid #ffffff17;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;display:flex}.pm-logo-img{object-fit:cover;border-radius:7px;flex-shrink:0;width:36px;height:36px}.pm-logo-info{flex:1;min-width:0}.pm-logo-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.pm-logo-size{color:#64748b;font-size:10.5px}.pm-logo-remove{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex}.pm-logo-remove:hover{background:#ef444433}.pm-loading{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:60px 0;font-size:13px;display:flex}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-loading-spinner{border:2.5px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite pm-spin}.pm-footer{border-top:1px solid #ffffff12;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.pm-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.pm-btn--ghost{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.pm-btn--ghost:hover{color:#e2e8f0;background:#ffffff17}.pm-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 3px 12px #6366f159}.pm-btn--primary:hover{transform:translateY(-1px);box-shadow:0 5px 18px #6366f173}@media (width<=680px){.pm-body{grid-template-columns:1fr;overflow-y:auto}.pm-col:first-child{border-bottom:1px solid #ffffff0f;border-right:none}.pm-modal{border-radius:16px;height:auto;max-height:calc(100dvh - 80px)}}@media (width<=768px){.pm-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(64px + env(safe-area-inset-bottom,0px) + 12px)}}.confirm-modal-box{background:#0f172a;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;width:100%;max-width:440px;padding:20px 24px;animation:.15s cubic-bezier(.16,1,.3,1) forwards pm-zoom-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0a}@keyframes pm-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-header{align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.confirm-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.confirm-icon-wrapper.primary{color:#818cf8;background:#6366f126}.confirm-icon-wrapper.danger{color:#f87171;background:#ef444426}.confirm-title{color:#f1f5f9;flex:1;margin:0;font-size:16px;font-weight:700}.confirm-close{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.confirm-close:hover{color:#94a3b8;background:#ffffff0d}.confirm-modal-body{margin-bottom:20px}.confirm-message{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.5}.confirm-modal-footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.pm-btn--danger{color:#fff;background:#ef4444;border-color:#0000;box-shadow:0 3px 12px #ef444459}.pm-btn--danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 5px 18px #ef444473}.pm-modal--small{max-width:480px!important;height:auto!important;max-height:90vh!important}.pm-modal--small .pm-body{flex-direction:column!important;gap:16px!important;padding:22px 26px!important;overflow-y:auto!important}.ic-overlay{animation:.2s ease-out ic-fade-in;-webkit-backdrop-filter:blur(8px)!important;z-index:9999!important;background:#000000d9!important;border:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:12px!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes ic-fade-in{0%{opacity:0}to{opacity:1}}.ic-modal{animation:.2s cubic-bezier(.16,1,.3,1) forwards ic-zoom-in;background:#0f172a!important;border:1px solid #ffffff17!important;border-radius:18px!important;flex-direction:column!important;width:100%!important;max-width:480px!important;display:flex!important;overflow:hidden!important;box-shadow:0 32px 80px #0009!important}@keyframes ic-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ic-header{border-bottom:1px solid #ffffff12!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;display:flex!important}.ic-title{color:#f1f5f9!important;margin:0!important;font-size:15px!important;font-weight:700!important}.ic-close{color:#64748b!important;cursor:pointer!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;transition:background .15s,color .15s!important;display:flex!important}.ic-close:hover{color:#f87171!important;background:#ef44441f!important;border-color:#ef44444d!important}.ic-cropper-container{background:#000!important;width:100%!important;height:320px!important;position:relative!important}.ic-cropper-container .reactEasyCrop_Container{border-radius:8px!important}.ic-controls{border-top:1px solid #ffffff0d!important;flex-direction:column!important;gap:12px!important;padding:16px 20px!important;display:flex!important}.ic-control-group{align-items:center!important;gap:10px!important;display:flex!important}.ic-control-icon{color:#64748b!important;flex-shrink:0!important}.ic-control-label{color:#64748b!important;letter-spacing:.04em!important;text-transform:uppercase!important;flex-shrink:0!important;width:48px!important;font-size:11px!important;font-weight:600!important}.ic-slider{appearance:none!important;cursor:pointer!important;background:#ffffff1a!important;border:none!important;border-radius:2px!important;outline:none!important;flex:1!important;height:4px!important;margin:0!important;padding:0!important}.ic-slider::-webkit-slider-thumb{appearance:none!important;cursor:pointer!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:2px solid #0f172a!important;border-radius:50%!important;width:18px!important;height:18px!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 2px 8px #6366f166!important}.ic-slider::-webkit-slider-thumb:hover{transform:scale(1.15)!important;box-shadow:0 3px 12px #6366f199!important}.ic-slider::-moz-range-thumb{cursor:pointer!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:2px solid #0f172a!important;border-radius:50%!important;width:18px!important;height:18px!important;box-shadow:0 2px 8px #6366f166!important}.ic-slider-value{color:#94a3b8!important;text-align:right!important;font-variant-numeric:tabular-nums!important;min-width:38px!important;font-size:12px!important;font-weight:600!important}.ic-footer{border-top:1px solid #ffffff12!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:14px 20px!important;display:flex!important}.ic-btn{cursor:pointer!important;white-space:nowrap!important;border:1px solid #0000!important;border-radius:9px!important;align-items:center!important;gap:7px!important;padding:9px 20px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.ic-btn--ghost{color:#94a3b8!important;background:#ffffff0d!important;border-color:#ffffff1a!important}.ic-btn--ghost:hover{color:#e2e8f0!important;background:#ffffff17!important}.ic-btn--primary{color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important;box-shadow:0 3px 12px #6366f159!important}.ic-btn--primary:hover{transform:translateY(-1px)!important;box-shadow:0 5px 18px #6366f173!important}@media (width<=520px){.ic-modal{border-radius:14px!important;max-width:100%!important;margin:0 4px!important}.ic-cropper-container{height:260px!important}}@media (width<=768px){.ic-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(64px + env(safe-area-inset-bottom,0px) + 12px)!important}}.up-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:12px;animation:.2s ease-out up-fade-in;display:flex;position:fixed;inset:0}@keyframes up-fade-in{0%{opacity:0}to{opacity:1}}.up-modal{background:#0f172a;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;width:100%;max-width:520px;height:auto;max-height:calc(100dvh - 80px);font-family:Inter,Outfit,system-ui,sans-serif;animation:.2s cubic-bezier(.16,1,.3,1) forwards up-zoom-in;display:flex;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a}@keyframes up-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.up-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 26px 16px;display:flex}.up-header-left{align-items:center;gap:14px;display:flex}.up-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 3px 10px #6366f159}.up-title{color:#f1f5f9;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.up-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.up-close{color:#64748b;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}.up-close:hover{color:#f87171;background:#ef44441f;border-color:#ef44444d}.up-body{scrollbar-width:thin;scrollbar-color:#6366f133 transparent;flex-direction:column;flex:1;gap:20px;padding:24px 26px;display:flex;overflow-y:auto}.up-body::-webkit-scrollbar{width:4px}.up-body::-webkit-scrollbar-thumb{background:#6366f140;border-radius:4px}.up-avatar-section{flex-direction:column;align-items:center;gap:12px;display:flex}.up-avatar-wrapper{cursor:pointer;width:96px;height:96px;position:relative}.up-avatar{object-fit:cover;border:3px solid #6366f14d;border-radius:50%;width:96px;height:96px;transition:border-color .2s}.up-avatar-wrapper:hover .up-avatar{border-color:#6366f199}.up-avatar-overlay{opacity:0;background:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;inset:0}.up-avatar-wrapper:hover .up-avatar-overlay{opacity:1}.up-avatar-overlay-text{color:#fff;letter-spacing:.02em;font-size:10px;font-weight:600}.up-remove-photo-btn{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:7px;align-items:center;gap:5px;margin-top:4px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.up-remove-photo-btn:hover{background:#ef444426;border-color:#ef444466}.up-remove-photo-btn:disabled{opacity:.5;cursor:not-allowed}.up-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:3px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;font-weight:700;display:flex}.up-fields{flex-direction:column;gap:16px;display:flex}.up-field{flex-direction:column;gap:5px;display:flex}.up-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.up-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:1px;font-size:11px;font-weight:600;display:inline-flex}.up-input,.up-textarea{color:#e2e8f0;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.up-input::placeholder,.up-textarea::placeholder{color:#475569}.up-input:focus,.up-textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.up-input:disabled,.up-textarea:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.up-textarea{resize:none;height:80px;line-height:1.55}.up-input-error{border-color:#ef444480!important;box-shadow:0 0 0 3px #ef44441a!important}.up-error-text{color:#f87171;margin-top:2px;font-size:11px}.up-readonly-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.up-readonly-title{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.up-readonly-row{align-items:center;gap:10px;display:flex}.up-readonly-icon{color:#818cf8;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.up-readonly-info{flex-direction:column;gap:1px;display:flex}.up-readonly-label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.up-readonly-value{color:#e2e8f0;font-size:13px;font-weight:500}.up-footer{border-top:1px solid #ffffff12;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 26px;display:flex}.up-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.up-btn--ghost{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.up-btn--ghost:hover{color:#e2e8f0;background:#ffffff17}.up-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 3px 12px #6366f159}.up-btn--primary:hover{transform:translateY(-1px);box-shadow:0 5px 18px #6366f173}.up-btn--primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@keyframes up-spin{to{transform:rotate(360deg)}}.up-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite up-spin}.up-toast{z-index:3000;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) forwards up-toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #0006}@keyframes up-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.up-toast--success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.up-toast--error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.navbar-avatar-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:background .15s,border-color .15s;display:flex}.navbar-avatar-btn:hover{background:#ffffff14;border-color:#6366f14d}.navbar-avatar-img{object-fit:cover;border-radius:50%;width:30px;height:30px}.navbar-avatar-initials{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.navbar-avatar-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}@media (width<=580px){.up-modal{border-radius:16px;max-width:100%}.up-field-row{grid-template-columns:1fr}.up-body{padding:20px 18px}.up-header{padding:16px 18px 14px}.up-footer{padding:12px 18px}.navbar-avatar-name{display:none}}@media (width<=768px){.up-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(64px + env(safe-area-inset-bottom,0px) + 12px)}}.dashboard-layout{width:100%;min-height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100vh;padding:0;display:flex;overflow:hidden}.content-area{flex:1;width:100%;min-height:0;overflow-y:auto}.present{background:#16a34a}.late{background:#ea580c}.leave{background:#2563eb}.absent{background:#dc2626}.dashboard{max-width:1500px;margin:auto;padding:20px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-header h1{font-size:28px;font-weight:700}.dashboard-header p{color:#64748b;margin-top:4px}.dashboard-date{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 16px;font-size:14px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;transition:all .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card span{color:#64748b;font-size:13px}.stat-card h2{margin-top:8px;font-size:28px}.dashboard-row{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.large-card,.small-card{min-height:340px}.card h3{margin-bottom:12px;font-size:16px}.activity-list{max-height:280px;overflow-y:auto}.activity-item{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:#2563eb;border-radius:50%;width:8px;height:8px;margin-top:7px}.activity-item strong{font-size:14px}.activity-item p{color:#64748b;margin-top:2px;font-size:12px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.dashboard-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:68px}.sidebar-logo-section{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.sidebar.collapsed .sidebar-logo-section{flex-direction:column;gap:8px;padding:16px 8px 8px}.sidebar-logo{max-width:130px;height:28px}.sidebar-logo-collapsed{object-fit:contain;border-radius:8px;width:32px;height:32px}.sidebar-logo-collapsed-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-toggle{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar.collapsed .sidebar-toggle{margin:0}.sidebar-nav{flex:1;padding:4px 8px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-group{margin-bottom:8px}.sidebar-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:8px 10px 4px;font-size:10px;font-weight:600;display:block;overflow:hidden}.sidebar.collapsed .sidebar-group-label{display:none}.sidebar-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{color:#818cf8;background:#6366f11f}.sidebar-item.active:before{content:"";background:#6366f1;border-radius:0 3px 3px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-item.active:before{display:none}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-6px}.sidebar.collapsed .sidebar-badge{min-width:8px;height:8px;padding:0;font-size:0;top:-2px;right:-2px}.sidebar-item-text{text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .sidebar-item-text{display:none}.sidebar-item--project{color:var(--text-muted)}.sidebar-item--project svg{color:var(--text-muted);opacity:.6}.sidebar-item--project:hover svg{opacity:1;color:var(--text-secondary)}.content{flex:1;overflow:auto}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1050;background:#090d16f2;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.navbar-left-controls{align-items:center;gap:12px;display:flex}.nav-back-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.nav-back-btn:hover{color:#e2e8f0;background:#ffffff14}.nav-back-btn:active{transform:scale(.92)}.navbar-page-title{color:#f1f5f9;letter-spacing:-.02em;font-size:17px;font-weight:700}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-reload-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.navbar-reload-btn:hover{color:#e2e8f0;background:#ffffff14}.navbar-reload-btn:active svg{transition:transform .15s;transform:rotate(90deg)}.navbar-logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.navbar-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.mobile-nav-hamburger,.nav-history-btn,.navbar-greeting,.navbar-greeting-name,.pwa-address-bar,.pwa-address-bar-url,.pwa-url-scheme,.pwa-url-host,.pwa-url-path,.pwa-reload-btn,.nav-history-buttons{display:none!important}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:10px;padding:20px}.project-card{background:#1117268c;border-radius:10px;padding:20px}.modal{z-index:99;background:#00000080;position:fixed;inset:0}.modal-box{background:#fff;border-radius:5px;flex-direction:column;gap:5px;width:500px;margin:100px auto;padding:20px;display:flex}.modal-box h2{text-align:center;margin-bottom:20px;font-size:28px}.modal-box input,.modal-box textarea,.modal-box select{resize:none;border:2px solid #e8e8e8;border-radius:5px;outline:none;padding:10px}.modal-box input:focus-within,.modal-box textarea:focus-within{border-color:#6363ff}.modal-box textarea{height:150px}.modal-box select{padding:10px}.modal-box>button{color:#000;border:none;border-radius:5px;width:100%;padding:10px;transition:all .3s linear}.modal-box>button:hover{color:#fff;background-color:#2563eb}.modal-box .member-item{text-transform:uppercase;align-items:center;gap:5px;font-size:14px;display:flex}.modal-box .member-item input[type=checkbox]{accent-color:#2563eb;width:15px;height:15px}.assign_member_btns{gap:10px;display:flex}.assign_member_btns>button{border:none;border-radius:5px;padding:6px 20px;transition:all .3s}.assign_member_btns>button:first-child:hover{color:#fff;background-color:#2563eb}.assign_member_btns>button:nth-child(2):hover{color:#fff;background-color:red}.task-header{justify-content:space-between;align-items:center;display:flex}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;font-size:20px}.task-card{background:#f3f4f6;border-radius:10px;margin-bottom:10px;padding:15px}.board{align-items:flex-start;gap:24px;display:flex;overflow-x:auto}.column{background:#f8fafc;border-radius:16px;flex:1;min-width:320px;padding:16px}.column-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.column-header h3{font-size:18px;font-weight:600}.column-header span{background:#e2e8f0;border-radius:20px;padding:4px 10px}.task-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:14px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0f172a05}.task-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.task-label{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.drag-handle{opacity:0;cursor:grab;z-index:5;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.drag-handle:hover{background:#f1f5f9}.drag-handle svg{color:#94a3b8;transition:color .2s}.drag-handle:hover svg{color:#64748b}.task-card h4.task-title{color:#1e293b;cursor:pointer;text-transform:capitalize;margin:0;padding-right:20px;font-size:14.5px;font-weight:700;line-height:1.4;transition:color .15s}.task-card:hover h4.task-title{color:#0f172a}.task-card p.task-desc{color:#64748b;-webkit-line-clamp:2;text-overflow:ellipsis;text-transform:capitalize;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.task-footer{color:#64748b;border-top:1px solid #f1f5f9cc;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;font-size:13px;display:flex}.task-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.task-priority{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.task-priority.priority-high{color:#ef4444;background:#fef2f2}.task-priority.priority-medium{color:#d97706;background:#fffbeb}.task-priority.priority-low{color:#22c55e;background:#f0fdf4}.task-comments-count,.task-attachments-count{color:#64748b;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.task-date{color:#64748b;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.task-date.is-overdue{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.task-date.is-overdue svg{color:#ef4444!important}.task-date svg,.task-comments-count svg,.task-attachments-count svg{color:#94a3b8;flex-shrink:0}.task-attachments-count{color:#4f46e5}.task-attachments-count svg{color:#6366f1}.task-assignee{align-items:center;display:flex}.task-assignee .avatar-initials{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9.5px;font-weight:700;display:flex;box-shadow:0 2px 6px #4f46e533}.task-assignee .avatar-unassigned{color:#94a3b8;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.task-assignee .avatar-unassigned svg{width:11px;height:11px}.project-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.assign_member_btn{background-color:#dbdbdb;border:none;border-radius:10px;margin-right:10px;padding:12px 18px;transition:all .3s}.assign_member_btn:hover{color:#fff;background-color:#2563eb;transform:translateY(4px)}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 18px;transition:all .3s}.primary-btn:hover{transform:translateY(4px)}.project-members{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0f172a05}.members-tab-title{color:#0f172a;margin:0 0 20px;font-size:18px;font-weight:700}.members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.member-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.member-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0d}.member-card-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 6px #2563eb33}.member-card-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.member-card-info h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:600;overflow:hidden}.member-card-info p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.member-card-remove-btn{color:#ef4444;cursor:pointer;opacity:0;background:#fef2f2;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.member-card:hover .member-card-remove-btn{opacity:1}.member-card-remove-btn:hover{color:#fff;background:#ef4444}.projects-page{padding:24px}.projects-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.projects-header h1{font-size:32px;font-weight:700}.projects-header p{color:#64748b}.projects-toolbar{margin-bottom:24px}.projects-toolbar input{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;max-width:400px;padding:12px 16px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.project-card{color:inherit;background:#1117268c;border:1px solid #ffffff0d;border-radius:18px;padding:20px;text-decoration:none;transition:all .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.project-top h3{margin-bottom:8px}.project-top p{color:#64748b;line-height:1.5}.project-footer{color:#64748b;justify-content:space-between;align-items:center;margin-top:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-weight:600}.empty-state h2{margin-bottom:10px}.empty-state p{color:#64748b;margin-bottom:20px}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a33;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-drawer{background:#fff;width:500px;max-width:90vw;height:100vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;overflow-y:auto;box-shadow:-10px 0 40px #0f172a1a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.drawer-header h2{font-size:24px;font-weight:700}.close-btn{cursor:pointer;background:0 0;border:none;font-size:22px}.drawer-meta{gap:16px;margin-bottom:24px;display:grid}.meta-item{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.meta-item label{color:#64748b;font-size:14px}.drawer-section{margin-bottom:24px}.drawer-section h3{margin-bottom:10px}.drawer-section p{color:#475569;line-height:1.7}.labels{flex-wrap:wrap;gap:8px;display:flex}.label{color:#1e40af;background:#dbeafe;border-radius:20px;padding:6px 12px;font-size:13px}.priority-badge{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.priority-badge.high{color:#dc2626;background:#fee2e2}.priority-badge.medium{color:#d97706;background:#fef3c7}.priority-badge.low{color:#16a34a;background:#dcfce7}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:24px;padding:24px;box-shadow:0 4px 20px #0000000a}.activity-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.activity-header h2{font-size:20px;font-weight:700}.activity-header span{color:#64748b;font-size:14px}.timeline{position:relative}.timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.timeline-avatar{color:#fff;z-index:2;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-weight:600;display:flex;position:relative}.timeline-content{background:#f8fafc;border-radius:12px;flex:1;padding:14px 16px;transition:all .2s}.timeline-content:hover{background:#f1f5f9}.timeline-top{justify-content:space-between;gap:20px;display:flex}.timeline-top p{font-weight:500;line-height:1.5}.timeline-top span{color:#64748b;white-space:nowrap;font-size:13px}.activity-empty{text-align:center;color:#64748b;padding:40px 0}.activity-empty div{margin-bottom:10px;font-size:40px}.notifications-page{max-width:900px;margin:auto}.notifications-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notifications-header h1{font-size:32px;font-weight:700}.notifications-header p{color:#64748b;margin-top:6px}.notification-count{color:#fff;background:#2563eb;border-radius:50%;width:48px;height:48px;margin-bottom:8px}.notification-top h3{font-size:16px;font-weight:600}.notification-top span{color:#64748b;font-size:13px}.notification-content p{color:#475569;line-height:1.6}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-icon{margin-bottom:16px;font-size:70px}.loading-state{text-align:center;padding:40px}.notification-dot{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;display:flex}.project-group{margin-bottom:40px}.project-group h2{margin-bottom:16px;font-size:22px;font-weight:700}.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.task-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.beautiful-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.beautiful-modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:540px;max-height:95vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.beautiful-modal-content::-webkit-scrollbar{width:6px}.beautiful-modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.beautiful-modal-content h2{color:#0f172a;margin-top:0;margin-bottom:16px;font-size:20px;font-weight:700}.beautiful-modal-content .form-group{flex-direction:column;margin-bottom:12px;display:flex}.beautiful-modal-content label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600}.beautiful-modal-content input,.beautiful-modal-content textarea,.beautiful-modal-content select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.beautiful-modal-content textarea{resize:vertical;min-height:70px}.beautiful-modal-content input:focus,.beautiful-modal-content textarea:focus,.beautiful-modal-content select:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.beautiful-modal-content .form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.beautiful-modal-content .btn-cancel{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:12px;padding:12px 20px;font-weight:600;transition:all .2s}.beautiful-modal-content .btn-cancel:hover{color:#0f172a;background:#f1f5f9}.beautiful-modal-content .primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.beautiful-modal-content .primary-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.beautiful-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a4d;justify-content:flex-end;align-items:center;padding:16px;animation:.25s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.beautiful-drawer{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #ffffff80;border-radius:24px;flex-direction:column;width:480px;max-width:95vw;height:calc(100vh - 32px);font-family:Inter,-apple-system,sans-serif;animation:.35s cubic-bezier(.16,1,.3,1) slideInDrawer;display:flex;overflow:hidden;box-shadow:-10px 0 40px #0f172a14,0 20px 50px #0000000a}@keyframes slideInDrawer{0%{opacity:0;transform:translate(100%)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.mockup-header{background:0 0;padding:28px 28px 20px}.mockup-header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mockup-status-badge{color:#1e40af;text-transform:uppercase;letter-spacing:.05em;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:700}.mockup-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mockup-close-btn:hover{color:#0f172a;background:#f1f5f9;transform:rotate(90deg)}.mockup-title{color:#0f172a;letter-spacing:-.02em;width:100%;margin:0 0 6px;font-family:inherit;font-size:22px;font-weight:700}.mockup-title-input{background:0 0;border:1px solid #0000;border-radius:8px;margin-left:-8px;padding:4px 8px;transition:all .2s}.mockup-title-input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.mockup-subtitle{color:#ef4444;align-items:center;font-size:13px;font-weight:600;display:flex}.mockup-subtitle-icon{margin-right:4px}.drawer-content-scroll{background:0 0;flex:1;padding:0 28px 28px;overflow-y:auto}@media (width<=768px){.drawer-content-scroll{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}}.drawer-content-scroll::-webkit-scrollbar{width:6px}.drawer-content-scroll::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px}.drawer-content-scroll::-webkit-scrollbar-track{background:0 0}.mockup-meta-grid{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.mockup-meta-row{align-items:center;display:flex}.mockup-meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;width:110px;font-size:12px;font-weight:600}.mockup-meta-value{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex:1;align-items:center;padding:8px 14px;font-size:13px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000003}.mockup-meta-value:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-.5px)}.mockup-meta-value select,.mockup-meta-value input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.mockup-icon{color:#94a3b8;align-items:center;margin-left:auto;display:flex}.mockup-icon-left{color:#64748b;align-items:center;margin-right:10px;display:flex}.due-date-value input{color:#c2410c;font-weight:600}.priority-value-high{color:#991b1b;background:#fef2f2;border-color:#fee2e2;font-weight:600}.mockup-divider{align-items:center;margin:28px 0;display:flex}.mockup-divider:before,.mockup-divider:after{content:"";border-bottom:1px solid #f1f5f9cc;flex:1}.mockup-divider-pill{background:#e2e8f0;border-radius:999px;width:24px;height:5px;margin:0 12px}.mockup-section{margin-bottom:28px}.mockup-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.mockup-description textarea{resize:vertical;color:#334155;background:#f8fafc;border:1px solid #e2e8f0cc;border-radius:14px;width:100%;min-height:110px;padding:12px;font-family:inherit;font-size:13.5px;line-height:1.6;transition:all .2s}.mockup-description textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614}.mockup-description p{color:#334155;background:#f8fafc;border-radius:14px;margin:0;padding:12px;font-size:13.5px;line-height:1.6}.mockup-attachments{flex-direction:column;gap:10px;display:flex}.mockup-attachment-card{color:inherit;background:#f8fafc;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.mockup-attachment-card:hover{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f60a}.mockup-file-icon{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0cc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-right:14px;display:flex;overflow:hidden}.mockup-file-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .2s}.mockup-attachment-card:hover .mockup-file-thumbnail{transform:scale(1.08)}.mockup-file-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.mockup-file-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mockup-file-size{color:#94a3b8;margin-top:2px;font-size:11px}.mockup-file-actions{gap:8px;display:flex}.mockup-file-actions button{color:#64748b;cursor:pointer;background:#f1f5f9cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.mockup-footer{background:#f8fafc;border-top:1px solid #e2e8f0cc;border-radius:0 0 24px 24px;padding:20px 28px}.mockup-footer-actions{gap:12px;margin-bottom:14px;display:flex}.mockup-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.mockup-action-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-.5px)}.mockup-action-btn:active{transform:translateY(0)}.mockup-comment-input{color:#334155;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;width:100%;padding:12px 42px 12px 16px;font-family:inherit;font-size:13px;transition:all .2s;box-shadow:0 2px 6px #00000005}.mockup-comment-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614}.beautiful-comments-list{flex-direction:column;gap:16px;max-height:350px;margin-top:12px;padding-right:8px;display:flex;overflow-y:auto}.beautiful-comments-list::-webkit-scrollbar{width:6px}.beautiful-comments-list::-webkit-scrollbar-thumb{background-color:#00000014;border-radius:4px}.beautiful-comment{gap:12px;display:flex}.comment-avatar{color:#3730a3;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000000d}.comment-content{background:#fff;border:1px solid #e2e8f0cc;border-radius:0 16px 16px;flex:1;padding:12px 16px;position:relative;box-shadow:0 2px 6px #00000005}.comment-content:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%);background:#fff;border-top:1px solid #e2e8f0cc;border-left:1px solid #e2e8f0cc;width:12px;height:12px;position:absolute;top:0;left:-6px}.comment-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.comment-header strong{color:#334155;font-size:13px;font-weight:600}.comment-date{color:#94a3b8;font-size:11px}.comment-content p{color:#475569;margin:0;font-size:13px;line-height:1.5}.custom-select-trigger{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.custom-select-menu{-webkit-backdrop-filter:blur(16px);z-index:100;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;width:100%;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px #0f172a14}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-item{color:#475569;cursor:pointer;padding:10px 14px;font-size:13px;transition:all .15s}.custom-select-item.selected{color:#4f46e5;background:#eef2ff;font-weight:600}.due-date-value{background:#fff7ed;border-color:#ffedd5;position:relative}.due-date-value input[type=date]{color:#c2410c;cursor:pointer;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;padding-right:24px;font-family:inherit;font-size:13px;background-image:none!important}.due-date-value input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.uploading-card{background:#f8fafc80!important;border-style:dashed!important;border-color:#3b82f6!important}.loading-icon-wrapper{background:#eff6ff!important;border-color:#bfdbfe!important}.spinner{border:2px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-progress-bar-container{background:#e2e8f0;border-radius:999px;width:100%;height:6px;margin-top:6px;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:999px;height:100%;transition:width .1s ease-out}.upload-progress-percent{color:#2563eb;font-size:12px;font-weight:600}.video-thumbnail-container{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-play-overlay{pointer-events:none;z-index:5;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumbnail-container:hover .video-play-overlay{opacity:0;transform:translate(-50%,-50%)scale(.8)}.notifications-page{max-width:900px;margin:0 auto;padding:30px}.notifications-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff6;border:1px solid #fff9;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;display:flex;box-shadow:0 10px 30px #00000005}.notifications-header h1{color:#1e1b4b;margin:0;font-size:26px;font-weight:800}.notifications-header p{color:#64748b;margin-top:4px;font-size:14px}.mark-all-read-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.notification-count{color:#fff;background:#4f46e5;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;box-shadow:0 4px 10px #4f46e54d}.notifications-list{flex-direction:column;gap:16px;display:flex}.notification-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9cc;border-radius:18px;gap:18px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000003}.notification-card:before{content:"";background:0 0;width:4px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0}.notification-card.unread{background:#fbfbfe;border-color:#e0e7ff}.notification-card.unread:before{background:#4f46e5}.notification-card:hover{border-color:#dbeafe;transform:translateY(-2px);box-shadow:0 10px 25px #00000008}.notification-card.unread:hover{border-color:#c7d2fe}.notification-icon{color:#64748b;background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.notification-card.unread .notification-icon{color:#4f46e5;background:#e0e7ff}.notification-card:hover .notification-icon{transform:scale(1.05)}.notification-content{flex:1}.notification-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.notification-top h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.notification-card.unread .notification-top h3{color:#1e1b4b}.notification-time{color:#94a3b8;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.notification-content p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.notification-card.unread .notification-content p{color:#475569}.empty-state{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff6;border:1px solid #fff9;border-radius:24px;padding:60px 40px;box-shadow:0 10px 30px #00000005}.empty-icon{margin-bottom:20px;font-size:48px;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state h2{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:#64748b;font-size:14.5px}.loading-state{text-align:center;color:#64748b;padding:40px;font-size:15px;font-weight:500}.my-tasks-page{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:30px;display:flex}.my-tasks-header-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff73;border:1px solid #fff9;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 10px 30px #00000003}.my-tasks-header{justify-content:space-between;align-items:center;display:flex}.my-tasks-header h1{color:#1e1b4b;margin:0;font-size:28px;font-weight:800}.my-tasks-header p{color:#64748b;margin-top:4px;font-size:14px}.admin-scope-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:4px;display:flex}.scope-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.my-tasks-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.metric-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 10px #00000003}.metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-info h3{color:#1e293b;margin:0;font-size:20px;font-weight:800}.metric-info span{color:#64748b;font-size:12px;font-weight:500}.my-tasks-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.control-search{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:360px;padding:8px 14px;transition:border-color .2s;display:flex;box-shadow:0 2px 6px #00000003}.control-search:focus-within{border-color:#4f46e5}.my-tasks-assignee-filter{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.my-tasks-assignee-filter svg{color:var(--text-muted);flex-shrink:0}.control-search svg{color:#94a3b8}.control-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.view-toggles{background:#e2e8f0;border-radius:10px;gap:2px;padding:4px;display:flex}.toggle-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.accordion-list{flex-direction:column;gap:16px;display:flex}.accordion-group{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;transition:all .25s;overflow:hidden;box-shadow:0 4px 12px #00000003}.accordion-group.open{border-color:#cbd5e1;box-shadow:0 10px 25px #00000005}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:18px 24px;transition:background-color .2s;display:flex}.accordion-title-block{align-items:center;gap:12px;display:flex}.project-folder-icon{color:#818cf8}.accordion-title-block h2{color:#1e293b;text-transform:capitalize;margin:0;font-size:16px;font-weight:700}.accordion-meta-block{align-items:center;gap:16px;display:flex}.project-progress-bar-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;width:100px;height:6px;overflow:hidden}.project-progress-bar{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;height:100%;transition:width .3s}.project-progress-text{color:#64748b;font-size:12px;font-weight:600}.accordion-toggle-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.accordion-body{background:#fcfcfd;border-top:1px solid #e2e8f0cc;padding:24px}.personal-kanban{background:0 0;padding:0}.task-project-badge{color:#475569;text-transform:capitalize;background:#f1f5f9;border:1px solid #cbd5e180;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-bottom:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.task-project-badge svg{color:#64748b;flex-shrink:0}.navbar{border-bottom:1px solid var(--border-color)!important}.form-group label{color:var(--text-secondary)!important}.attendance-record,.leave-item{border-bottom:1px solid var(--border-color)!important;color:var(--text-secondary)!important}::-webkit-scrollbar-thumb{background:var(--bg-tertiary)!important}.dashboard-date{color:var(--text-primary)!important;font-weight:500!important}.drag-drop-zone{transition:all .2s;border:2px dashed var(--border-color)!important;background:#0f172a40!important}.drag-drop-zone.dragging,.drag-drop-zone:hover{border-color:var(--primary-color)!important;background:#3b82f60d!important}.main-content,.project-details-page{width:100%!important;min-width:0!important}.project-tab-content,.board-tab-wrapper{width:100%!important;min-width:0!important;overflow:hidden!important}.beautiful-drawer-overlay{-webkit-backdrop-filter:blur(8px)!important;background:#00000080!important}.beautiful-drawer{color:#e2e8f0!important;background:#0f172a!important;border:1px solid #ffffff14!important;box-shadow:-10px 0 45px #00000080,0 20px 50px #0000004d!important}.mockup-header-top{margin-bottom:16px}.mockup-status-badge{color:#a5b4fc!important;background:#6366f11f!important;border:1px solid #6366f14d!important}.mockup-close-btn{color:#94a3b8!important;background:#ffffff0a!important;border:1px solid #ffffff0f!important}.mockup-close-btn:hover{color:#f87171!important;background:#ef44441f!important;border-color:#ef44444d!important}.mockup-title{color:#f1f5f9!important}.mockup-title-input{color:#f1f5f9!important;background:0 0!important}.mockup-title-input:hover{background:#ffffff08!important;border-color:#ffffff26!important}.mockup-title-input:focus{background:#ffffff05!important;border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f126!important}.mockup-subtitle{color:#a5b4fc!important}.drawer-content-scroll::-webkit-scrollbar-thumb{background:#6366f140!important}.mockup-meta-label{color:#64748b!important}.mockup-meta-value{color:#e2e8f0!important;box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.mockup-meta-value:hover{background:#ffffff0d!important;border-color:#6366f166!important}.mockup-meta-value select,.mockup-meta-value input{color:#e2e8f0!important;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}.mockup-icon{color:#475569!important}.mockup-icon-left{color:#64748b!important}.due-date-value{background:#f973161a!important;border-color:#f9731633!important}.due-date-value input[type=date]{color:#fdba74!important}.due-date-value .mockup-icon{color:#f97316!important}.priority-value-high{color:#fda4af!important;background:#ef44441a!important;border-color:#ef444433!important}.priority-value-high .mockup-icon-left{color:#f87171!important}.mockup-divider:before,.mockup-divider:after{border-bottom:1px solid #ffffff0f!important}.mockup-divider-pill{background:#ffffff1a!important}.mockup-section-label{color:#64748b!important}.mockup-description textarea{color:#e2e8f0!important;background:#ffffff05!important;border:1px solid #ffffff14!important}.mockup-description textarea:hover{background:#ffffff0a!important}.mockup-description textarea:focus{background:#ffffff08!important;border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f126!important}.mockup-description p{color:#cbd5e1!important;background:#ffffff05!important}.mockup-attachment-card{color:#e2e8f0!important;background:#ffffff05!important;border:1px solid #ffffff14!important}.mockup-attachment-card:hover{background:#ffffff0a!important;border-color:#6366f166!important;box-shadow:0 4px 12px #6366f10d!important}.mockup-file-icon{color:#94a3b8!important;background:#ffffff08!important;border:1px solid #ffffff0f!important}.mockup-file-name{color:#e2e8f0!important}.mockup-file-size{color:#64748b!important}.mockup-file-actions button{color:#94a3b8!important;background:#ffffff0d!important}.mockup-file-actions button:hover{color:#f87171!important;background:#ef444426!important}.mockup-footer{background:#0f172a!important;border-top:1px solid #ffffff14!important;border-radius:0 0 24px 24px!important}.mockup-action-btn{color:#94a3b8!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.mockup-action-btn:hover{color:#f1f5f9!important;background:#ffffff0f!important;border-color:#ffffff26!important}.mockup-comment-input{color:#e2e8f0!important;box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.mockup-comment-input:focus{border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f126!important}.beautiful-comments-list::-webkit-scrollbar-thumb{background-color:#6366f140!important}.comment-avatar{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;border:2px solid #ffffff14!important}.comment-content{color:#e2e8f0!important;box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff12!important}.comment-content:before{background:#0f172a!important;border-top:1px solid #ffffff12!important;border-left:1px solid #ffffff12!important}.comment-header strong{color:#e2e8f0!important}.comment-date{color:#64748b!important}.comment-content p{color:#94a3b8!important}.custom-select-menu{background:#1e293b!important;border:1px solid #ffffff17!important;box-shadow:0 10px 30px #00000080!important}.custom-select-item{color:#94a3b8!important}.custom-select-item:hover{color:#f1f5f9!important;background:#ffffff0d!important}.custom-select-item.selected{color:#818cf8!important;background:#6366f126!important}.mockup-description p{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:break-word!important}.task-project-badge{color:#94a3b8!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:6px!important;padding:3px 8px!important}.task-project-badge svg{color:#818cf8!important}.accordion-group{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 10px 30px #00000040!important}.accordion-group.open{border-color:#6366f14d!important}.accordion-header{border-bottom:1px solid #0000;background:0 0!important}.accordion-group.open .accordion-header{border-bottom:1px solid #ffffff0d!important}.accordion-header:hover{background:#ffffff04!important}.accordion-title-block h2{color:#f1f5f9!important}.project-progress-bar-container{background:#ffffff0a!important;border:1px solid #ffffff14!important}.project-progress-text{color:#94a3b8!important}.accordion-toggle-btn{color:#94a3b8!important;background:#ffffff0a!important;border:1px solid #ffffff0f!important}.accordion-header:hover .accordion-toggle-btn{color:#f1f5f9!important;background:#ffffff14!important}.accordion-body{background:0 0!important;border-top:1px solid #ffffff0d!important}.metric-card{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 10px 25px #00000040!important}.metric-card.highlight-overdue{background:#ef444414!important;border-color:#ef444433!important}.metric-icon.total{color:#60a5fa!important;background:#3b82f61a!important}.metric-icon.done{color:#34d399!important;background:#22c55e1a!important}.metric-icon.progress{color:#fbbf24!important;background:#d977061a!important}.metric-icon.overdue{color:#f87171!important;background:#ef44441a!important}.metric-info h3{color:#f1f5f9!important}.metric-info span{color:#64748b!important}.control-search{box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.control-search:focus-within{border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f11a!important}.control-search input{color:#f1f5f9!important}.control-search input::placeholder{color:#475569!important}.view-toggles{background:#ffffff08!important;border:1px solid #ffffff0f!important}.toggle-btn{color:#94a3b8!important}.toggle-btn:hover{color:#f1f5f9!important}.toggle-btn.active{color:#fff!important;background:#ffffff14!important;box-shadow:0 2px 6px #00000026!important}.admin-scope-toggle{background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:10px!important;padding:4px!important}.scope-btn{color:#94a3b8!important}.scope-btn:hover{color:#f1f5f9!important}.scope-btn.active{color:#fff!important;background:#ffffff14!important;box-shadow:0 2px 6px #00000026!important}.my-tasks-header h1{color:#f1f5f9!important}.my-tasks-header p{color:#64748b!important}.my-tasks-header-wrapper,.notifications-header{-webkit-backdrop-filter:blur(16px)!important;background:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 20px 40px #00000059!important}.notifications-header h1{color:#f1f5f9!important}.notifications-header p{color:#64748b!important}.mark-all-read-btn{color:#94a3b8!important;box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.mark-all-read-btn:hover{color:#818cf8!important;background:#6366f126!important;border-color:#6366f14d!important;transform:translateY(-.5px)!important;box-shadow:0 4px 14px #6366f11a!important}.notification-count{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;box-shadow:0 4px 12px #6366f14d!important}.notifications-page .empty-state{-webkit-backdrop-filter:blur(16px)!important;color:#64748b!important;background:#11172673!important;border:1px solid #ffffff0d!important;border-radius:24px!important;padding:60px 40px!important;box-shadow:0 20px 40px #00000059!important}.notifications-page .empty-state h2{color:#f1f5f9!important;margin-top:12px!important;font-size:18px!important;font-weight:700!important}.notifications-page .empty-state p{color:#64748b!important}.nav-history-btn:hover{color:#f1f5f9!important;background:#ffffff14!important;border-color:#ffffff26!important}.nav-history-btn:active{transform:scale(.95);background:#ffffff1f!important}.pwa-reload-btn:hover{color:#818cf8!important}.pwa-reload-btn:active svg{transition:transform .15s;transform:rotate(90deg)}@media (width<=768px){.pwa-address-bar,.navbar-greeting{display:none!important}}.stat-card-glass{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.stat-card-glass:hover{transform:translateY(-2px);border-color:#6366f140!important;box-shadow:0 12px 30px #00000059,0 0 0 1px #6366f11a!important}.quick-action-row{transition:all .2s!important}.quick-action-row:active{transform:scale(.98)}.sidebar-overlay{display:none}@media (width<=992px){.navbar{padding:env(safe-area-inset-top,0px) 16px 0 16px!important;height:calc(60px + env(safe-area-inset-top,0px))!important}.nav-history-buttons{display:none!important}}@media (width<=768px){.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0009;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar-wrapper{z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-wrapper.mobile-open{transform:translate(0)}.sidebar{box-shadow:4px 0 20px #0000004d;border-right:1px solid var(--border-color)!important;height:100vh!important}.mobile-sidebar-toggle{display:none}.dashboard-layout{flex-direction:column!important}.main-content{width:100%!important;height:100dvh!important;margin-left:0!important;overflow:hidden!important}.content-area{flex:1;-webkit-overflow-scrolling:touch!important;min-height:0!important;padding-bottom:72px!important;overflow-y:auto!important}.mobile-nav-hamburger{display:flex}.navbar{padding:env(safe-area-inset-top,0px) 12px 0 12px!important;height:calc(60px + env(safe-area-inset-top,0px))!important}.navbar-greeting,.pwa-address-bar{display:none!important}.dashboard{padding:12px!important}.dashboard-view-wrapper{gap:16px!important;padding:12px!important}.dashboard-header h1{font-size:22px!important}.projects-page{padding:12px!important}.projects-header h1{font-size:24px!important}.project-details-page{min-height:auto!important;padding:0!important}.project-tab-content{padding:16px!important;overflow:visible!important}.board-tab-wrapper{overflow:visible!important}.project-banner{padding:12px 16px 0!important}.project-banner-content{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.project-banner-title-row h1{font-size:16px!important}.project-banner-desc{white-space:normal!important;max-width:100%!important}.attendance-page,.leaves-page,.team-attendance,.users-page{padding:12px!important}.users-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header h1{font-size:22px!important}.beautiful-modal-overlay{padding:calc(env(safe-area-inset-top,0px) + 16px) 12px calc(64px + env(safe-area-inset-bottom,0px) + 12px)!important}.beautiful-drawer-overlay{padding:0!important}.beautiful-drawer{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important}}@media (width<=480px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header h1{font-size:20px!important}.stats-grid,.projects-grid{grid-template-columns:1fr!important}.stat-card h2{font-size:22px!important}.task-drawer{border-radius:0!important;width:100vw!important;max-width:100vw!important;padding:20px!important}.beautiful-modal-content{border-radius:16px!important;max-width:100%!important;max-height:calc(100dvh - 80px)!important;margin:10px!important}.beautiful-modal-content .form-grid{grid-template-columns:1fr!important}.column{min-width:260px!important}.page-header{flex-direction:column!important;align-items:flex-start!important}}.mobile-bottom-nav,.mobile-more-overlay{display:none}@media (width<=768px){.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);background:#0b0f19eb;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:4px 8px;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-item span{letter-spacing:.01em;font-size:10px;font-weight:600}.mobile-nav-item.active{color:#818cf8}.mobile-nav-item:active{color:#a5b4fc;transform:scale(.92)}.mobile-nav-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.mobile-nav-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 6px #ef444466}.mobile-nav-more{position:relative}.mobile-nav-hamburger{display:none!important}.content-area{padding-bottom:64px}.navbar{height:calc(56px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 12px 0 12px!important}.navbar-left-controls{gap:8px}.nav-back-btn{width:34px;height:34px}.navbar-page-title{font-size:16px;font-weight:700}.navbar-reload-btn{display:none}.navbar-logout-btn{padding:5px 10px!important;font-size:11px!important}.notification-btn{width:34px!important;height:34px!important}.notification-dropdown{width:300px!important;right:-60px!important}}.mobile-more-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mobile-more-sheet{width:100%;max-width:500px;padding:12px 20px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0));background:#111726;border-radius:20px 20px 0 0;flex-direction:column;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-more-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.mobile-more-header{color:#f1f5f9;margin-bottom:12px;padding:0 4px;font-size:16px;font-weight:700}.mobile-more-link{color:#cbd5e1;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:14px;padding:14px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.mobile-more-link:active{color:#818cf8;background:#6366f11a}.mobile-more-close{color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:none;border-radius:12px;margin-top:12px;padding:14px;font-size:14px;font-weight:600}.mobile-more-close:active{background:#ffffff1a}@media (width<=768px){.my-tasks-page{gap:12px;padding:12px}.my-tasks-header-wrapper{border-radius:14px;gap:12px;padding:14px}.my-tasks-header{flex-direction:column;align-items:flex-start;gap:10px}.my-tasks-header h1{font-size:20px;font-weight:700}.my-tasks-header p{margin-top:2px;font-size:12px}.admin-scope-toggle{width:100%}.scope-btn{text-align:center;flex:1;padding:7px 10px;font-size:12px}.my-tasks-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{border-radius:10px;gap:10px;padding:10px 12px}.metric-icon{border-radius:8px;width:32px;height:32px}.metric-icon svg{width:16px;height:16px}.metric-info h3{font-size:18px}.metric-info span{font-size:11px}.my-tasks-controls{flex-direction:column;gap:10px}.control-search{max-width:100%;padding:7px 12px}.my-tasks-assignee-filter{width:100%}.my-tasks-assignee-filter .board-filter-select{flex:1;max-width:none}.view-toggles{justify-content:center;width:100%}.toggle-btn{flex:1;justify-content:center;padding:7px 10px;font-size:12px}.toggle-btn span{display:none}.accordion-group{border-radius:10px;margin-bottom:8px}.accordion-header{padding:10px 12px}.accordion-title-block h2{font-size:13px}.accordion-title-block svg{width:14px;height:14px}.accordion-meta-block{gap:6px}.project-progress-bar-container{width:50px;height:4px}.project-progress-text{font-size:10px}.accordion-body{padding:8px}.personal-kanban{gap:12px;padding:4px}.tasks-grid{gap:8px}}.dws-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s dws-fade-in;display:flex;position:fixed;inset:0}@keyframes dws-fade-in{0%{opacity:0}to{opacity:1}}.dws-modal{-webkit-backdrop-filter:blur(24px);background:#111726f2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) dws-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080,0 0 0 1px #6366f11a}@keyframes dws-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dws-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.dws-header h2{color:#f1f5f9;margin:0;font-size:16px;font-weight:700}.dws-header p{color:#64748b;margin:4px 0 0;font-size:12px}.dws-reset{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.dws-reset:hover{color:#f1f5f9;background:#ffffff0f}.dws-list{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.dws-list::-webkit-scrollbar{width:4px}.dws-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.dws-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.dws-item:active{cursor:grabbing}.dws-item:hover{background:#ffffff0a;border-color:#ffffff14}.dws-item--on{background:#6366f10f;border-color:#6366f126}.dws-grip{color:#475569;flex-shrink:0;align-items:center;display:flex}.dws-label{color:#e2e8f0;flex:1;font-size:13px;font-weight:600}.dws-toggle{flex-shrink:0;width:40px;height:22px;position:relative}.dws-toggle input{opacity:0;width:0;height:0}.dws-toggle-slider{cursor:pointer;background:#ffffff14;border-radius:22px;transition:background .2s;position:absolute;inset:0}.dws-toggle-slider:before{content:"";background:#64748b;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.dws-toggle input:checked+.dws-toggle-slider{background:#6366f166}.dws-toggle input:checked+.dws-toggle-slider:before{background:#818cf8;transform:translate(18px);box-shadow:0 0 8px #6366f166}.dws-footer{border-top:1px solid #ffffff0f;padding:14px 20px}.dws-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;width:100%;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.dws-close-btn:hover{background:linear-gradient(135deg,#818cf8,#a5b4fc);box-shadow:0 4px 16px #6366f159}@media (width<=768px){.dws-modal{border-radius:16px;max-height:70vh}.dws-header{padding:16px 16px 12px}.dws-list{padding:8px}.dws-item{padding:10px}.dws-footer{padding:12px 16px}}:root{--surface-primary:#111726;--surface-secondary:#0b0f19;--surface-active:#6366f126;--border-light:#ffffff0d;--border-focus:#6366f1;--text-primary:#fff;--text-muted:#94a3b8;--text-inverse:#fff;--primary-accent:#6366f1;--primary-hover:#4f46e5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--touch-target-min:44px}.folder-section{margin-bottom:var(--spacing-xl);animation:.4s ease-out fadeIn}.section-title-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.section-title span{color:var(--text-muted);background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:500}.breadcrumbs-container{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #00000005}.breadcrumb-item{color:#64748b;cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.breadcrumb-item:hover{color:#2563eb}.breadcrumb-item.active{color:#0f172a;cursor:default;font-weight:600}.breadcrumb-separator{color:#cbd5e1;align-items:center;font-size:14px;display:flex}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.folder-card{cursor:pointer;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.folder-card:before{content:"";opacity:0;background:linear-gradient(90deg,#4f46e5,#6366f1);width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.folder-card:hover{border-color:#6366f166!important;transform:translateY(-4px)!important;box-shadow:inset 0 1px #ffffff14,0 16px 35px -8px #0009,0 0 15px #6366f126!important}.folder-card:hover:before{opacity:1}.folder-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.folder-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex;color:var(--primary-color)!important;background:#6366f114!important;border:1px solid #6366f126!important}.folder-card:hover .folder-icon-wrapper{background:var(--primary-color)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 0 10px #6366f166!important}.folder-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.folder-card:hover .folder-actions{opacity:1}.folder-action-btn{color:var(--text-muted);width:var(--touch-target-min);height:var(--touch-target-min);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.folder-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-action-btn.delete:hover{color:#f87171;background:#ef444414}.folder-info{margin-top:4px}.folder-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden;color:var(--text-primary)!important}.folder-meta{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.folder-toolbar{align-items:center;gap:12px;display:flex}.add-folder-btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;color:var(--text-secondary)!important;background:#ffffff08!important;border:1px dashed #ffffff26!important}.add-folder-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-hover)}.folder-input-wrapper{background-color:#090d1680;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.folder-input-wrapper input{width:150px;color:var(--text-primary);background:0 0;border:none;outline:none;padding:4px 8px;font-size:14px}.folder-input-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.folder-input-btn:hover{background:var(--primary-hover)}.folder-input-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.folder-input-btn.cancel:hover{background:var(--bg-active);color:var(--text-primary)}.folder-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;max-width:480px!important;margin:40px auto!important}.folder-empty-state:hover{box-shadow:none!important;border-color:#0000!important;transform:none!important}.folder-empty-state-icon-wrapper{color:#3b82f6!important;background:#eff6ff!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;margin-bottom:20px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important;box-shadow:0 4px 12px #3b82f614!important}.folder-empty-state-icon-wrapper svg{transition:transform .3s!important;display:block!important}.folder-empty-state:hover .folder-empty-state-icon-wrapper{color:#fff!important;background:#2563eb!important;transform:scale(1.06)rotate(2deg)!important;box-shadow:0 8px 20px #2563eb40!important}.folder-empty-state p{color:#64748b!important;max-width:340px!important;margin:0 0 20px!important;font-size:14px!important;font-weight:500!important;line-height:1.6!important}.unassigned-empty-state,.project-empty-state{text-align:center!important;max-width:480px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:40px auto!important;padding:40px 24px!important;display:flex!important}.unassigned-icon-container,.project-empty-state-icon-wrapper{color:#64748b!important;background:#f1f5f9!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;margin-bottom:16px!important;transition:all .2s!important;display:flex!important}.unassigned-icon-container svg,.project-empty-state-icon-wrapper svg{display:block!important}.unassigned-empty-state:hover .unassigned-icon-container,.project-empty-state:hover .project-empty-state-icon-wrapper{color:#334155!important;background:#e2e8f0!important}.unassigned-empty-state h3,.project-empty-state h3{color:#0f172a!important;letter-spacing:-.01em!important;margin:0 0 8px!important;font-size:18px!important;font-weight:600!important}.unassigned-empty-state p,.project-empty-state p{color:#64748b!important;max-width:320px!important;margin:0 0 16px!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}.project-empty-state .empty-state-create-btn{align-items:center!important;gap:8px!important;margin-top:4px!important;display:inline-flex!important}.unassigned-sync-status{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:99px!important;align-items:center!important;gap:8px!important;padding:5px 12px!important;font-size:10.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 1px 2px #00000005!important}.unassigned-empty-state:hover .unassigned-sync-status{color:#475569!important;border-color:#cbd5e1!important}.unassigned-sync-dot{background-color:#10b981!important;border-radius:50%!important;width:6px!important;height:6px!important;animation:1.8s ease-in-out infinite syncPulse!important}@keyframes syncPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.project-card-wrapper{position:relative}.project-select-checkbox{accent-color:#2563eb;z-index:10;cursor:pointer;opacity:0;border:2px solid #cbd5e1;border-radius:6px;width:24px;height:24px;transition:opacity .2s;position:absolute;top:14px;right:14px}.project-card-wrapper:hover .project-select-checkbox,.project-select-checkbox:checked{opacity:1}.project-card.selected{background-color:#f8fafc!important;border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb26!important}.bulk-actions-bar{color:#fff;z-index:999;background:#0f172a;border:1px solid #1e293b;border-radius:100px;align-items:center;gap:20px;padding:12px 24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.bulk-actions-info{color:#cbd5e1;border-right:1px solid #334155;padding-right:16px;font-size:14px;font-weight:500}.bulk-actions-info span{color:#3b82f6;font-weight:700}.bulk-actions-btns{align-items:center;gap:8px;display:flex}.bulk-action-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bulk-action-btn:hover{color:#fff;background:#1e293b}.bulk-action-btn.danger:hover{color:#fca5a5;background:#7f1d1d}.bulk-action-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-action-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.bulk-action-close:hover{color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:24px!important}.project-card{border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;border-radius:16px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;padding:24px!important;text-decoration:none!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px #00000005,0 2px 8px #00000003!important}.project-card.priority-critical{--progress-color:#f43f5e;--tag-bg:#f43f5e14;--tag-color:#f87171;--tag-border:#f43f5e2e;--shadow-glow:#f43f5e14}.project-card.priority-high{--progress-color:#f97316;--tag-bg:#f9731614;--tag-color:#fbbf24;--tag-border:#f973162e;--shadow-glow:#f9731614}.project-card.priority-medium{--progress-color:#6366f1;--tag-bg:#6366f114;--tag-color:#818cf8;--tag-border:#6366f12e;--shadow-glow:#6366f114}.project-card.priority-low{--progress-color:#10b981;--tag-bg:#10b98114;--tag-color:#34d399;--tag-border:#10b9812e;--shadow-glow:#10b98114}.project-card{--progress-color:#64748b;--tag-bg:#ffffff0a;--tag-color:var(--text-secondary);--tag-border:#ffffff0d;--shadow-glow:#ffffff05}.project-card:before{content:""!important;z-index:2!important;width:100%!important;height:5px!important;transition:height .3s,opacity .3s!important;position:absolute!important;top:0!important;left:0!important}.project-card.priority-critical:before{background:linear-gradient(90deg,#f43f5e,#ec4899)!important}.project-card.priority-high:before{background:linear-gradient(90deg,#f97316,#f59e0b)!important}.project-card.priority-medium:before{background:linear-gradient(90deg,#6366f1,#818cf8)!important}.project-card.priority-low:before{background:linear-gradient(90deg,#10b981,#34d399)!important}.project-card:hover{box-shadow:inset 0 1px 0 #ffffff14, 0 20px 40px -5px var(--shadow-glow), 0 15px 30px #00000080!important;border-color:#6366f166!important;transform:translateY(-6px)!important}.project-card:hover:before{height:7px!important}.project-card h3{color:var(--text-primary)!important;margin-bottom:4px!important;font-size:18px!important;font-weight:700!important;transition:color .2s!important}.project-card:hover h3{color:var(--text-primary)!important}.project-card.priority-critical:hover h3{color:#f87171!important}.project-card.priority-high:hover h3{color:#fbbf24!important}.project-card.priority-medium:hover h3{color:#818cf8!important}.project-card.priority-low:hover h3{color:#34d399!important}.project-card p{color:var(--text-secondary)!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;min-height:42px!important;margin-bottom:18px!important;font-size:13.5px!important;line-height:1.6!important;transition:color .2s!important;display:-webkit-box!important;overflow:hidden!important}.project-card:hover p{color:var(--text-secondary)!important}.project-card-header{justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin-bottom:18px!important;display:flex!important}.project-card-logo{object-fit:cover!important;background:#090d1666!important;border:1px solid #ffffff0d!important;border-radius:10px!important;flex-shrink:0!important;width:42px!important;height:42px!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:0 2px 4px #0003!important}.project-card:hover .project-card-logo{transform:scale(1.08)rotate(1.5deg)!important}.project-card-title-section{flex-direction:column!important;flex:1!important;gap:4px!important;padding-right:8px!important;display:flex!important}.project-task-badge{color:var(--text-secondary)!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:99px!important;align-self:flex-start!important;align-items:center!important;gap:4px!important;padding:3px 10px!important;font-size:11px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.project-card:hover .project-task-badge{background:var(--bg-active)!important;color:var(--text-primary)!important;border-color:#6366f14d!important}.project-circle-wrapper{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important;position:relative!important}.project-circular-progress{transform:rotate(-90deg)!important}.project-circular-progress circle:nth-child(2){stroke:var(--progress-color,#6366f1)!important;transition:stroke-dashoffset .3s,filter .3s!important}.project-card:hover .project-circular-progress circle:nth-child(2){filter:drop-shadow(0 0 3px var(--progress-color))!important}.project-circle-text{color:var(--text-primary)!important;font-size:10px!important;font-weight:700!important;transition:transform .2s!important;position:absolute!important}.project-card:hover .project-circle-text{transform:scale(1.05)!important}.project-footer-section{border-top:1px solid #ffffff0d!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}.project-members-stack{align-items:center!important;display:flex!important}.project-member-avatar{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border:2px solid #111726!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;margin-left:-9px!important;font-size:11px!important;font-weight:700!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;box-shadow:0 2px 4px #0003!important}.project-member-avatar:hover{z-index:5!important;transform:translateY(-4px)scale(1.1)!important;box-shadow:0 4px 8px #0000004d!important}.project-member-avatar:first-child{margin-left:0!important}.project-member-avatar:nth-child(2n){background:linear-gradient(135deg,#10b981,#059669)!important}.project-member-avatar:nth-child(3n){background:linear-gradient(135deg,#f59e0b,#d97706)!important}.project-member-avatar-more{background:var(--bg-tertiary)!important;width:30px!important;height:30px!important;color:var(--text-secondary)!important;border:2px solid #111726!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin-left:-9px!important;font-size:10px!important;font-weight:700!important;transition:all .2s!important;display:flex!important;box-shadow:0 2px 4px #0003!important}.project-card:hover .project-member-avatar-more{background:var(--bg-active)!important;color:var(--text-primary)!important}.project-card-arrow{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;width:30px!important;height:30px!important;color:var(--text-secondary)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.project-card:hover .project-card-arrow{background:var(--progress-color,#6366f1)!important;color:#fff!important;border-color:#0000!important;transform:scale(1.08)translate(2px)!important;box-shadow:0 4px 12px #6366f140!important}.modal.glassmorphic{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box.premium-modal{-webkit-backdrop-filter:blur(30px);background:#111726d9;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;width:820px;max-width:95vw;margin:0;padding:28px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;box-shadow:0 25px 50px -12px #00000026}.premium-form-layout{grid-template-columns:1.1fr 1fr;gap:28px;display:grid}@media (width<=768px){.premium-form-layout{grid-template-columns:1fr;gap:16px}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-box.premium-modal h2{color:#0f172a!important;text-align:left!important;margin:0 0 6px!important;font-size:22px!important;font-weight:800!important}.modal-subtitle{color:#64748b;font-size:13px;line-height:1.4;margin:0 0 4px!important}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group-full{grid-column:span 2}.form-label{color:#334155;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.premium-input,.premium-textarea,.premium-select{width:100%;color:var(--text-primary)!important;background:#090d1680!important;border:1.5px solid #ffffff0f!important;border-radius:10px!important;padding:10px 14px!important;font-size:14px!important;transition:all .2s!important}.premium-input:focus,.premium-textarea:focus,.premium-select:focus{border-color:var(--primary-color)!important;background:#090d1699!important;outline:none!important;box-shadow:0 0 0 3px #6366f140!important}.premium-textarea{height:90px!important}.drag-drop-zone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px;transition:all .2s;display:flex}.drag-drop-zone.dragging{background:#eff6ff;border-color:#2563eb}.drag-drop-zone:hover{border-color:#94a3b8}.drag-drop-icon{color:#64748b;justify-content:center;align-items:center;display:flex}.drag-drop-zone.dragging .drag-drop-icon{color:#2563eb;transition:transform .2s;transform:scale(1.1)}.drag-drop-text{color:#475569;font-size:13px}.drag-drop-text span{color:#2563eb;font-weight:600}.logo-preview-container{background:#f1f5f9;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px 12px;display:flex}.logo-preview-img{object-fit:cover;border:1px solid #cbd5e1;border-radius:8px;width:40px;height:40px}.logo-preview-info{color:#334155;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-size:12px;overflow:hidden}.logo-remove-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.logo-remove-btn:hover{background:#fca5a5}.member-select-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;max-height:120px;padding:6px;overflow-y:auto}.member-select-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s;display:flex}.member-select-item:hover{background:#f1f5f9}.member-select-checkbox{accent-color:#2563eb;cursor:pointer;width:15px;height:15px}.member-select-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.member-select-name{color:#334155;font-size:12.5px;font-weight:500}.tags-input-container{background-color:#090d1680;border:1.5px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:5px 10px;display:flex}.tags-input-container:focus-within{border-color:var(--primary-color);background:#090d1699;box-shadow:0 0 0 3px #6366f140}.tag-pill{color:var(--primary-hover);background:#6366f11f;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-pill-remove{cursor:pointer;color:#60a5fa;align-items:center;display:flex}.tag-pill-remove:hover{color:#1d4ed8}.tags-input-field{flex:1;min-width:100px;color:#0f172a!important;background:0 0!important;border:none!important;outline:none!important;padding:4px 0!important;font-size:13px!important}.modal-actions-row{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.premium-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s}.premium-btn.secondary{color:#475569;background:#f1f5f9}.premium-btn.secondary:hover{color:#1e293b;background:#e2e8f0}.premium-btn.primary{color:#fff;background:#2563eb;box-shadow:0 4px 10px #2563eb33}.premium-btn.primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb4d}.project-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.project-card-tag{color:var(--text-secondary)!important;background:#ffffff0a!important;border:1px solid #ffffff0d!important;border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important;transition:all .2s!important}.project-card:hover .project-card-tag{background:var(--tag-bg,#6366f11f)!important;color:var(--tag-color,var(--primary-hover))!important;border-color:var(--tag-border,#6366f140)!important}.project-card-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.project-card-meta-item{align-items:center;gap:4px;display:flex;color:var(--text-secondary)!important;background:#ffffff0a!important;border:1px solid #ffffff0d!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important;font-weight:600!important;transition:all .2s!important}.project-card:hover .project-card-meta-item:not(.overdue):not(.due-warning){color:var(--text-primary)!important;background:#ffffff14!important}.project-card-meta-item.overdue{animation:2.5s ease-in-out infinite softPulse;color:#f87171!important;background:#ef444414!important;border:1px solid #ef44442e!important;border-radius:6px!important;padding:4px 8px!important;font-weight:700!important}.project-card-meta-item.due-warning{color:#fbbf24!important;background:#f59e0b14!important;border:1px solid #f59e0b2e!important;border-radius:6px!important;padding:4px 8px!important;font-weight:700!important}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.82}}.project-priority-badge{text-transform:uppercase!important;letter-spacing:.05em!important;border-radius:6px!important;align-items:center!important;padding:4px 8px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important}.project-priority-badge.critical{color:#f87171!important;background:#ef444414!important;border:1px solid #ef44442e!important}.project-priority-badge.high{color:#fbbf24!important;background:#f9731614!important;border:1px solid #f973162e!important}.project-priority-badge.medium{color:#818cf8!important;background:#6366f114!important;border:1px solid #6366f12e!important}.project-priority-badge.low{color:#34d399!important;background:#10b98114!important;border:1px solid #10b9812e!important}.project-status-badge{color:var(--text-secondary)!important;background:#ffffff0a!important;border:1px solid #ffffff0d!important;border-radius:6px!important;align-items:center!important;padding:4px 8px!important;font-size:10px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.project-card:hover .project-status-badge{color:var(--text-primary)!important;background:#ffffff14!important}.folder-card.folder-development .folder-icon-wrapper{color:#60a5fa!important;background:#2563eb14!important;border:1px solid #2563eb26!important}.folder-card.folder-development:hover .folder-icon-wrapper{color:#fff!important;background:#2563eb!important;border-color:#0000!important;box-shadow:0 0 12px #2563eb4d!important}.folder-card.folder-development:before{background:linear-gradient(90deg,#2563eb,#3b82f6)!important}.folder-card.folder-development .folder-meta-arrow{color:#60a5fa!important}.folder-card.folder-automation .folder-icon-wrapper{color:#c084fc!important;background:#a855f714!important;border:1px solid #a855f726!important}.folder-card.folder-automation:hover .folder-icon-wrapper{color:#fff!important;background:#a855f7!important;border-color:#0000!important;box-shadow:0 0 12px #a855f74d!important}.folder-card.folder-automation:before{background:linear-gradient(90deg,#a855f7,#c084fc)!important}.folder-card.folder-automation .folder-meta-arrow{color:#c084fc!important}.folder-card.folder-marketing .folder-icon-wrapper{color:#fb923c!important;background:#ea580c14!important;border:1px solid #ea580c26!important}.folder-card.folder-marketing:hover .folder-icon-wrapper{color:#fff!important;background:#ea580c!important;border-color:#0000!important;box-shadow:0 0 12px #ea580c4d!important}.folder-card.folder-marketing:before{background:linear-gradient(90deg,#ea580c,#f97316)!important}.folder-card.folder-marketing .folder-meta-arrow{color:#fb923c!important}.folder-card.folder-branding .folder-icon-wrapper{color:#2dd4bf!important;background:#0d948814!important;border:1px solid #0d948826!important}.folder-card.folder-branding:hover .folder-icon-wrapper{color:#fff!important;background:#0d9488!important;border-color:#0000!important;box-shadow:0 0 12px #0d94884d!important}.folder-card.folder-branding:before{background:linear-gradient(90deg,#0d9488,#14b8a6)!important}.folder-card.folder-branding .folder-meta-arrow{color:#2dd4bf!important}.folder-card:hover .folder-meta-arrow{transform:translate(4px)!important}.skeleton-pulse{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%!important;animation:1.5s linear infinite skeletonLoading!important}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-folder-card{background:#11172699!important;border:1px solid #ffffff0d!important;border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;height:110px!important;padding:16px!important;display:flex!important;box-shadow:inset 0 1px #ffffff08!important}.skeleton-folder-icon{border-radius:10px!important;width:44px!important;height:44px!important}.skeleton-folder-name{border-radius:4px!important;width:60%!important;height:16px!important;margin-top:12px!important}.skeleton-folder-meta{border-radius:4px!important;width:80%!important;height:12px!important;margin-top:8px!important}.skeleton-project-card{background:#11172699!important;border:1px solid #ffffff0d!important;border-radius:16px!important;flex-direction:column!important;gap:16px!important;height:310px!important;padding:24px!important;display:flex!important;box-shadow:inset 0 1px #ffffff08,0 4px 20px #0006!important}.skeleton-project-header{justify-content:space-between!important;align-items:center!important;display:flex!important}.skeleton-project-header-left{flex:1!important;align-items:center!important;gap:10px!important;display:flex!important}.skeleton-project-logo{border-radius:8px!important;width:40px!important;height:40px!important}.skeleton-project-title-group{flex-direction:column!important;flex:1!important;gap:6px!important;display:flex!important}.skeleton-project-title{border-radius:4px!important;width:60%!important;height:18px!important}.skeleton-project-subtitle{border-radius:4px!important;width:40%!important;height:12px!important}.skeleton-project-circle{border-radius:50%!important;width:44px!important;height:44px!important}.skeleton-project-tags{gap:8px!important;margin-top:4px!important;display:flex!important}.skeleton-project-tag{border-radius:99px!important;width:60px!important;height:18px!important}.skeleton-project-desc-line{border-radius:4px!important;width:100%!important;height:14px!important}.skeleton-project-desc-line-short{border-radius:4px!important;width:75%!important;height:14px!important}.skeleton-project-meta-row{gap:8px!important;margin-top:8px!important;display:flex!important}.skeleton-project-meta-item{border-radius:6px!important;width:80px!important;height:20px!important}.skeleton-project-footer{border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}.skeleton-project-members{gap:4px!important;display:flex!important}.skeleton-project-member{border-radius:50%!important;width:28px!important;height:28px!important}.skeleton-project-footer-right{border-radius:4px!important;width:24px!important;height:14px!important}.project-card-live-link-inline{color:#2563eb!important;background:#eff6ff!important;border:1px solid #bfdbfe66!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;transition:all .2s!important;display:inline-flex!important}.project-card-live-link-inline:hover{color:#fff!important;background:#2563eb!important;transform:scale(1.08)!important;box-shadow:0 2px 8px #2563eb33!important}.premium-project-card{flex-direction:column;display:flex;position:relative;overflow:hidden;cursor:pointer!important;background:#0f172a!important;border:1px solid #2a3346!important;border-radius:16px!important;padding:20px!important;text-decoration:none!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 10px 30px #0000004d!important}.premium-card-checkbox-container{z-index:10;position:absolute;top:14px;left:14px}.premium-select-checkbox{opacity:0;cursor:pointer!important;appearance:none!important;background:#090d1699!important;border:1.5px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.premium-project-card:hover .premium-select-checkbox,.premium-select-checkbox:checked{opacity:1!important}.premium-select-checkbox:checked{background:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 0 8px #6366f166!important}.premium-select-checkbox:checked:before{content:"✓"!important;color:#fff!important;font-size:11px!important;font-weight:800!important}.premium-select-checkbox:hover{border-color:#6366f199!important}.premium-card-header{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px;display:flex}.premium-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.premium-project-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #0003}.premium-project-logo{object-fit:cover;border-radius:10px;width:100%;height:100%}.premium-project-title-group{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.premium-project-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.3px;overflow:hidden;color:#fff!important;margin:0!important;font-size:17px!important;font-weight:700!important}.premium-status-priority-row{flex-wrap:wrap;gap:8px;display:flex}.premium-status-pill,.premium-priority-pill{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.premium-status-pill.status-planning{color:#60a5fa;background:#3b82f60a;border-color:#3b82f64d}.premium-status-pill.status-active,.premium-status-pill.status-in-progress,.premium-status-pill.status-completed{color:#34d399;background:#10b9810a;border-color:#10b9814d}.premium-status-pill.status-on-hold{color:#fbbf24;background:#f59e0b0a;border-color:#f59e0b4d}.premium-status-pill.status-archived,.premium-status-pill.status-blocked,.premium-priority-pill.priority-critical{color:#f87171;background:#ef44440a;border-color:#ef44444d}.premium-priority-pill.priority-high{color:#fb923c;background:#f59e0b0a;border-color:#f59e0b4d}.premium-priority-pill.priority-medium{color:#818cf8;background:#6366f10a;border-color:#6366f14d}.premium-priority-pill.priority-low{color:#34d399;background:#10b9810a;border-color:#10b9814d}.premium-three-dot-wrapper{z-index:15;position:relative}.premium-three-dot-btn{cursor:pointer;transition:all .2s;color:#94a3b8!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;display:flex!important}.premium-three-dot-btn:hover{color:#fff!important;background:#ffffff0d!important}.premium-dropdown-menu{z-index:50;background:#1e293b;border:1px solid #2a3346;border-radius:8px;flex-direction:column;width:150px;padding:4px;display:flex;position:absolute;top:32px;right:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.premium-dropdown-menu button{cursor:pointer;transition:all .2s;color:#94a3b8!important;text-align:left!important;background:0 0!important;border:none!important;border-radius:6px!important;align-items:center!important;width:100%!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;display:flex!important}.premium-dropdown-menu button:hover{color:#fff!important;background:#ffffff0a!important}.premium-dropdown-menu button.danger:hover{color:#f87171!important;background:#ef44441a!important}.premium-project-desc{color:#94a3b8!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:13px!important;line-height:1.6!important;display:-webkit-box!important;overflow:hidden!important}.premium-avatars-stack{align-items:center;display:flex}.premium-avatar-item{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:11px;font-weight:700;transition:all .2s;display:flex;border:2px solid #0f172a!important}.premium-avatar-item:first-child{margin-left:0}.premium-avatar-more{color:#94a3b8;background:#1e293b;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:11px;font-weight:700;display:flex}.premium-progress-header{color:#94a3b8;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.premium-progress-percentage{color:#fff}.premium-progress-bar-bg{border-radius:10px;height:6px;overflow:hidden;background:#1e293b!important}.premium-progress-bar-fill{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.premium-project-card:hover .premium-progress-bar-fill{filter:brightness(1.1)}.premium-mockup-stats-row{grid-template-columns:repeat(4,1fr);display:grid;background:#090c16!important;border:1px solid #2a3346!important;border-radius:10px!important;margin-bottom:16px!important;padding:12px 0!important}.premium-mockup-stat-item{flex-direction:column;justify-content:center;align-items:center;display:flex;background:0 0!important;border-right:1px solid #ffffff0f!important;padding:0 4px!important}.premium-mockup-stat-item:last-child{border-right:none!important}.premium-mockup-stat-item .stat-icon{margin-bottom:4px}.premium-mockup-stat-item.purple .stat-icon{color:#a855f7}.premium-mockup-stat-item.green .stat-icon{color:#10b981}.premium-mockup-stat-item.orange .stat-icon{color:#fb923c}.premium-mockup-stat-item.blue .stat-icon{color:#3b82f6}.premium-mockup-stat-item .stat-number{color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important}.premium-mockup-stat-item .stat-label{color:#64748b!important;text-transform:none!important;margin-top:2px!important;font-size:10px!important;font-weight:600!important}.premium-mockup-dates-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.premium-mockup-date-item{flex-direction:column;gap:4px;display:flex}.premium-mockup-date-item .date-label{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.premium-mockup-date-item .date-value{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.premium-project-tags{flex-wrap:wrap;gap:8px;display:flex}.premium-tag-pill{align-items:center;transition:all .2s;display:inline-flex;border:1px solid!important;border-radius:8px!important;padding:4px 12px!important;font-size:11px!important;font-weight:600!important}.premium-project-card:hover .premium-tag-pill{filter:brightness(1.15)}@media (width<=600px){.premium-mockup-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:12px 0!important}.premium-mockup-stat-item{border-right:none!important}.premium-mockup-stat-item:nth-child(odd){border-right:1px solid #ffffff0f!important}}.premium-projects-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.premium-header-left-side{flex:1;min-width:250px}.premium-page-title{letter-spacing:-.5px;color:#fff!important;margin:0 0 6px!important;font-size:28px!important;font-weight:800!important}.premium-page-desc{color:#94a3b8;margin:0;font-size:13px}.premium-header-right-side{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.premium-search-box{background:#1e293b66;border:1px solid #ffffff0f;border-radius:10px;align-items:center;min-width:240px;height:38px;padding:0 12px;transition:all .2s;display:flex;position:relative}.premium-search-box:focus-within{border-color:var(--primary-color);background:#1e293b99;box-shadow:0 0 0 2px #6366f133}.premium-search-icon{color:#64748b;flex-shrink:0;margin-right:8px}.premium-search-box input{color:#fff!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;padding:0!important;font-size:13px!important}.premium-search-box input::placeholder{color:#64748b}.premium-filter-btn{cursor:pointer;align-items:center;gap:6px;transition:all .2s;display:flex;color:#e2e8f0!important;background:#1e293b4d!important;border:1px solid #ffffff14!important;border-radius:10px!important;height:38px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important}.premium-filter-btn:hover{color:#fff!important;background:#1e293b99!important;border-color:#ffffff26!important}.premium-new-project-btn{cursor:pointer;align-items:center;gap:6px;transition:all .2s;display:flex;background:var(--primary-color)!important;color:#fff!important;border:none!important;border-radius:10px!important;height:38px!important;padding:0 18px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 4px 14px #6366f14d!important}.premium-new-project-btn:hover{transform:translateY(-1px);background:var(--primary-hover)!important;box-shadow:0 6px 20px #6366f166!important}.premium-tabs-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:2px;display:flex}.premium-tabs-left{gap:20px;display:flex;overflow-x:auto}.premium-tab-item{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;transition:all .2s;display:flex;position:relative;color:#64748b!important;background:0 0!important;border:none!important;padding:10px 0 14px!important;font-size:13px!important;font-weight:600!important}.premium-tab-item:hover{color:#94a3b8!important}.premium-tab-item.active{color:#fff!important}.premium-tab-item.active:after{content:"";background:var(--primary-color);height:2px;box-shadow:0 0 8px var(--primary-glow);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0}.premium-tab-item .tab-count{color:#64748b;background:#ffffff0d;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.premium-tab-item.active .tab-count{color:var(--primary-color);background:#6366f126}.premium-tabs-right{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:8px;gap:2px;padding:3px;display:flex}.premium-view-toggle{cursor:pointer;transition:all .2s;color:#64748b!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;padding:0!important;display:flex!important}.premium-view-toggle:hover{color:#fff!important}.premium-view-toggle.active{background:var(--primary-color)!important;color:#fff!important;box-shadow:0 2px 8px #6366f14d!important}.premium-list-view-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 10px 30px #0006}.premium-list-table{border-collapse:collapse;text-align:left;width:100%}.premium-list-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #ffffff0f;padding:14px 18px;font-size:12px;font-weight:700}.premium-list-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 18px}.premium-list-table tr:hover td{background:#ffffff05}.premium-list-table tr.selected td{background:#6366f10d!important}.premium-list-table tr.selected td:first-child{box-shadow:inset 3px 0 #6366f1}.list-project-link{color:inherit;text-decoration:none}.list-project-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.list-project-name{color:#fff;font-size:14px;font-weight:700}.list-project-category{color:#64748b;margin-top:1px;font-size:11px}.premium-select-checkbox.inline-list{opacity:1!important}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;align-items:stretch!important}.project-card-wrapper{min-width:0}.premium-project-card{isolation:isolate;gap:0;min-height:430px;background:linear-gradient(145deg,#141c2df5,#0a0f1afa)!important;border-color:#94a3b824!important;border-radius:14px!important;padding:18px!important;box-shadow:inset 0 1px #ffffff0e,0 16px 38px #00000057!important}.premium-project-card:before{content:"";background:var(--card-accent,linear-gradient(90deg, #6366f1, #22c55e));opacity:.9;z-index:1;height:3px;position:absolute;inset:0 0 auto}.premium-project-card:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,#ffffff0f,#0000 34%),radial-gradient(circle at 100% 0,#6366f121,#0000 32%);transition:opacity .25s;position:absolute;inset:0}.premium-project-card.priority-critical{--card-accent:linear-gradient(90deg, #f43f5e, #fb7185)}.premium-project-card.priority-high{--card-accent:linear-gradient(90deg, #f97316, #facc15)}.premium-project-card.priority-medium{--card-accent:linear-gradient(90deg, #6366f1, #38bdf8)}.premium-project-card.priority-low{--card-accent:linear-gradient(90deg, #10b981, #84cc16)}.premium-project-card:hover{border-color:#94a3b847!important;transform:translateY(-5px)!important;box-shadow:inset 0 1px #ffffff14,0 24px 55px #00000075,0 0 0 1px #6366f11a!important}.premium-project-card:hover:after{opacity:1}.premium-project-card.selected{border-color:#6366f1cc!important;box-shadow:0 0 0 2px #6366f16b,0 22px 48px #0000006b!important}.premium-card-header{gap:12px;margin-bottom:14px}.premium-header-left{gap:12px;padding-right:2px}.premium-project-icon-box{border:1px solid #ffffff1f;border-radius:12px;width:46px;height:46px;box-shadow:inset 0 1px #ffffff29,0 10px 20px #00000047}.premium-project-title-group{gap:7px}.premium-project-title{letter-spacing:0!important;font-size:16px!important;line-height:1.25!important}.premium-status-priority-row{gap:6px}.premium-status-pill,.premium-priority-pill,.premium-tag-pill{white-space:nowrap;min-height:24px;border-radius:7px!important}.premium-status-pill svg,.premium-priority-pill svg,.premium-three-dot-wrapper{flex:none}.premium-three-dot-btn{border-radius:8px!important;width:32px!important;height:32px!important}.premium-dropdown-menu{background:#111827;border-color:#94a3b82e;border-radius:10px;width:164px;box-shadow:0 18px 38px #00000080}.premium-project-overview{margin-bottom:14px}.premium-project-desc{min-height:42px;color:#9ca3af!important;font-size:12.75px!important;line-height:1.62!important}.premium-members-section{margin-bottom:15px}.premium-avatars-stack{min-height:34px}.premium-avatar-item,.premium-avatar-more{flex:0 0 32px;width:32px;height:32px;position:relative;border-color:#111827!important}.premium-avatar-item:hover{z-index:2;transform:translateY(-2px)}.premium-owner-badge{color:#111827;background:#facc15;border:2px solid #111827;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.premium-no-members{border:1px dashed #94a3b838;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex;color:#64748b!important}.premium-progress-section{margin-bottom:14px}.premium-progress-header{margin-bottom:7px}.premium-progress-label{color:#94a3b8!important}.premium-progress-bar-bg{border:1px solid #94a3b814;height:7px;background:#0f172aeb!important}.premium-mockup-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));background:#02061794!important;border-color:#94a3b81f!important;border-radius:12px!important;margin-bottom:14px!important;padding:10px 0!important}.premium-mockup-stat-item .stat-icon{width:16px;height:16px;margin-bottom:5px}.premium-mockup-stat-item .stat-number{font-size:15px!important}.premium-mockup-stat-item .stat-label{letter-spacing:0!important;font-size:9.5px!important}.premium-mockup-dates-row{gap:10px;margin-bottom:14px}.premium-mockup-date-item{background:#0f172a6b;border:1px solid #94a3b81a;border-radius:10px;min-width:0;padding:10px}.premium-mockup-date-item .date-label,.premium-mockup-date-item .date-value{min-width:0}.premium-mockup-date-item .date-value{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.premium-mockup-date-item .date-value.overdue{color:#fb7185}.premium-project-tags{gap:6px;min-height:26px;margin-top:auto}.premium-tag-pill{text-overflow:ellipsis;max-width:100%;overflow:hidden}.premium-select-checkbox{border-radius:7px!important;width:20px!important;height:20px!important}.premium-select-checkbox:checked:before{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px);content:""!important}@media (width<=760px){.projects-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.premium-project-card{min-height:auto;padding:16px!important}.premium-projects-header,.premium-header-right-side,.premium-search-box{width:100%}.premium-tabs-bar{flex-direction:column;align-items:flex-start;gap:12px}.premium-tabs-left{gap:16px;width:100%}.premium-mockup-dates-row{grid-template-columns:minmax(0,1fr)}}@media (width<=430px){.premium-card-header{align-items:flex-start}.premium-header-left{gap:10px}.premium-project-icon-box{width:40px;height:40px}.premium-status-priority-row{flex-direction:column;align-items:flex-start}.premium-mockup-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-mockup-stat-item:nth-child(2){border-right:none!important}}.project-card-wrapper{display:contents}.pc-card{color:inherit;cursor:pointer;background:#0f172a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;min-height:240px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.pc-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 12px 32px #00000073}.pc-card--selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.pc-row1{align-items:flex-start;gap:12px;padding-right:32px;display:flex}.pc-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.pc-icon__img{object-fit:cover;border-radius:10px;width:100%;height:100%}.pc-title-block{flex:1;min-width:0}.pc-title-row{align-items:center;gap:7px;min-width:0;display:flex}.pc-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.pc-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.pc-live-badge{color:#34d399;white-space:nowrap;cursor:pointer;background:#10b9811f;border:1px solid #10b9814d;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.pc-live-badge:hover{background:#10b98138;border-color:#10b9818c;transform:translateY(-1px)}.pc-live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pc-pulse;position:relative}.pc-live-dot:after{content:"";background:#10b98159;border-radius:50%;animation:2s ease-in-out infinite pc-pulse-ring;position:absolute;inset:-3px}@keyframes pc-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pc-pulse-ring{0%{opacity:.6;transform:scale(.8)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.8)}}.pc-live-text{letter-spacing:.02em}.pc-live-icon{opacity:.75}.pc-owner-avatar{color:#fff;border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.pc-meta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pc-meta-item{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.pc-meta-icon{opacity:.7;flex-shrink:0}.pc-meta-text{text-overflow:ellipsis;max-width:120px;overflow:hidden}.pc-meta-item--overdue{color:#f87171}.pc-meta-item--overdue .pc-meta-icon{opacity:1}.pc-badges{flex-wrap:wrap;gap:8px;display:flex}.pc-badge{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pc-badge--active{color:#34d399;background:#10b98126;border-color:#10b9814d}.pc-badge--in-progress{color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.pc-badge--completed{color:#67e8f9;background:#22d3ee1f;border-color:#22d3ee4d}.pc-badge--planning{color:#94a3b8;background:#94a3b81f;border-color:#94a3b840}.pc-badge--on-hold{color:#fde047;background:#eab30826;border-color:#eab3084d}.pc-badge--archived{color:#64748b;background:#47556933;border-color:#4755694d}.pc-badge--critical{color:#fda4af;background:#f43f5e26;border-color:#f43f5e4d}.pc-badge--high{color:#fdba74;background:#f9731626;border-color:#f973164d}.pc-badge--medium{color:#fde047;background:#eab3081f;border-color:#eab30840}.pc-badge--low{color:#6ee7b7;background:#10b9811f;border-color:#10b98140}.pc-badge--status .pc-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pc-badge--active .pc-badge-dot{animation:2s ease-in-out infinite pc-pulse}.pc-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.pc-tags{flex-wrap:wrap;gap:6px;display:flex}.pc-tag{border:1px solid #0000;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.pc-divider{background:#ffffff0f;height:1px;margin-top:auto}.pc-footer{justify-content:space-between;align-items:center;display:flex}.pc-avatars{align-items:center;display:flex}.pc-avatar{color:#fff;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:700;display:flex;position:relative}.pc-avatar:first-child{margin-left:0}.pc-avatar--owner{border-color:#f59e0b;box-shadow:0 0 0 1.5px #f59e0b66}.pc-avatar--more{color:#94a3b8;background:#64748b59;font-size:10px}.pc-no-members{color:#475569;font-size:11px}.pc-checkbox{cursor:pointer;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:inline-flex;transform:scale(.8)}.pc-checkbox--topleft{z-index:10;position:absolute;top:12px;right:12px}.pc-checkbox--checked,.pc-card:hover .pc-checkbox{opacity:1;pointer-events:auto;transform:scale(1)}.pc-checkbox__input{opacity:0;width:0;height:0;position:absolute}.pc-checkbox__box{color:#818cf8;background:#0f172ae6;border:1.5px solid #94a3b866;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.pc-checkbox--checked .pc-checkbox__box,.pc-checkbox__input:checked+.pc-checkbox__box{background:#6366f140;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pc-checkbox:hover .pc-checkbox__box{border-color:#6366f1}.pc-checkbox--list{opacity:.3;pointer-events:auto;transform:scale(.9)}.premium-list-table tr:hover .pc-checkbox--list,.premium-list-table th .pc-checkbox--list,.pc-checkbox--list.pc-checkbox--checked{opacity:1;transform:scale(1)}.pc-tasks-row{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.pc-tasks-icon{color:#475569;flex-shrink:0}.pc-tasks-label{color:#475569;letter-spacing:.02em;text-transform:uppercase;flex:1;font-size:11px}.pc-tasks-count{color:#94a3b8;align-items:baseline;gap:2px;font-size:12px;display:flex}.pc-tasks-count strong{color:#e2e8f0;font-size:14px;font-weight:700}.pc-tasks-sep{color:#475569;margin:0 1px;font-size:12px}.pc-footer-right{align-items:center;gap:8px;display:flex}.pc-ring-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.pc-ring-svg{display:block;overflow:visible}.pc-ring-pct{color:#cbd5e1;pointer-events:none;justify-content:center;align-items:center;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.pc-progress-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}@media (width<=640px){.pc-card{min-height:unset;padding:16px}}.board{box-sizing:border-box;gap:32px;width:100%;padding:8px 8px 32px;display:flex;overflow-x:auto}.board::-webkit-scrollbar{height:8px}.board::-webkit-scrollbar-track{background:0 0}.board::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:20px}.column{background:0 0;border:none;flex-direction:column;flex:1;min-width:290px;height:max-content;padding:0;display:flex}.column-header{background:#11172666;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:8px 12px;display:flex}.column-header h3{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.column-count{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.column-body{-ms-overflow-style:none;scrollbar-width:none;flex:1;min-height:100px;padding:4px 4px 16px;overflow:hidden auto}.column-body::-webkit-scrollbar{display:none}.column-body:after{content:"";flex-shrink:0;height:16px;display:block}.task-card{cursor:pointer;color:var(--text-primary);border-radius:12px;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex;-webkit-backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s,box-shadow .22s!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.task-card:hover{border-color:#6366f166!important;transform:translateY(-3px)!important;box-shadow:inset 0 1px #ffffff14,0 16px 35px -8px #0009,0 0 15px #6366f126!important}.task-card:active{cursor:grabbing;transform:scale(.98)}.task-card.is-overlay{transform:scale(1.02);cursor:grabbing!important;box-shadow:inset 0 1px #ffffff1a,0 20px 40px #0009!important}.task-card.drop-before{position:relative}.task-card.drop-before:before{content:"";z-index:5;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;height:3px;position:absolute;top:-7px;left:0;right:0;box-shadow:0 0 8px #6366f180}.task-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.task-priority{letter-spacing:.3px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.task-priority:before{content:"";background-color:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 6px}.priority-high{color:#f87171!important;background:#ef444414!important;border:1px solid #ef44442e!important}.priority-medium{color:#fbbf24!important;background:#f59e0b14!important;border:1px solid #f59e0b2e!important}.priority-low{color:#34d399!important;background:#10b98114!important;border:1px solid #10b9812e!important}.drag-handle{cursor:grab;opacity:0;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,background .2s;display:flex}.task-card:hover .drag-handle{opacity:1}.drag-handle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.task-title{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:14px;font-weight:600}.task-desc{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:13px;line-height:1.4}.task-tags{flex-wrap:wrap;gap:6px;display:flex}.task-label{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);letter-spacing:.2px;text-transform:capitalize;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:600}.task-footer{border-top:1px dashed #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.task-meta{align-items:center;gap:12px;display:flex}.task-date{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.task-date .overdue{color:#f87171;font-weight:600}.task-comments-count{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.task-assignee{justify-content:center;align-items:center;display:flex}.avatar-initials{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 4px #6366f133}.avatar-unassigned{width:28px;height:28px;color:var(--text-muted);background:#090d1666;border:1px dashed #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=768px){.board{flex-direction:column!important;gap:16px!important;padding:4px 4px 16px!important;overflow-x:hidden!important}.column{min-width:100%!important}.column-body{min-height:60px}.drag-handle{opacity:1;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;display:flex}.task-card{padding:12px 14px}.task-card .drag-handle{opacity:1}.task-priority{padding:3px 8px;font-size:10px}.task-title{font-size:13px}}.column-drop-target .column-body{background:#6366f10a;border:2px dashed #6366f14d;border-radius:12px;transition:all .2s}.column-empty{text-align:center;color:#475569;border:2px dashed #ffffff0f;border-radius:12px;margin:4px;padding:32px 16px;font-size:13px;font-weight:500}.is-overlay{opacity:.92;transform:scale(1.03);box-shadow:0 20px 40px #0006,0 0 0 2px #6366f166}.project-details-page{background:var(--bg-primary);flex-direction:column;min-height:calc(100vh - 64px);display:flex}.project-banner{flex-shrink:0;padding:16px 32px 0;box-shadow:inset 0 1px #ffffff08,0 1px 2px #00000005;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-color)!important;background:#111726a6!important}.project-banner-content{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.project-banner-logo{object-fit:cover;border:1px solid var(--border-color);border-radius:10px;width:40px;height:40px;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0006}.project-banner-logo-placeholder{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 10px #6366f126}.project-banner-info-wrap{align-items:center;gap:16px;display:flex}.project-banner-info{flex-direction:column;justify-content:center;display:flex}.project-banner-title-row{align-items:center;gap:12px;display:flex}.project-banner-title-row h1{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.project-banner-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:500px;margin:2px 0 0;font-size:13px;overflow:hidden}.project-banner-actions{gap:10px;display:flex}.project-tabs{gap:24px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px 4px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary-color);font-weight:600}.tab-btn.active:after{content:"";background:var(--primary-color);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.project-tab-content{background:var(--bg-primary);flex:1;padding:32px 40px}.board-tab-wrapper{flex-direction:column;display:flex}.board-filter-bar{background:#11172680;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;width:fit-content;margin-bottom:20px;padding:8px 14px;display:flex}.board-filter-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.board-filter-item svg{color:var(--text-muted);flex-shrink:0}.board-filter-select{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;outline:none;max-width:200px;padding:5px 10px;font-family:inherit;font-size:13px;transition:border-color .2s}.board-filter-select:hover{border-color:#6366f166}.board-filter-select:focus{border-color:#6366f1}.board-filter-select option{color:var(--text-primary);background:#111726}.board-filter-clear{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s;display:flex}.board-filter-clear:hover{background:#ef44444d}.project-live-site-badge{color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f11f;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:6px;height:24px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.project-live-site-badge:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.project-live-site-badge svg{flex-shrink:0;transition:transform .2s}.project-live-site-badge:hover svg{transform:rotate(15deg)}.project-banner-actions .secondary-btn:hover{color:#f1f5f9!important;background:#ffffff0f!important;border-color:#ffffff1f!important}.project-banner-actions{align-items:center;gap:12px;display:flex}.project-banner-actions .primary-btn{cursor:pointer;font-size:13.5px;font-weight:600;transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;border:none!important;border-radius:9px!important;padding:9px 18px!important;box-shadow:0 4px 14px #6366f159!important}.project-banner-actions .primary-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)!important;box-shadow:0 6px 20px #6366f173!important}.project-banner-actions .secondary-btn{cursor:pointer;font-size:13.5px;font-weight:600;transition:all .2s;color:#cbd5e1!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:9px!important;padding:9px 18px!important}@media (width<=768px){.project-banner-title-row{flex-wrap:wrap;gap:8px}.project-tabs{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:4px;overflow-x:auto}.tab-btn{white-space:nowrap;padding:8px 4px;font-size:13px}.project-live-site-badge{padding:3px 8px;font-size:11px}.board-filter-bar{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.board-filter-select{max-width:160px}}.attendance-page{padding:24px}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-primary);font-size:32px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:6px}.attendance-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.attendance-card{border-radius:20px;padding:24px;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.attendance-card:hover{border-color:#6366f166!important;transform:translateY(-3px)!important;box-shadow:inset 0 1px #ffffff14,0 16px 35px -8px #0009,0 0 15px #6366f126!important}.attendance-card h4{color:var(--text-secondary);margin-bottom:10px;font-size:14px}.attendance-card h2{color:var(--text-primary);font-size:28px;font-weight:700}.attendance-actions{gap:12px;margin-bottom:24px;display:flex}.clock-in-btn,.clock-out-btn{cursor:pointer;border:none;border-radius:12px;height:48px;padding:0 24px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040}.clock-in-btn{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.clock-in-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#34d399 0%,#10b981 100%)!important;box-shadow:0 6px 18px #10b98159!important}.clock-out-btn{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important}.clock-out-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)!important;box-shadow:0 6px 18px #ef444459!important}.clock-in-btn:disabled,.clock-out-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.today-card{border-radius:20px;margin-bottom:24px;padding:24px;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.today-card h3{color:var(--text-primary);margin-bottom:20px}.record-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.record-grid div{border-radius:14px;padding:16px;box-shadow:inset 0 1px #ffffff03;background-color:#090d1666!important;border:1px solid #ffffff08!important}.record-grid span{color:var(--text-secondary);margin-bottom:8px;display:block}.record-grid strong{color:var(--text-primary);font-size:20px}.history-section{border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.history-section h3{color:var(--text-primary);margin-bottom:20px}.history-section table{border-collapse:collapse;width:100%}.history-section th{text-align:left;padding:14px;color:var(--text-muted)!important;border-bottom:2px solid var(--border-color)!important;letter-spacing:.05em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:700!important}.history-section td{color:var(--text-secondary);padding:16px 14px;border-bottom:1px solid #ffffff08!important}.history-section tr:hover{background:#ffffff04!important}.status-not-marked{color:#fbbf24;font-weight:600}.completed-btn{color:#34d399;cursor:not-allowed;background:0 0;border:none;font-size:18px}@media (width<=768px){.attendance-page{padding:16px}.attendance-actions{flex-direction:column}.clock-in-btn,.clock-out-btn{width:100%}.history-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.history-section table{min-width:600px}.record-grid,.attendance-cards{grid-template-columns:1fr 1fr!important}}@media (width<=480px){.record-grid,.attendance-cards{grid-template-columns:1fr!important}.page-header h1{font-size:24px!important}}.calendar-page{flex-direction:column;min-height:calc(100vh - 60px);padding:24px;display:flex}.calendar-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.calendar-header-left{align-items:center;gap:16px;display:flex}.calendar-header-left h1{color:#f1f5f9;margin:0;font-size:24px;font-weight:800}.calendar-nav-group{align-items:center;gap:12px;display:flex}.calendar-nav-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.calendar-nav-btn:hover{color:#e2e8f0;background:#ffffff0f}.calendar-today-btn{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.calendar-today-btn:hover{background:#6366f133}.calendar-month-label{color:#e2e8f0;text-align:center;-webkit-user-select:none;user-select:none;min-width:190px;font-size:18px;font-weight:700}.calendar-legend{flex-wrap:wrap;gap:20px;display:flex}.calendar-legend-item{color:#64748b;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.calendar-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.calendar-grid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.calendar-weekdays{border-bottom:1px solid #ffffff0d;flex-shrink:0;grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:14px 8px;font-size:11px;font-weight:700}.calendar-days{flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);min-height:0;display:grid}.calendar-day{cursor:pointer;border-bottom:1px solid #ffffff08;border-right:1px solid #ffffff08;min-height:0;padding:10px 8px;transition:background .12s;position:relative;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#ffffff05}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:#6366f10f}.calendar-day.selected{background:#6366f11a;box-shadow:inset 0 0 0 2px #6366f14d}.calendar-day-number{color:#94a3b8;margin-bottom:6px;font-size:14px;font-weight:600}.calendar-day.today .calendar-day-number{color:#818cf8;background:#6366f126;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.calendar-day-events{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.calendar-event-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.calendar-event-bar{white-space:nowrap;text-overflow:ellipsis;color:#fff;border-radius:4px;width:100%;padding:2px 5px;font-size:10px;font-weight:600;line-height:1.3;overflow:hidden}.calendar-day-more{color:#64748b;margin-top:3px;font-size:10px;font-weight:500}.calendar-detail-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex-shrink:0;min-height:0;max-height:40vh;margin-top:16px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.calendar-detail-header{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.calendar-detail-header h3{color:#f1f5f9;margin:0;font-size:16px;font-weight:700}.calendar-detail-header span{color:#64748b;font-size:13px;font-weight:500}.calendar-detail-body{flex-direction:column;gap:10px;min-height:0;padding:12px 24px 20px;display:flex;overflow-y:auto}.calendar-event-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:14px;padding:14px 16px;text-decoration:none;transition:all .12s;display:flex}.calendar-event-card:hover{background:#ffffff0a}.calendar-event-type-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700}.calendar-event-info{flex:1;min-width:0}.calendar-event-info h4{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:14px;font-weight:600;overflow:hidden}.calendar-event-info p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.calendar-empty-day{text-align:center;color:#475569;padding:32px 20px;font-size:13px}@media (width<=768px){.calendar-page{min-height:calc(100vh - 60px);padding:16px}.calendar-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:12px}.calendar-header-left h1{font-size:20px}.calendar-nav-group{justify-content:center;gap:8px;width:100%}.calendar-nav-btn{width:36px;height:36px}.calendar-month-label{min-width:160px;font-size:15px}.calendar-today-btn{padding:6px 14px;font-size:12px}.calendar-day{padding:6px 4px}.calendar-day-number{margin-bottom:3px;font-size:12px}.calendar-day.today .calendar-day-number{width:24px;height:24px}.calendar-day-events{gap:3px;margin-top:2px}.calendar-event-dot{width:6px;height:6px}.calendar-event-bar{padding:2px 4px;font-size:8px}.calendar-weekday{padding:10px 4px;font-size:10px}.calendar-legend,.calendar-day-more{display:none}.calendar-detail-panel{max-height:35vh;margin-top:12px}.calendar-detail-header{padding:14px 16px}.calendar-detail-body{gap:8px;padding:10px 16px 16px}.calendar-event-card{gap:10px;padding:12px}.calendar-event-info h4{font-size:13px}.calendar-event-info p{font-size:11px}}.leaves-page{max-width:1400px;margin:0 auto;padding:28px}.leaves-header{margin-bottom:28px}.leaves-header h1{color:#f1f5f9;letter-spacing:-.015em;margin:0 0 4px;font-size:26px;font-weight:700}.leaves-header p{color:#64748b;margin:0;font-size:13.5px}.leave-form-card{border-radius:16px;margin-bottom:28px;padding:22px;-webkit-backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 20px 40px #00000059!important}.leave-form-card h3{color:#f1f5f9;letter-spacing:-.01em;margin:0 0 18px;font-size:16px;font-weight:700}.leave-form-card form{gap:16px;display:grid}.leave-form-card select,.leave-form-card input,.leave-form-card textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:all .2s;color:#f1f5f9!important;background-color:#ffffff08!important;border:1px solid #ffffff14!important}.leave-form-card textarea{resize:vertical;min-height:110px}.leave-form-card select:focus,.leave-form-card input:focus,.leave-form-card textarea:focus{background-color:#ffffff0d!important;border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f11a!important}.leave-form-card button{cursor:pointer;border:none;border-radius:10px;height:42px;font-size:13.5px;font-weight:600;transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;box-shadow:0 4px 14px #6366f159!important}.leave-form-card button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)!important;box-shadow:0 6px 20px #6366f173!important}.leave-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.leaves-page .leave-card{border-radius:16px;padding:22px;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 10px 25px #0003!important}.leaves-page .leave-card:hover{border-color:#6366f166!important;transform:translateY(-3px)!important;box-shadow:0 16px 35px #0006,0 0 15px #6366f11a!important}.leave-card h3{color:#f1f5f9;letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:700}.leave-card h4{color:#818cf8;margin:0 0 10px;font-size:12.5px;font-weight:600}.leave-card p{color:#94a3b8;margin:0 0 12px;font-size:13.5px;line-height:1.5}.leave-status{text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.leave-status:before{content:"";background-color:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 6px}.leave-status.pending{color:#fbbf24!important;background:#f59e0b1a!important;border:1px solid #f59e0b33!important}.leave-status.approved{color:#34d399!important;background:#10b9811a!important;border:1px solid #10b98133!important}.leave-status.rejected{color:#f87171!important;background:#ef44441a!important;border:1px solid #ef444433!important}.leave-actions{gap:10px;margin-top:18px;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:none;border-radius:9px;flex:1;height:38px;font-size:12.5px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #00000026}.approve-btn{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 4px 12px #10b98133!important}.approve-btn:hover{transform:translateY(-.5px);background:linear-gradient(135deg,#34d399 0%,#10b981 100%)!important;box-shadow:0 6px 18px #10b98159!important}.reject-btn{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 4px 12px #ef444433!important}.reject-btn:hover{transform:translateY(-.5px);background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)!important;box-shadow:0 6px 18px #ef444459!important}.empty-leaves{text-align:center;color:#64748b;border-radius:16px;padding:50px;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 10px 30px #00000040!important}.empty-leaves h3{color:#f1f5f9;margin-bottom:6px;font-size:16px;font-weight:700}.empty-leaves p{color:#64748b;font-size:13.5px}@media (width<=768px){.leaves-page{padding:16px}.leave-list{grid-template-columns:1fr}.leave-actions{flex-direction:column;gap:8px}.approve-btn,.reject-btn{width:100%}}.team-attendance{max-width:1400px;margin:0 auto;padding:28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-header-actions{flex-shrink:0;gap:8px;display:flex}.page-header h1{color:#f1f5f9;letter-spacing:-.015em;margin:0 0 4px;font-size:26px;font-weight:700}.page-header p{color:#64748b;margin:0;font-size:13.5px}.team-attendance .card{-webkit-overflow-scrolling:touch;border-radius:16px;margin-bottom:28px;padding:22px;overflow-x:auto;-webkit-backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 20px 40px #00000059!important}.card h2{color:#f1f5f9;letter-spacing:-.01em;margin:0 0 20px;font-size:16px;font-weight:700}.filters{gap:12px;margin-bottom:24px;display:flex}.filters select,.filters input{color:#f1f5f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:10px 14px;font-size:13.5px;transition:all .2s}.filters select:focus,.filters input:focus{background-color:#ffffff0d;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.card table{border-collapse:collapse;width:100%}.card thead{background:#090d1666}.card th{text-align:left;padding:14px 18px;letter-spacing:.05em!important;text-transform:uppercase!important;color:#64748b!important;border-bottom:1px solid #ffffff0f!important;font-size:11px!important;font-weight:700!important}.card td{color:#cbd5e1;vertical-align:middle;padding:14px 18px;font-size:13.5px;border-bottom:1px solid #ffffff0a!important}.card tbody tr{transition:background .15s}.card tbody tr:hover{background:#ffffff04!important}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.summary-card{border-radius:16px;padding:22px;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 10px 25px #0003!important}.summary-card:hover{border-color:#6366f166!important;transform:translateY(-3px)!important;box-shadow:0 16px 35px #0006,0 0 15px #6366f11a!important}.summary-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:12px;font-weight:700}.summary-card h2{color:#f1f5f9;margin:0;font-size:28px;font-weight:700}.employee-link{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600;transition:color .15s}.employee-link:hover{color:#a5b4fc;text-decoration:underline}.view-btn{color:#a5b4fc;cursor:pointer;background:#6366f11f;border:1px solid #6366f133;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.view-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.report-actions{justify-content:flex-end;display:flex}.export-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 4px 14px #10b9814d!important}.export-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#34d399 0%,#10b981 100%)!important;box-shadow:0 6px 20px #10b98173!important}.report-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.report-header h2{color:#f1f5f9;margin:0}.export-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.export-modal{background:#0f172a;border:1px solid #ffffff17;border-radius:18px;width:100%;max-width:480px;animation:.15s cubic-bezier(.16,1,.3,1) forwards pm-zoom-in;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a}.modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{color:#f1f5f9;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.modal-body select,.modal-body input{color:#f1f5f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:9px 12px;font-size:13.5px;transition:all .2s}.modal-body select:focus,.modal-body input:focus{background-color:#ffffff0d;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.modal-footer{border-top:1px solid #ffffff12;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .15s}.cancel-btn:hover{color:#e2e8f0;background:#ffffff17}.confirm-btn{cursor:pointer;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;box-shadow:0 4px 14px #6366f159!important}.confirm-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)!important;box-shadow:0 6px 20px #6366f173!important}.close-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:all .15s;display:flex}.close-btn:hover{color:#94a3b8;background:#ffffff0d}@media (width<=992px){.card table{min-width:800px}}.stats-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.mini-stat{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:4px;padding:14px 20px;display:flex}.mini-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.mini-stat strong{color:#f1f5f9;font-size:20px;font-weight:700}.summary-card.present{border-left:3px solid #22c55e}.summary-card.late{border-left:3px solid #eab308}.summary-card.absent{border-left:3px solid #ef4444}.summary-card.leave{border-left:3px solid #3b82f6}.summary-card.holiday{border-left:3px solid #a855f7}.summary-card.weekly-off{border-left:3px solid #64748b}.status-holiday{color:#a855f7;text-transform:capitalize;font-weight:600}.status-weekly_off{color:#64748b;text-transform:capitalize;font-weight:600}.status-half_day{color:#eab308;text-transform:capitalize;font-weight:600}.status-early_leave{color:#f97316;text-transform:capitalize;font-weight:600}.att-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.team-attendance{padding:16px}.page-header{flex-direction:column}.page-header h1{font-size:22px}.page-header-actions{flex-wrap:wrap;width:100%}.summary-grid{grid-template-columns:repeat(3,1fr)}.stats-row{gap:8px}.mini-stat{padding:10px 14px}.mini-stat strong{font-size:16px}.filters{flex-direction:column;gap:8px}.filters select,.filters input{width:100%}}.user-attendance{padding:24px}.employee-hero{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:30px;display:flex;box-shadow:0 10px 25px #6366f140}.employee-hero h1{margin-bottom:6px;color:#fff!important}.employee-hero p{opacity:.9;color:#e0e7ff}.employee-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.employee-score span{color:#fff;font-size:28px;font-weight:700}.rate-card,.user-attendance .card,.mini-card{color:var(--text-primary);border-radius:20px;margin-bottom:24px;padding:20px;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#1117268c!important;border:1px solid #ffffff0d!important;box-shadow:inset 0 1px #ffffff0a,0 10px 25px -5px #0006!important}.rate-header{justify-content:space-between;margin-bottom:12px;display:flex}.rate-header h3{color:var(--text-primary)}.progress{background:var(--bg-tertiary);border-radius:999px;height:10px}.progress-fill{background:var(--primary-color);height:100%;box-shadow:0 0 8px var(--primary-glow);border-radius:999px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px;display:grid}.user-attendance .stat-card{color:#fff;border-radius:20px;padding:24px}.present-card{box-shadow:0 4px 14px #10b98133;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.late-card{box-shadow:0 4px 14px #f59e0b33;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important}.leave-card{box-shadow:0 4px 14px #6366f133;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important}.absent-card{box-shadow:0 4px 14px #ef444433;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important}.mini-stats{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.timeline{flex-direction:column;gap:12px;display:flex}.timeline-item{border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex;background-color:#090d1666!important;border:1px solid #ffffff08!important}.timeline-item strong{color:var(--text-primary)}.timeline-item span{color:var(--text-secondary)}.summary-list{list-style:none}.summary-list li{color:var(--text-secondary);justify-content:space-between;padding:14px 0;display:flex;border-bottom:1px solid #ffffff08!important}.summary-list li strong{color:var(--text-primary)}.table-wrapper{overflow-x:auto}.user-attendance table{border-collapse:collapse;width:100%}.user-attendance th{text-align:left;padding:14px;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--text-muted)!important;border-bottom:2px solid var(--border-color)!important;font-size:11px!important;font-weight:700!important}.user-attendance td{color:var(--text-secondary);padding:16px 14px;border-bottom:1px solid #ffffff08!important}.user-attendance thead{background:#090d1666!important}.user-attendance tr:hover{background:#ffffff04!important}.status-present{color:#34d399;font-weight:600}.status-late{color:#fbbf24;font-weight:600}.status-leave{color:#818cf8;font-weight:600}.status-absent{color:#f87171;font-weight:600}.export-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#090d1699;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{-webkit-backdrop-filter:blur(30px);background:#111726d9;border:1px solid #ffffff14;border-radius:20px;width:500px;max-width:95%;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 25px 50px -12px #0009}.modal-header,.modal-footer{border-color:#ffffff0d;padding:20px}.modal-header h2{color:var(--text-primary);margin:0;font-size:20px}.modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.modal-body select,.modal-body input{color:var(--text-primary);background-color:#090d1680;border:1px solid #ffffff0f;border-radius:10px;outline:none;padding:12px}.modal-body select:focus,.modal-body input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f140}.modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:10px;display:flex}.cancel-btn,.confirm-btn{cursor:pointer;border-radius:10px;padding:10px 18px;transition:all .2s}.confirm-btn{border:none;box-shadow:0 4px 14px #6366f133;color:#fff!important;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important}.confirm-btn:hover{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%)!important}.cancel-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-active);color:var(--text-primary)}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:18px}.close-btn:hover{color:var(--text-primary)}.attendance-history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.attendance-history-header h3{color:var(--text-primary);margin-bottom:0}@media (width<=992px){.dashboard-grid,.mini-stats{grid-template-columns:1fr}}@media (width<=768px){.employee-hero{text-align:center;flex-direction:column;gap:20px}.user-attendance{padding:16px}.attendance-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.employee-name{font-size:22px!important}}.users-page{max-width:1400px;margin:0 auto;padding:28px}.users-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.users-header h1{color:#f1f5f9;letter-spacing:-.015em;margin:0 0 4px;font-size:26px;font-weight:700}.users-header p{color:#64748b;margin:0;font-size:13.5px}.create-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;box-shadow:0 4px 14px #6366f159!important}.create-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)!important;box-shadow:0 6px 20px #6366f173!important}.search-box{max-width:320px;margin-bottom:24px}.search-box input{color:#f1f5f9;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:all .2s}.search-box input::placeholder{color:#475569}.search-box input:focus{background-color:#ffffff0d;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.users-table-card{border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important;box-shadow:0 20px 40px #00000059!important}.table-responsive{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;padding:14px 18px;letter-spacing:.05em!important;text-transform:uppercase!important;color:#64748b!important;background:#090d1666!important;border-bottom:1px solid #ffffff0f!important;font-size:11px!important;font-weight:700!important}.users-table td{color:#cbd5e1;vertical-align:middle;padding:14px 18px;font-size:13.5px;border-bottom:1px solid #ffffff0a!important}.users-table tr{transition:background .15s}.users-table tr:hover td{background:#ffffff04!important}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#818cf8;text-shadow:0 1px 2px #0000001a;background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 100%);border:1px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.user-name-wrapper{flex-direction:column;display:flex}.user-name{color:#f1f5f9;font-weight:600}.user-email{color:#64748b;margin-top:1px;font-size:11.5px}.role-badge{text-transform:capitalize;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-badge.admin{color:#f87171!important;background:#ef44441a!important;border:1px solid #ef444433!important}.role-badge.user{color:#34d399!important;background:#10b9811a!important;border:1px solid #10b98133!important}.action-group{gap:8px;display:flex}.table-btn{cursor:pointer;color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.edit-btn{color:#a5b4fc;background:#6366f11f;border-color:#6366f133}.edit-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1;transform:translateY(-.5px)}.reset-btn{color:#fde047;background:#f59e0b1f;border-color:#f59e0b33}.reset-btn:hover{color:#fff;background:#d97706;border-color:#d97706;transform:translateY(-.5px)}.delete-btn{color:#f87171;background:#ef44441f;border-color:#ef444433}.delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-.5px)}.empty-state{text-align:center;color:#64748b;border-radius:16px;padding:60px 20px;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#11172673!important;border:1px solid #ffffff0d!important}.empty-state h3{color:#f1f5f9;margin-bottom:6px;font-size:16px}@media (width<=768px){.action-group{flex-direction:column;gap:6px}.table-btn{text-align:center;width:100%}.search-box{max-width:100%}}.att-settings-page{padding:24px}.att-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.att-settings-header h1{color:#f1f5f9;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:800;display:flex}.att-settings-header p{color:#64748b;margin-top:4px;font-size:14px}.att-settings-actions{gap:10px;display:flex}.att-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.att-btn-primary:hover{background:#2563eb}.att-btn-primary:disabled{opacity:.6;cursor:not-allowed}.att-btn-secondary{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.att-btn-secondary:hover{color:#e2e8f0;background:#ffffff14}.att-settings-tabs{background:#ffffff08;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.att-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.att-tab:hover{color:#94a3b8}.att-tab.active{color:#818cf8;background:#6366f126}.att-settings-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:16px;padding:28px}.att-settings-card h2{color:#f1f5f9;margin:0 0 8px;font-size:18px;font-weight:700}.att-subtitle{color:#64748b;margin:0 0 20px;font-size:13px}.att-form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.att-field{flex-direction:column;gap:6px;display:flex}.att-field-wide{margin-bottom:16px}.att-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.att-field input,.att-field select{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.att-field input:focus,.att-field select:focus{border-color:#6366f180}.att-toggle-row{color:#94a3b8;align-items:center;gap:10px;font-size:13px;display:flex}.att-toggle{width:44px;height:24px;display:inline-block;position:relative}.att-toggle input{opacity:0;width:0;height:0}.att-toggle-slider{cursor:pointer;background:#ffffff1a;border-radius:24px;transition:all .2s;position:absolute;inset:0}.att-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.att-toggle input:checked+.att-toggle-slider{background:#3b82f6}.att-toggle input:checked+.att-toggle-slider:before{transform:translate(20px)}.att-schedule-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.att-schedule-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;transition:all .15s;overflow:hidden}.att-schedule-item.off{opacity:.6}.att-schedule-row{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .1s;display:flex}.att-schedule-row:hover{background:#ffffff05}.att-schedule-info{align-items:center;gap:12px;display:flex}.att-schedule-info strong{color:#e2e8f0;min-width:90px;font-size:14px}.att-schedule-badge{text-transform:capitalize;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.att-schedule-badge.working{color:#4ade80;background:#22c55e26}.att-schedule-badge.weekly_off{color:#f87171;background:#ef444426}.att-schedule-badge.half_day{color:#facc15;background:#eab30826}.att-schedule-badge.custom{color:#818cf8;background:#6366f126}.att-schedule-meta{color:#64748b;align-items:center;gap:12px;font-size:13px;display:flex}.att-schedule-expanded{border-top:1px solid #ffffff0a;padding:0 18px 18px}.att-saturday-overrides{margin-top:16px}.att-overrides-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.att-overrides-header h3{color:#e2e8f0;margin:0;font-size:14px;font-weight:600}.att-override-row{background:#ffffff05;border-radius:10px;align-items:flex-end;gap:12px;margin-bottom:8px;padding:12px;display:flex}.att-override-row .att-field{flex:1;min-width:120px}.att-btn-remove{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.att-btn-remove:hover{color:#fff;background:#ef4444}.att-rules-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.att-rule-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:all .15s;display:flex}.att-rule-item.disabled{opacity:.5}.att-rule-priority{color:#818cf8;background:#6366f126;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.att-rule-info{flex:1}.att-rule-label{color:#e2e8f0;margin-bottom:2px;font-size:14px;font-weight:600}.att-rule-condition{color:#64748b;text-transform:capitalize;font-size:12px}@media (width<=768px){.att-settings-page{padding:16px}.att-settings-header{flex-direction:column;align-items:flex-start}.att-settings-tabs{gap:2px}.att-tab{padding:8px 12px;font-size:12px}.att-settings-card{padding:18px}.att-form-grid{grid-template-columns:1fr}.att-override-row{flex-wrap:wrap}}.holidays-page{padding:24px}.holidays-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.holidays-header h1{color:#f1f5f9;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:800;display:flex}.holidays-header p{color:#64748b;margin-top:4px;font-size:14px}.holidays-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.holidays-year-select{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.holidays-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.holidays-btn-primary:hover{background:#2563eb}.holidays-btn-secondary{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.holidays-btn-secondary:hover{color:#e2e8f0;background:#ffffff14}.holidays-form-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:24px}.holidays-form-card h3{color:#f1f5f9;margin:0 0 16px;font-size:16px;font-weight:700}.holidays-form-card textarea{color:#e2e8f0;resize:vertical;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:12px;font-family:monospace;font-size:13px}.holidays-form-card textarea:focus{border-color:#6366f180}.holidays-import-hint{color:#64748b;margin:0 0 12px;font-size:12px}.holidays-form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.holidays-field{flex-direction:column;gap:6px;display:flex}.holidays-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.holidays-field input,.holidays-field select{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.holidays-field input:focus,.holidays-field select:focus{border-color:#6366f180}.holidays-checkbox-label{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.holidays-checkbox-label input[type=checkbox]{accent-color:#3b82f6;width:16px;height:16px}.holidays-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.holidays-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s}.holidays-btn-cancel:hover{color:#e2e8f0}.holidays-list{flex-direction:column;gap:8px;display:flex}.holidays-empty{text-align:center;color:#475569;padding:60px 20px;font-size:14px}.holidays-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11172673;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:18px;padding:16px 20px;transition:all .15s;display:flex}.holidays-item:hover{background:#1117268c;border-color:#ffffff14}.holidays-date-badge{background:#6366f11a;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.holidays-date-month{color:#818cf8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.holidays-date-day{color:#f1f5f9;font-size:20px;font-weight:800;line-height:1}.holidays-info{flex:1;min-width:0}.holidays-info h4{color:#e2e8f0;margin:0 0 4px;font-size:15px;font-weight:600}.holidays-info p{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.holidays-type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.holidays-type-badge.national{color:#f87171;background:#ef444426}.holidays-type-badge.festival{color:#c084fc;background:#a855f726}.holidays-type-badge.company{color:#4ade80;background:#22c55e26}.holidays-type-badge.optional{color:#facc15;background:#eab30826}.holidays-recurring-badge{color:#60a5fa;background:#3b82f626;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.holidays-desc{color:#64748b;font-size:12px}.holidays-item-actions{flex-shrink:0;gap:6px;display:flex}.holidays-btn-icon{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.holidays-btn-icon:hover{color:#e2e8f0;background:#ffffff0f}.holidays-btn-icon.danger:hover{color:#f87171;background:#ef444426;border-color:#ef444433}@media (width<=768px){.holidays-page{padding:16px}.holidays-header{flex-direction:column;align-items:flex-start}.holidays-form-grid{grid-template-columns:1fr}.holidays-item{flex-direction:column;align-items:flex-start}.holidays-date-badge{flex-direction:row;gap:6px;width:auto}}.sl-settings-page{max-width:900px;margin:0 auto;padding:28px 32px}.sl-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.sl-settings-header h1{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:22px;font-weight:700;display:flex}.sl-settings-header p{color:var(--text-secondary);margin:0;font-size:13px}.sl-settings-actions{flex-shrink:0;gap:10px;display:flex}.sl-btn-primary,.sl-btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.sl-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 3px 10px #6366f140}.sl-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#818cf8);transform:translateY(-1px);box-shadow:0 5px 16px #6366f166}.sl-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sl-btn-secondary{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff14}.sl-btn-secondary:hover{color:var(--text-primary);background:#ffffff14}.sl-settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=680px){.sl-settings-grid{grid-template-columns:1fr}}.sl-card{-webkit-backdrop-filter:blur(16px);background:#1117268c;border:1px solid #ffffff0d;border-radius:14px;padding:24px}.sl-card h2{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:700}.sl-card-desc{color:var(--text-muted);margin:0 0 20px;font-size:12px;line-height:1.5}.sl-upload-area{border:1.5px dashed #ffffff14;border-radius:12px;transition:border-color .2s;overflow:hidden}.sl-upload-area:hover{border-color:#6366f14d}.sl-upload-label{cursor:pointer;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;transition:color .2s;display:flex}.sl-upload-label:hover{color:var(--text-secondary)}.sl-upload-label span{font-size:13px;font-weight:500}.sl-upload-hint{opacity:.6;color:var(--text-muted)!important;font-size:11px!important}.sl-upload-label--small{padding:30px 20px}.sl-preview{background:#0003;justify-content:center;align-items:center;min-height:100px;padding:24px;display:flex;position:relative}.sl-preview img{object-fit:contain;max-width:100%;max-height:60px}.sl-preview--small{padding:20px}.sl-preview--small img{max-width:48px;max-height:48px}.sl-preview-remove{color:#f87171;cursor:pointer;background:#ef444426;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex;position:absolute;top:10px;right:10px}.sl-preview-remove:hover{background:#ef44444d}.sl-change-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sl-change-btn:hover{color:#818cf8;background:#6366f114}.loading-state{min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.pwa-install-banner{z-index:9000;-webkit-backdrop-filter:blur(20px);background:#111726f2;border:1px solid #6366f140;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;animation:.4s cubic-bezier(.16,1,.3,1) pwa-slide-up;display:flex;position:fixed;bottom:80px;left:12px;right:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #6366f11a}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-install-content{align-items:center;gap:12px;min-width:0;display:flex}.pwa-install-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pwa-install-text{flex-direction:column;gap:1px;min-width:0;display:flex}.pwa-install-text strong{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pwa-install-text span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pwa-install-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pwa-install-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.pwa-install-btn:hover{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 4px 12px #6366f159}.pwa-install-dismiss{color:#64748b;cursor:pointer;background:#ffffff0d;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pwa-install-dismiss:hover{color:#94a3b8;background:#ffffff1a}@media (width>=769px){.pwa-install-banner{max-width:380px;bottom:20px;left:auto;right:20px}}@media (width<=768px){.pwa-install-banner{bottom:76px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}