@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.calendar-container{padding:2rem;max-width:1400px;margin:0 auto;background:#0f172a;min-height:100vh}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{color:#3b82f6}.calendar-header h1{font-size:1.875rem;font-weight:700;color:#f1f5f9;margin:0}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:.5rem}.filter-group svg{color:#3b82f6}.filter-checkbox{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.875rem;cursor:pointer;margin:0}.filter-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.btn-primary,.btn-secondary,.btn-danger-outline{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.btn-secondary:hover{background:rgba(59,130,246,.2)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn-danger-outline:hover{background:rgba(239,68,68,.1)}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.spinner{width:2rem;height:2rem;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.calendar-wrapper{background:#1e293b;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px #0000004d}.fc{color:#cbd5e1}.fc .fc-button-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.fc .fc-button-primary:not(:disabled):hover{background:#2563eb;border-color:#2563eb}.fc .fc-button-primary:disabled{opacity:.5}.fc .fc-toolbar-title{color:#f1f5f9;font-size:1.5rem}.fc-theme-standard .fc-scrollgrid,.fc-theme-standard td,.fc-theme-standard th{border-color:#334155}.fc .fc-daygrid-day-number{color:#cbd5e1}.fc .fc-col-header-cell-cushion{color:#94a3b8;font-weight:600}.fc .fc-daygrid-day.fc-day-today{background:rgba(59,130,246,.1)!important}.fc .fc-event{cursor:pointer;border-radius:.25rem;padding:2px 4px;font-size:.75rem}.fc .fc-event:hover{opacity:.8}.fc .fc-list-event:hover td{background:rgba(59,130,246,.1)}@media (max-width: 768px){.calendar-container{padding:1rem}.calendar-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.filter-group{flex-wrap:wrap}.calendar-wrapper{padding:.75rem}.fc .fc-toolbar{flex-direction:column;gap:.5rem}.fc .fc-toolbar-title{font-size:1.25rem}.btn-primary,.btn-secondary,.btn-danger-outline{padding:.5rem .75rem;font-size:.8rem}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}@layer base{:root{--primary:#667eea;--primary-glow:263 70% 67%;--primary-dark:hsl(var(--primary-dark));--accent:#667eea;--gradient-primary:linear-gradient(135deg,#4827ec 0%,#9d70e6 100%);--gradient-secondary:linear-gradient(135deg,#242428 0%,#303036 100%);--gradient-glass:linear-gradient(135deg,#13131666 0%,#1c1c2133 100%);--gradient-success:linear-gradient(135deg,#16a249 0%,#36d399 100%);--gradient-warning:linear-gradient(135deg,#f59f0a 0%,#e7b008 100%);--gradient-error:linear-gradient(135deg,#ef4343 0%,#f6673c 100%);--primary-gradient:var(--gradient-primary);--secondary-gradient:var(--gradient-secondary);--success-gradient:var(--gradient-success);--warning-gradient:var(--gradient-warning);--danger-gradient:var(--gradient-error);--dark-gradient:linear-gradient(135deg,#1a1c20 0%,#2d3748 100%);--primary-color:hsl(var(--primary));--primary-light:hsl(var(--primary-glow));--secondary-color:hsl(var(--accent));--secondary-dark:#8852e0;--success:142 76% 36%;--success-foreground:0 0% 98%;--warning:38 92% 50%;--warning-foreground:0 0% 9%;--error:0 84% 60%;--error-foreground:0 0% 98%;--info:199 89% 48%;--info-foreground:0 0% 98%;--timer-active:142 76% 36%;--timer-paused:38 92% 50%;--timer-break:199 89% 48%;--timer-complete:263 70% 67%;--project-billable:142 76% 36%;--project-non-billable:240 5% 64%;--project-emergency:0 84% 60%;--status-project:hsl(var(--info));--status-priority:hsl(var(--error));--status-current:hsl(var(--primary));--status-revision:hsl(var(--warning));--status-waiting:hsl(var(--accent));--status-finished:hsl(var(--success));--status-rejected:hsl(var(--error));--background:#0f1114;--surface:#1a1d21;--surface-hover:#242830;--surface-elevated:#2d3139;--border:#2d3748;--border-light:#374151;--border-focus:#667eea;--text-primary:#f7fafc;--text-secondary:#a0aec0;--text-muted:#718096;--glass-bg:#1a1d21f2;--glass-border:#fff3;--glass-surface:#2d3139f2;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-xl:0 20px 40px #0009;--shadow-glass:0 8px 32px 0 #0000005e;--shadow-glow:0 0 40px #4827ec4d;--shadow-elevation:0 10px 30px -10px #0000004d;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-bounce:all .5s cubic-bezier(.68,-.55,.265,1.55);--foreground:#f7fafc;--card:#1a1d21;--card-foreground:#f7fafc;--popover:#1a1d21;--popover-foreground:#f7fafc;--primary-foreground:#fff;--secondary:#2d3748;--secondary-foreground:#f7fafc;--muted:#374151;--muted-foreground:#d1d5db;--accent-foreground:#fff;--destructive:#f43b47;--destructive-foreground:#fff;--input:#374151;--ring:#667eea;--radius:.75rem}}*{box-sizing:border-box}body{font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-gradient);min-height:100vh;color:var(--text-primary);-webkit-tap-highlight-color:#667eea33;-webkit-touch-callout:none;touch-action:manipulation;background-attachment:fixed;margin:0;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body.dark{background:var(--dark-gradient);background-attachment:fixed}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.container{width:100%;max-width:none;margin:0;padding:0}.auth-container{background:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-background{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.auth-grid{opacity:.1;background-image:linear-gradient(#667eea1a 1px,#0000 1px),linear-gradient(90deg,#667eea1a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.auth-background:before{content:"";background:radial-gradient(circle,hsl(var(--primary)/.15)0%,transparent 70%);filter:blur(60px);border-radius:50%;width:384px;height:384px;animation:3s ease-in-out infinite pulse-glow;position:absolute;top:25%;left:25%}.auth-background:after{content:"";background:radial-gradient(circle,hsl(var(--accent)/.15)0%,transparent 70%);filter:blur(60px);border-radius:50%;width:384px;height:384px;animation:3s ease-in-out 1s infinite reverse pulse-glow;position:absolute;bottom:25%;right:25%}.auth-card{z-index:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:480px;box-shadow:var(--shadow-glass);border-radius:16px;padding:48px;position:relative}.brand{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.brand-icon{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.brand-logo-main{width:48px;height:48px;box-shadow:var(--shadow-glow);border-radius:12px}.brand-text{flex-direction:column;align-items:flex-start;display:flex}.brand-name{margin-bottom:4px;font-size:24px;font-weight:700}.brand-tagline{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.auth-header{text-align:center;margin-bottom:32px}.auth-title h1{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.auth-title p{color:var(--text-secondary);font-size:16px}.auth-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-primary);font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);z-index:1;pointer-events:none;position:absolute;left:16px}.input-wrapper input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;padding:16px 16px 16px 48px;font-family:inherit;font-size:16px}.input-wrapper input::-moz-placeholder{color:var(--text-muted)}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}.password-toggle{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:16px}.password-toggle:hover{color:var(--text-primary);background:#ffffff1a}.error-message{color:#fca5a5;background:#dc35451a;border:1px solid #dc354533;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.auth-button{cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.auth-button:hover:not(:disabled){transform:translateY(-2px)}.auth-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.button-icon{transition:transform .2s}.auth-button:hover:not(:disabled) .button-icon{transform:translate(2px)}.auth-footer{text-align:center;color:var(--text-muted);margin-top:32px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:5px;font-weight:500;display:block}.form-group input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:4px;padding:12px;font-size:16px}.btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:12px 24px;font-size:16px}.btn:hover{background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;width:250px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;z-index:1000;background:#1a1d21fa;border-right:1px solid #667eea66;flex-direction:column;display:flex;position:relative}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header .brand{text-align:center;align-items:center;gap:12px;margin-bottom:15px;font-size:24px;font-weight:700;animation:2s ease-in-out infinite alternate glow;display:flex}.sidebar-header .brand-logo{border-radius:6px;width:32px;height:32px}.sidebar-header .brand-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.user-info{text-align:center}.user-name{color:#ecf0f1;margin-bottom:5px;font-size:14px;font-weight:500}.user-role{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500}.role-owner{background:#e74c3c}.role-admin{background:#f39c12}.role-staff{background:#27ae60}.role-client{background:#3498db}.role-user{background:#95a5a6}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 0;display:flex}.nav-item{color:#bdc3c7;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:#ecf0f1;background:#ffffff1a;border-left-color:#ffffff4d}.nav-item.active{color:#3498db;background:#3498db33;border-left-color:#3498db;font-weight:500}.nav-icon{text-align:center;width:20px;font-size:16px}.nav-label{flex:1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{color:#e74c3c;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.logout-btn:hover{color:#c0392b;background:#e74c3c1a}.main-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid var(--glass-border);color:#fff;background:#1a1d21d9;flex:1;padding:30px;overflow-y:auto}.nav,.nav-content,.nav-brand,.nav-user{display:none}.task-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a;color:#f7fafc;background:#2d3139f2;border:1px solid #fff3;border-radius:16px;margin-bottom:15px;padding:20px;transition:all .3s}.task-card:hover{box-shadow:var(--shadow-glow),0 0 0 1px #667eea66,inset 0 1px #ffffff1a;transform:translateY(-4px)}.task-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.task-actions{gap:10px;display:flex}.timer-controls{margin-bottom:15px}.timer-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.start-timer{background:var(--gradient-success);color:#fff;transition:var(--transition-smooth)}.start-timer:hover:not(:disabled){box-shadow:var(--shadow-elevation),0 0 20px hsl(var(--timer-active)/.4);transform:translateY(-2px)}.start-timer:disabled{cursor:not-allowed;opacity:.6;background:#6c757d}.stop-timer{background:var(--gradient-error);color:#fff;transition:var(--transition-smooth);animation:2s infinite pulse}.stop-timer:hover{box-shadow:var(--shadow-elevation),0 0 20px hsl(var(--error)/.4);transform:translateY(-2px)}@keyframes pulse{0%{opacity:.8}to{opacity:1}}.timer-section{text-align:center;background:#fff;border-radius:8px;margin-bottom:20px;padding:30px;box-shadow:0 2px 4px #0000001a}.timer-display{color:var(--primary-color);text-shadow:var(--shadow-glow);margin-bottom:20px;font-family:Courier New,monospace;font-size:48px;font-weight:700}.status-badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.status-todo{color:#495057;background:#e9ecef}.status-in-progress{color:#856404;background:#fff3cd}.status-completed{color:#0c5460;background:#d1edff}.client-dashboard{max-width:1400px;margin:0 auto}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a;color:var(--text-primary);background:#2d3139f2;border:1px solid #fff3;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.dashboard-stats{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a;min-width:120px;color:var(--text-primary);white-space:nowrap;background:#1a1d21f2;border:1px solid #fff3;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:15px;display:flex}.stat-number{color:var(--primary-color);text-shadow:var(--shadow-glow);font-size:24px;font-weight:700}.stat-label{color:#fff;opacity:.9;margin-top:5px;font-size:12px;font-weight:500}.timer-summary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-top:20px;padding:15px}.timer-display{align-items:center;gap:8px;font-weight:500;display:flex}.timer-label{font-size:14px}.timer-hours{color:#fff;text-shadow:0 0 8px #ffffff4d;font-family:Courier New,monospace;font-size:16px;font-weight:600}.timer-separator{color:#ffffffb3;margin:0 4px}.timer-current{color:#ffeb3b;text-shadow:0 0 8px #ffeb3b80;font-family:Courier New,monospace;font-size:14px;font-weight:600}.timer-task{color:#fffc;font-size:12px;font-style:italic}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px;width:100%;display:grid}@media (max-width:1200px){.kanban-board{grid-template-columns:1fr 1fr;gap:16px}.column-header h3{font-size:14px}}@media (max-width:768px){.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;min-height:auto;padding:0 16px 16px;display:flex;overflow:auto hidden}.kanban-column{scroll-snap-align:start;flex:0 0 280px;min-width:280px}.column-header{margin-bottom:12px;padding:8px 12px}.column-header h3{font-size:13px;font-weight:700}.task-count{padding:2px 6px;font-size:11px}}.kanban-column{background:var(--glass-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);color:#fff;border-radius:16px;flex-direction:column;padding:15px;display:flex}.column-header{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 15px;font-weight:500;display:flex}.todo-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#475569f2,#374151f2);border:1px solid #ffffff1a;font-weight:600}.in-progress-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f46e5f2,#4338caf2);border:1px solid #ffffff1a;font-weight:600}.completed-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55ef2,#16a34af2);border:1px solid #ffffff1a;font-weight:600}.task-count{color:inherit;background:#0000001a;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.column-content{flex-direction:column;flex:1;gap:15px;display:flex}.kanban-task-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a;border:1px solid #fff3;border-left:4px solid var(--primary-color);color:#f7fafc;background:#2d3139f2;border-radius:12px;padding:15px;transition:all .3s}.kanban-task-card:hover{box-shadow:var(--shadow-glow),0 0 0 1px #667eea66,inset 0 1px #ffffff1a;border-left-color:var(--primary-light);transform:translateY(-4px)}.task-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.task-card-header h4{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:700;line-height:1.3}.hours-badge{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 4px hsl(var(--primary)/.3);transition:var(--transition-smooth);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.hours-badge:hover{box-shadow:0 4px 8px hsl(var(--primary)/.4);transform:translateY(-1px)}.task-description{color:#e2e8f0;margin:0 0 10px;font-size:14px;line-height:1.4}.task-meta{margin-bottom:15px}.task-assignee{align-items:center;margin-bottom:5px;font-size:12px;display:flex}.assignee-label{color:#cbd5e0;margin-right:5px;font-weight:500}.assignee-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;font-weight:600}.task-progress{margin-bottom:15px}.progress-header{color:#cbd5e0;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.progress-select,.status-select{background:#fff;border:1px solid #ddd;border-radius:3px;padding:2px 4px;font-size:11px}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s}.task-actions{margin-bottom:10px}.task-footer{color:#a0aec0;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:10px;font-size:11px;display:flex}.empty-column{text-align:center;color:#999;border:2px dashed #ddd;border-radius:8px;margin-top:10px;padding:20px;font-style:italic}@media (max-width:1440px){.main-content{padding:24px}.dashboard-stats{gap:16px}}@media (max-width:1200px){.main-content{padding:20px}.dashboard-header{margin-bottom:24px;padding:16px}.dashboard-stats{flex-wrap:wrap;gap:16px}.stat-card{min-width:200px}}@media (max-width:968px){.dashboard-header{flex-direction:column;gap:16px;padding:16px}.dashboard-title-section h2{font-size:22px}.dashboard-stats{justify-content:center;gap:12px;width:100%}.stat-card{flex:1;min-width:160px;max-width:200px}}@media (max-width:768px){.dashboard-header{text-align:center;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px}.dashboard-title-section h2{font-size:20px}.dashboard-stats{justify-content:center;gap:12px;width:100%}.stat-card{flex:1;min-width:130px;max-width:180px;padding:12px}.stat-number{font-size:20px}.stat-label{font-size:11px}.kanban-column{min-width:280px}}@media (max-width:640px){.main-content{padding:16px}.dashboard-header{margin-bottom:16px;padding:12px}.dashboard-stats{justify-content:center;gap:8px}.stat-card{flex:1;min-width:90px;max-width:120px;padding:10px}.search-section{margin-top:12px}.search-bar{max-width:unset;width:100%}.filter-controls{justify-content:center}.kanban-column{min-width:260px}.column-header{padding:8px 12px}}@media (max-width:480px){.main-content,.dashboard-header{padding:12px}.dashboard-title-section h2{font-size:18px}.dashboard-stats{gap:10px}.stat-card{padding:10px}.stat-number{font-size:18px}.stat-label{font-size:10px}.filter-controls{flex-direction:column;align-items:stretch;gap:8px}.filter-toggle{justify-content:center}.kanban-board{gap:8px;padding:0 12px 16px}.kanban-column{flex:0 0 240px;min-width:240px;padding:10px}.column-header{margin-bottom:8px;padding:6px 8px;font-size:12px}.column-header h3{letter-spacing:.3px;font-size:11px;font-weight:700;line-height:1.2}.task-count{border-radius:8px;padding:1px 4px;font-size:9px}.dashboard-stats{justify-content:center;gap:6px}.stat-card{flex:1;min-width:80px;padding:8px}.stat-card .stat-label{font-size:10px}.stat-card .stat-number{font-size:16px}}@media (max-width:360px){.main-content,.dashboard-header{padding:8px}.dashboard-title-section h2{font-size:16px}.stat-card{padding:8px}.stat-number{font-size:16px}.stat-label{font-size:9px}.search-input{padding:8px 8px 8px 32px;font-size:14px}.kanban-board{gap:6px;padding:0 8px 12px}.kanban-column{flex:0 0 200px;min-width:200px;padding:8px}.column-header{margin-bottom:6px;padding:4px 6px;font-size:11px}.column-header h3{letter-spacing:.2px;font-size:10px;font-weight:700;line-height:1.1}.task-count{border-radius:6px;padding:1px 3px;font-size:8px}.dashboard-stats{justify-content:center;gap:4px}.stat-card{flex:1;min-width:70px;padding:6px}.stat-card .stat-label{font-size:9px}.stat-card .stat-number{font-size:14px}.kanban-task-card{padding:12px}.task-card-header h4{font-size:14px}.task-description{font-size:13px}}.settings-container{grid-template-columns:2fr 1fr;gap:30px;max-width:1200px;display:grid}.settings-message{border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:14px}.settings-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.settings-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.info-item label{color:#333;font-size:14px;font-weight:500}.info-item span{color:#666;font-size:14px}.status-owner{color:#fff;background:#dc3545}.status-admin{color:#fff;background:#fd7e14}.status-staff{color:#fff;background:#198754}.status-client{color:#fff;background:#0d6efd}.mobile-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;height:60px;display:none;position:fixed;top:0;left:0;right:0}.mobile-close-btn{z-index:1000;box-shadow:var(--shadow-sm);padding:0 20px;display:none}.hamburger-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.hamburger-btn:hover{background:var(--surface-hover)}.mobile-brand{align-items:center;gap:8px;display:flex}.mobile-logo{border-radius:8px;width:32px;height:32px}.mobile-brand-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.mobile-user-role{background:var(--primary-color);color:#fff;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600}.mobile-menu-overlay{z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}@media (max-width:768px){.mobile-header{display:flex}.mobile-menu-overlay{display:block}.app-layout{padding-top:60px}.main-content{padding:16px 0;overflow-x:hidden}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:1002;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar-open{left:0}.sidebar-header{border-bottom:1px solid var(--glass-border);padding:20px;position:relative}.mobile-close-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:40px;height:40px;transition:all .2s;display:block;position:absolute;top:20px;right:20px}.mobile-close-btn:hover{background:#fff3;transform:scale(1.05)}.mobile-close-btn:active{transform:scale(.95)}.brand{margin-bottom:10px;font-size:18px}.user-name{font-size:12px}.sidebar-nav{flex-direction:row;gap:5px;padding:15px;overflow-x:auto}.nav-item{text-align:center;border-bottom:3px solid #0000;border-left:none;flex-direction:column;gap:4px;min-width:80px;padding:8px 12px}.nav-item:hover{border-bottom-color:#ffffff4d;border-left-color:#0000}.nav-item.active{border-bottom-color:#3498db;border-left-color:#0000}.nav-label{font-size:11px}.sidebar-footer{flex-shrink:0;min-width:100px;padding:15px}.logout-btn{text-align:center;flex-direction:column;gap:4px;padding:8px 12px}.main-content{padding:20px}.settings-container{grid-template-columns:1fr;gap:20px}}.edit-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px;transition:background-color .2s}.edit-btn:hover{color:#333;background-color:#f0f0f0}.edit-input{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:8px;padding:6px 8px;font-size:14px}.edit-textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:8px;padding:6px 8px;font-family:inherit;font-size:14px}.edit-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:6px;padding:6px 8px;font-size:14px}.edit-assignments{margin-bottom:12px}.edit-actions{gap:8px;margin-top:12px;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background-color .2s;display:flex}.save-btn:hover{background-color:#218838}.cancel-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background-color .2s;display:flex}.cancel-btn:hover{background-color:#5a6268}.task-due-date{color:#cbd5e0;align-items:center;gap:4px;margin-bottom:4px;font-size:12px;display:flex}.due-label{font-weight:500}.dashboard-title-section{margin-bottom:20px}.search-section{flex-direction:column;gap:12px;margin-top:16px;display:flex}.search-bar{align-items:center;width:100%;max-width:400px;display:flex;position:relative}.search-icon{color:#666;z-index:1;position:absolute;left:12px}.search-input{border:2px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--primary-color);background-color:var(--surface-elevated);outline:none;box-shadow:0 0 0 3px #667eea33}.clear-search{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:8px}.clear-search:hover{color:#666;background-color:#f0f0f0}.filter-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.add-task-btn-main{background:var(--gradient-success);color:#fff;cursor:pointer;transition:var(--transition-smooth);text-transform:none;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #22c55e4d}.add-task-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.add-task-btn-main:active{transform:translateY(0);box-shadow:0 2px 8px #22c55e4d}.filter-toggle{border:2px solid var(--border);background-color:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-toggle.active{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.filter-badge{color:#e74c3c;background-color:#e74c3c;border-radius:50%;width:8px;height:8px;font-size:8px;position:absolute;top:-4px;right:-4px}.quick-filters{flex-wrap:wrap;gap:8px;display:flex}.quick-filter{color:#666;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.quick-filter:hover{color:#3498db;background-color:#f8f9fa;border-color:#3498db}.quick-filter.active{color:#fff;background-color:#3498db;border-color:#3498db}.filters-panel{background-color:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;gap:16px;margin-top:8px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;min-width:150px;display:flex}.filter-label{color:#555;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.filter-select{border:1px solid var(--border);background-color:var(--surface-elevated);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:6px 8px;font-size:13px;transition:border-color .2s}.filter-select:focus{border-color:var(--primary-color);outline:none}.filter-actions{align-items:flex-end;margin-left:auto;display:flex}.clear-filters-btn{color:#e74c3c;cursor:pointer;background-color:#fff;border:1px solid #e74c3c;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.clear-filters-btn:hover{color:#fff;background-color:#e74c3c}@media (max-width:768px){.search-section{gap:8px}.filter-controls{flex-direction:column;align-items:stretch}.filters-panel{flex-direction:column;gap:12px}.filter-group{min-width:unset}.filter-actions{margin-top:8px;margin-left:0}.quick-filters{justify-content:center}}.due-date{color:#e2e8f0;font-weight:500}@media (max-width:968px){.app-layout{flex-direction:column}.sidebar{order:-1;width:100%;height:auto;padding:12px;position:relative}.sidebar-header{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.brand{margin-bottom:0;font-size:20px}.user-info{text-align:right}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{text-align:center;border-bottom:3px solid #0000;border-left:none;flex-direction:column;flex-shrink:0;gap:4px;min-width:90px;padding:10px 16px;font-size:13px}.nav-item.active{border-left:none;border-bottom:3px solid var(--primary-color)}.nav-item:hover{border-bottom:3px solid #ffffff4d;border-left:none}.sidebar-footer{border-top:1px solid #ffffff1a;padding:12px 0}.logout-btn{justify-content:center;padding:10px}}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-card{text-align:center;color:#6c757d;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;margin-bottom:15px;padding:20px}.dashboard-header h2{color:#2c3e50;margin-bottom:8px;font-size:24px;font-weight:600}.column-header h3{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px;font-weight:600}.kanban-task-card h4{color:#2c3e50;margin:0;font-size:15px;font-weight:600;line-height:1.3}.progress-slider-container{margin-top:8px}.progress-slider{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e9ecef;border-radius:3px;outline:none;width:100%;height:6px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3498db;border:2px solid #fff;border-radius:50%;width:18px;height:18px;-webkit-transition:background-color .2s;transition:background-color .2s;box-shadow:0 2px 4px #0003}.progress-slider::-webkit-slider-thumb:hover{background:#2980b9}.progress-slider::-moz-range-thumb{cursor:pointer;background:#3498db;border:2px solid #fff;border-radius:50%;width:18px;height:18px;-moz-transition:background-color .2s;transition:background-color .2s;box-shadow:0 2px 4px #0003}.progress-slider::-moz-range-thumb:hover{background:#2980b9}.progress-slider::-webkit-slider-track{background:linear-gradient(to right,#3498db 0%,#3498db var(--progress),#e9ecef var(--progress),#e9ecef 100%);border-radius:3px;height:6px}.progress-slider::-moz-range-track{background:#e9ecef;border-radius:3px;height:6px}.progress-bar-visual{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;width:100%;height:8px;margin-top:8px;overflow:hidden}.progress-bar-visual .progress-fill{background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .3s}.droppable-area{transition:background-color .2s}.droppable-area:hover{background:#8b5cf608}.kanban-task-card{cursor:default;transition:transform .2s,box-shadow .2s}.kanban-task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kanban-task-card.active-timer{animation:3s ease-in-out infinite subtlePulse;box-shadow:0 0 20px #22c55e66,0 0 40px #22c55e33,0 0 0 1px #22c55e4d,inset 0 1px #ffffff1a;border-left-color:#22c55e!important}.kanban-task-card.active-timer:hover{transform:translateY(-4px);box-shadow:0 0 25px #22c55e80,0 0 50px #22c55e4d,0 4px 16px #22c55e4d,0 0 0 1px #22c55e66,inset 0 1px #ffffff1a}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.droppable-area{border-radius:8px;transition:all .2s}.droppable-area.drag-over{border:2px dashed var(--primary-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#8b5cf61a 0%,#7c3aed0d 100%);box-shadow:inset 0 2px 8px #8b5cf633}.sortable-task{transition:transform .2s}.sortable-task.dragging{opacity:.5}.task-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.task-header-content{flex:1;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.drag-handle{cursor:grab;color:#6c757d;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;transition:all .2s;display:flex}.drag-handle:hover{border-color:var(--primary-color);color:var(--primary-color);cursor:grab;background:#8b5cf626;transform:scale(1.05);box-shadow:0 2px 4px #8b5cf633}.drag-handle:active{cursor:grabbing;background:#8b5cf633;transform:scale(.95)}.drag-handle-right{align-self:flex-start;margin-top:2px;margin-left:8px}.drag-handle.disabled{opacity:.3;cursor:not-allowed;color:#6c757d80;background:#6c757d1a;border-color:#6c757d33}.drag-handle.disabled:hover{color:#6c757d80;box-shadow:none;background:#6c757d1a;border-color:#6c757d33;transform:none}.drop-indicator{background:var(--primary-color);opacity:.9;border-radius:12px;width:100%;height:8px;margin:4px 0;animation:1.2s ease-in-out infinite alternate pulse;box-shadow:0 0 12px #8b5cf699,0 2px 4px #8b5cf64d}.kanban-task-card{cursor:default}.pending-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#475569f2,#374151f2);border:1px solid #ffffff1a}.priority-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border:1px solid #ffffff1a}.in-progress-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f46e5f2,#4338caf2);border:1px solid #ffffff1a}.completed-header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55ef2,#16a34af2);border:1px solid #ffffff1a}@layer components{.glass-enhanced{background:var(--gradient-glass);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glass);border:1px solid #ffffff1a}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.gradient-text-success{background:var(--gradient-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-primary{box-shadow:0 0 20px hsl(var(--primary)/.4)}.glow-success{box-shadow:0 0 20px hsl(var(--success)/.4)}.glow-warning{box-shadow:0 0 20px hsl(var(--warning)/.4)}.glow-error{box-shadow:0 0 20px hsl(var(--error)/.4)}.timer-active{border-color:hsl(var(--timer-active));box-shadow:0 0 20px hsl(var(--timer-active)/.3);animation:2s ease-in-out infinite pulse-glow-green}.timer-paused{border-color:hsl(var(--timer-paused));box-shadow:0 0 20px hsl(var(--timer-paused)/.3)}.timer-break{border-color:hsl(var(--timer-break));box-shadow:0 0 20px hsl(var(--timer-break)/.3)}.btn-gradient-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-gradient-primary:hover{box-shadow:var(--shadow-elevation),0 0 30px hsl(var(--primary)/.4);transform:translateY(-2px)}.btn-gradient-success{background:var(--gradient-success);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex}.btn-gradient-success:hover{box-shadow:var(--shadow-elevation),0 0 20px hsl(var(--success)/.4);transform:translateY(-2px)}.animate-gradient{background-size:200% 200%;animation:3s infinite gradient-shift}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-bounce-subtle{animation:bounce-subtle .5s var(--transition-bounce)}}@layer utilities{.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-glass{background:var(--gradient-glass)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-error{background:var(--gradient-error)}.shadow-glass{box-shadow:var(--shadow-glass)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-elevation{box-shadow:var(--shadow-elevation)}.transition-smooth{transition:var(--transition-smooth)}.transition-bounce{transition:var(--transition-bounce)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px hsl(var(--primary)/.4)}50%{box-shadow:0 0 30px hsl(var(--primary)/.6)}}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 20px hsl(var(--timer-active)/.4)}50%{box-shadow:0 0 30px hsl(var(--timer-active)/.6)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.task-action-btn{background:var(--glass-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-primary);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.task-action-btn:hover{background:var(--surface-elevated);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md),0 0 20px hsl(var(--primary)/.2);transform:translateY(-2px)}.task-action-btn.primary{background:var(--gradient-primary);color:#fff;border-color:#0000}.task-action-btn.primary:hover{box-shadow:var(--shadow-elevation),0 0 20px hsl(var(--primary)/.4);transform:translateY(-2px)}.task-action-btn.success{background:var(--gradient-success);color:#fff;border-color:#0000}.task-action-btn.success:hover{box-shadow:var(--shadow-elevation),0 0 20px hsl(var(--success)/.4);transform:translateY(-2px)}.task-action-btn.danger{background:var(--gradient-error);color:#fff;border-color:#0000}.task-action-btn.danger:hover{box-shadow:var(--shadow-elevation),0 0 20px hsl(var(--error)/.4);transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);-webkit-transition:var(--transition-smooth);transition:var(--transition-smooth);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.loading-container{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:16px;display:flex}.reports-container{flex-direction:column;gap:24px;display:flex}.reports-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}@media (max-width:768px){.reports-header{flex-direction:column;align-items:stretch}.reports-actions{justify-content:center}}.reports-title-section{align-items:center;gap:16px;display:flex}.reports-icon{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.reports-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.reports-actions{align-items:center;gap:12px;display:flex}.reports-stats{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;display:flex}@media (max-width:900px){.reports-stats{justify-content:center}}@media (max-width:600px){.reports-stats{flex-direction:column;align-items:center}}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border-radius:12px;flex:none;align-items:center;gap:16px;min-width:200px;padding:20px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{background:var(--gradient-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-content{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-size:12px;font-weight:500}.create-report-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.create-report-header{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:20px;display:flex}.work-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.work-summary-card h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px}.summary-stats{gap:20px;margin-bottom:12px;display:flex}.summary-stat{color:var(--text-primary);align-items:center;gap:8px;display:flex}.tasks-preview{border-top:1px solid var(--border);padding-top:12px}.tasks-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:500}.tasks-tags{flex-wrap:wrap;gap:6px;display:flex}.task-tag{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11px}.create-report-form{flex-direction:column;gap:20px;display:flex}.report-textarea{background:var(--surface);border:1px solid var(--border);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;transition:var(--transition-smooth);border-radius:8px;padding:12px;font-family:inherit}.report-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}.form-actions{gap:12px;display:flex}.reports-list-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;overflow:hidden}.empty-reports{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{color:var(--text-muted);margin-bottom:16px}.reports-list-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.reports-list-title{color:var(--text-primary);align-items:center;gap:12px;display:flex}.reports-items{flex-direction:column;display:flex}.report-item{border-bottom:1px solid var(--border);transition:var(--transition-smooth);padding:20px}.report-item:hover{background:var(--surface-elevated)}.report-item:last-child{border-bottom:none}.report-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.report-user{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--gradient-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-name{color:var(--text-primary);font-weight:500}.report-date{color:var(--text-secondary);font-size:12px}.report-hours{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.report-content{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px}.report-content p{color:var(--text-primary);margin:0;line-height:1.5}.report-tasks{flex-direction:column;gap:8px;display:flex}.tasks-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.error-alert{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;padding:12px 16px}.error-content{color:#fca5a5;font-size:14px}.settings-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;display:flex}.settings-title-section{align-items:center;gap:16px;display:flex}.settings-icon{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.settings-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.settings-role-badge{align-items:center;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.role-badge.role-owner{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-weight:600}.role-badge.role-admin{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-weight:600}.role-badge.role-staff{color:#fff;background:linear-gradient(135deg,#10b981,#059669);font-weight:600}.role-badge.role-client{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:600}.settings-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px}.settings-alert.success{background:#22c55e1a;border:1px solid #22c55e33}.settings-alert.error{background:#dc35451a;border:1px solid #dc354533}.alert-content{color:var(--text-primary);font-size:14px}.settings-main-container{background:0 0;flex-direction:column;gap:24px;display:flex}.settings-main-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.settings-content-grid{flex-direction:column;gap:32px;display:flex}@media (min-width:1px){.settings-content-grid{flex-direction:column}}.settings-section{background:0 0;flex-direction:column;gap:20px;display:flex}.section-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding-bottom:16px;display:flex}.section-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.settings-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.card-header{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-form{background:0 0;flex-direction:column;gap:20px;display:flex}.settings-form .btn-gradient-primary{border-radius:12px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin-top:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.input-group label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.settings-input,.settings-select{background:var(--surface);border:2px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:0 2px 4px #0000000d}.settings-input:focus,.settings-select:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1),0 2px 8px #0000001a;outline:none}.disabled-input{background:var(--surface-secondary);border:2px solid var(--border-color);width:100%;color:var(--text-secondary);opacity:.7;cursor:not-allowed;border-radius:12px;padding:12px 16px;font-size:14px}.input-help{color:var(--text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.account-info{flex-direction:column;gap:16px;display:flex}.info-item{flex-direction:column;gap:8px;display:flex}.info-item label{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.permissions-list{flex-direction:column;gap:6px;display:flex}.permission-item{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:6px 12px;font-size:12px}.member-date{color:var(--text-secondary);font-size:14px}.users-container{max-width:1200px;margin:0 auto;padding:24px}.users-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.users-title-section{align-items:center;gap:16px;display:flex}.users-icon{color:var(--primary-color)}.create-user-card h3{color:var(--text-primary);margin:0 0 20px;font-size:18px;font-weight:600}.form-help{color:var(--text-muted);margin-top:4px;font-size:12px}.users-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.user-section{flex-direction:column;gap:16px;display:flex}.user-section-header{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0;padding-bottom:8px;font-size:18px;font-weight:600}.user-list{background:var(--glass-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.user-card{border-bottom:1px solid var(--border);padding:20px}.user-card:last-child{border-bottom:none}.user-card-content{justify-content:space-between;align-items:flex-start;display:flex}.user-info{flex:1}.user-name-row{align-items:center;gap:10px;margin-bottom:5px;display:flex}.user-email,.user-company{color:var(--text-secondary);margin-bottom:5px;font-size:14px}.user-meta{color:var(--text-muted);font-size:12px}.user-action-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.user-action-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.user-action-btn.delete-btn{color:#e74c3c;border-color:#e74c3c}.user-action-btn.delete-btn:hover{background:#e74c3c1a}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-style:italic}@media (max-width:768px){.users-grid{grid-template-columns:1fr;gap:20px}.user-form-grid{grid-template-columns:1fr}}.users-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.create-user-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;margin-bottom:32px;padding:28px}.user-form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (max-width:768px){.user-form-grid{grid-template-columns:1fr}}.user-form-input,.user-form-select{border:2px solid var(--border-color);background:var(--surface-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.user-form-input:focus,.user-form-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.user-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;margin-bottom:24px;overflow:hidden}.user-section-header{background:var(--surface-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:20px 24px;display:flex}.user-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;transition:background-color .2s;display:flex}.user-item:last-child{border-bottom:none}.user-item:hover{background:var(--surface-hover)}.user-info{flex-direction:column;gap:4px;display:flex}.user-name{color:var(--text-primary);font-size:16px;font-weight:600}.user-email{color:var(--text-secondary);font-size:14px}.user-actions{gap:8px;display:flex}.user-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.user-action-btn.edit:hover{background:var(--primary-color);color:#fff}.user-action-btn.delete:hover{background:var(--danger-color);color:#fff}.analytics-container{max-width:1200px;margin:0 auto;padding:24px}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}@media (max-width:768px){.analytics-header{flex-direction:column;align-items:stretch}.analytics-actions{justify-content:center}}.analytics-title-section{align-items:center;gap:16px;display:flex}.analytics-icon{background:var(--gradient-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.analytics-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.analytics-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.timeframe-select{border:2px solid var(--border-color);background:var(--surface-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.timeframe-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.analytics-overview{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:20px;margin-bottom:32px;display:flex}@media (max-width:1200px){.analytics-overview{justify-content:center}}@media (max-width:768px){.analytics-overview{flex-direction:column;align-items:center}}.analytics-grid{grid-template-columns:1fr;gap:24px;display:grid}.ai-brain-dumper{max-width:1200px;margin:0 auto;padding:24px}.ai-brain-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.ai-brain-title-section{align-items:center;gap:16px;display:flex}.ai-brain-icon{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;padding:16px;display:flex}.ai-brain-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.ai-brain-input-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;margin-bottom:32px;padding:24px}.ai-input-methods{flex-direction:column;gap:20px;display:flex}.ai-voice-input{justify-content:center;display:flex}.ai-record-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex}.ai-record-btn:hover{box-shadow:var(--shadow-elevation);transform:translateY(-2px)}.ai-record-btn.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:1.5s infinite aiPulse}.ai-record-btn:disabled{background:var(--glass-bg);color:var(--text-disabled);cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.7}}.ai-textarea{background:var(--glass-bg);border:1px solid var(--glass-border);resize:vertical;width:100%;font-family:var(--font-family);color:var(--text-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);border-radius:12px;padding:16px;font-size:14px;box-shadow:inset 0 1px #ffffff1a}.ai-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8b5cf61a,inset 0 1px #ffffff1a}.ai-textarea::-moz-placeholder{color:var(--text-secondary)}.ai-textarea::placeholder{color:var(--text-secondary)}.ai-suggested-tasks{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.ai-tasks-title{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:700}.ai-suggestion-hint{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.ai-task-suggestion{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);background:#ffffff05;border-radius:12px;margin-bottom:16px;padding:20px}.ai-task-suggestion.approved{border-color:var(--primary-color);background:#8b5cf61a;box-shadow:0 0 20px #8b5cf64d}.ai-task-header{align-items:flex-start;gap:16px;display:flex}.ai-approve-btn{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px}.ai-checkbox{border:2px solid var(--glass-border);width:20px;height:20px;transition:var(--transition-smooth);border-radius:6px}.ai-approve-btn.approved{color:var(--primary-color)}.ai-approve-btn.approved .ai-checkbox{background:var(--primary-color);border-color:var(--primary-color)}.ai-task-content{flex:1}.ai-task-title{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:600;display:flex}.ai-edit-icon{opacity:0;transition:var(--transition-smooth)}.ai-task-title:hover .ai-edit-icon{opacity:.5}.ai-task-title-input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 12px;font-size:16px;font-weight:600}.ai-task-description{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);resize:vertical;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.ai-task-metadata{grid-template-columns:1fr 120px;align-items:start;gap:16px;display:grid}.ai-client-selection label,.ai-task-status label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.ai-select{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 12px;font-size:14px}.ai-client-reason{color:var(--text-secondary);margin-top:4px;font-size:12px;font-style:italic;display:block}.ai-create-tasks-section{border-top:1px solid var(--glass-border);text-align:center;margin-top:32px;padding-top:20px}.ai-tasks-summary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;margin-top:24px;padding:24px}.ai-summary-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ai-task-stats{gap:16px;font-size:14px;display:flex}.task-count{color:var(--primary-color);font-weight:600}.approved-count{color:var(--success-color,#10b981);font-weight:600}.ai-summary-actions{align-items:center;gap:12px;display:flex}.ai-view-tasks-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.ai-view-tasks-btn:hover{box-shadow:var(--shadow-elevation),0 0 30px hsl(var(--primary)/.4);transform:translateY(-2px)}.ai-tasks-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);width:95%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-xl),0 0 60px #8b5cf64d;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.ai-tasks-modal .modal-header{border-bottom:1px solid var(--glass-border);background:#8b5cf61a;padding:24px 28px 20px}.ai-tasks-modal .modal-title{color:var(--text-primary);align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.ai-tasks-modal .modal-content{flex:1;padding:24px 28px;overflow-y:auto}.ai-tasks-modal .modal-actions{border-top:1px solid var(--glass-border);background:#ffffff05;justify-content:flex-end;gap:12px;padding:20px 28px 24px;display:flex}.ai-tasks-modal .modal-actions .btn-gradient-success{cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-width:auto;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ai-tasks-modal .modal-actions .btn-gradient-success:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-tasks-modal .modal-actions .task-action-btn{border:2px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.ai-tasks-modal .modal-actions .task-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.ai-create-tasks-btn{background:var(--gradient-success);color:#fff;cursor:pointer;transition:var(--transition-smooth);text-transform:none;box-shadow:var(--shadow-md);border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;display:flex}.ai-create-tasks-btn:hover{box-shadow:var(--shadow-elevation),0 0 25px hsl(var(--success)/.5);transform:translateY(-2px)}.ai-create-tasks-btn:disabled{background:var(--glass-bg);color:var(--text-muted);cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.ai-create-tasks-btn:disabled:hover{box-shadow:var(--shadow-sm);transform:none}@media (max-width:768px){.ai-brain-dumper{padding:16px}.ai-task-metadata{grid-template-columns:1fr}.ai-input-methods{gap:16px}}@media (min-width:1024px){.analytics-grid{grid-template-columns:1fr 1fr}}.analytics-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.chart-container{margin-top:20px}.simple-bar-chart{align-items:end;gap:12px;height:200px;padding:20px 0;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar{background:var(--primary-color);border-radius:4px;width:100%;min-height:4px;transition:all .3s}.bar-label{color:var(--text-secondary);font-size:12px;font-weight:600}.bar-value{color:var(--text-secondary);font-size:10px}.performance-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.performance-item{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.performance-user{align-items:center;gap:12px;display:flex}.performance-metrics{align-items:center;gap:20px;display:flex}.metric{text-align:center}.metric-value{color:var(--text-primary);font-size:16px;font-weight:700;display:block}.metric-label{color:var(--text-secondary);font-size:12px}.efficiency-bar{background:var(--surface-disabled);border-radius:3px;width:80px;height:6px;overflow:hidden}.efficiency-fill{background:linear-gradient(135deg,var(--success-color),var(--primary-color));border-radius:3px;height:100%;transition:width .3s}.task-breakdown{flex-direction:column;gap:16px;margin-top:20px;display:flex}.breakdown-item{flex-direction:column;gap:8px;display:flex}.breakdown-header{align-items:center;gap:8px;display:flex}.status-indicator{border-radius:50%;width:12px;height:12px}.status-indicator.status-pending{background:#6c757d}.status-indicator.status-priority{background:#fd7e14}.status-indicator.status-in-progress{background:#0d6efd}.status-indicator.status-completed{background:#198754}.status-name{color:var(--text-primary);flex:1;font-weight:500}.status-count{color:var(--text-primary);background:var(--surface-secondary);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}.breakdown-bar{background:var(--surface-disabled);border-radius:4px;width:100%;height:8px;overflow:hidden}.breakdown-fill{border-radius:4px;height:100%;transition:width .3s}.modal-overlay{z-index:1000;overscroll-behavior:contain;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.task-modal,.modal-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-glass);border-radius:16px;animation:.2s ease-out modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.read-only-badge{background:var(--warning-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.modal-close-btn{background:var(--surface-secondary);cursor:pointer;color:var(--text-secondary);border:none;border-radius:8px;padding:8px;transition:all .2s}.modal-close-btn:hover{background:var(--danger-color);color:#fff}.modal-content,.modal-body{padding:24px}.modal-section{margin-bottom:20px}.modal-label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.modal-input,.modal-select,.modal-textarea{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:0 2px 4px #0000000d}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1),0 2px 8px #0000001a;outline:none}.modal-input:disabled,.modal-select:disabled,.modal-textarea:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.modal-textarea{resize:vertical;min-height:80px}.modal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.modal-grid{grid-template-columns:1fr}}.time-tracking-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.time-info{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.timer-controls-modal{gap:12px;width:100%;display:flex}.timer-controls-modal .timer-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.timer-controls-modal .start-timer{background:var(--gradient-success);color:#fff;box-shadow:0 2px 8px #22c55e4d}.timer-controls-modal .start-timer:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #22c55e66}.timer-controls-modal .start-timer:disabled{cursor:not-allowed;opacity:.6;background:#6b7280}.timer-controls-modal .stop-timer{background:var(--gradient-error);color:#fff;box-shadow:0 2px 8px #ef44444d}.timer-controls-modal .stop-timer:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.live-timer-display{background:var(--gradient-success);color:#fff;letter-spacing:.5px;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:16px;font-weight:700;animation:2s ease-in-out infinite alternate pulse-glow;display:flex;box-shadow:0 4px 12px #22c55e4d}.live-timer-display svg{color:#fff}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal-actions .btn-gradient-primary{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-actions .btn-danger{cursor:pointer;color:#fff;background:#dc3545;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-actions .btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.modal-actions .task-action-btn{border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600}@media (max-width:768px){.modal-actions{flex-direction:column}.modal-overlay{padding:10px}.task-modal{max-height:95vh}}.compact-task-card-container{border-radius:12px;margin-bottom:8px;position:relative}.swipe-action{color:#fff;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:120px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;bottom:0}.swipe-action-left{border-radius:12px 0 0 12px;left:0}.swipe-action-right{border-radius:0 12px 12px 0;right:0}.swipe-action span{margin-top:4px}.mobile-quick-actions{z-index:10;gap:4px;display:none;position:absolute;top:8px;right:8px}.quick-action-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;display:flex}.quick-action-btn:hover{background:var(--surface-hover);transform:scale(1.05)}@media (max-width:768px){.mobile-quick-actions{display:flex}.drag-handle{display:none}}.compact-task-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);cursor:pointer;transform-origin:50%;will-change:transform,opacity,box-shadow;border-radius:12px;gap:8px;max-width:100%;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.drag-overlay-card{opacity:.8;pointer-events:none;z-index:999;box-shadow:0 20px 40px #00000080}.drag-overlay-card .compact-task-card{border:2px solid var(--primary-color);cursor:grabbing!important}[data-dnd-kit-drag-overlay]{pointer-events:none;opacity:.8!important;z-index:999!important}[data-dnd-kit-drag-overlay] .compact-task-card{border:2px solid var(--primary-color)!important;cursor:grabbing!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#1a1d21fa!important;transform:scale(1.05)rotate(2deg)!important;box-shadow:0 20px 40px #00000080!important}.compact-task-card:hover:not([data-sortable-dragging=true]){background:#1a1d21fa;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf626,0 4px 16px #8b5cf61a}.compact-task-card[data-sortable-dragging=true]{opacity:.4!important;background:#1a1d21b3!important;border-color:#8b5cf680!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;transform:scale(.95)!important}.compact-task-card[data-sortable-animating=true]{transition:transform .25s cubic-bezier(.4,0,.2,1)!important}.drop-indicator{opacity:.9;background:linear-gradient(90deg,#8b5cf699 0%,#8b5cf6 50%,#8b5cf699 100%);border-radius:12px;width:100%;height:8px;margin:6px 0;animation:1s ease-in-out infinite alternate dropPulse,2s ease-in-out infinite dropGlow;position:relative;overflow:hidden;box-shadow:0 0 20px #8b5cf6b3,0 0 10px #8b5cf680}.drop-indicator:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.2s linear infinite shimmer;position:absolute;top:0;left:-100%}@keyframes dropPulse{0%{opacity:.8;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1.3)}}@keyframes dropGlow{0%,to{box-shadow:0 0 20px #8b5cf6b3,0 0 10px #8b5cf680}50%{box-shadow:0 0 30px #8b5cf6e6,0 0 15px #8b5cf6b3}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.compact-task-card-container{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-move-btn{color:#fff;cursor:pointer;z-index:10;background:#0d6efde6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000004d}.mobile-move-btn:hover{background:#0d6efd;transform:scale(1.1)}.mobile-move-btn:active{transform:scale(.95)}.mobile-status-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-status-modal{background:var(--surface-base);border-radius:20px 20px 0 0;width:100%;max-width:500px;padding:0;animation:.3s slideUp;box-shadow:0 -4px 20px #0000004d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-status-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-status-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.modal-close-btn:hover{background:#ffffff1a}.mobile-status-modal-body{padding:20px}.task-title-preview{color:var(--text-muted);background:var(--surface-elevated);border-radius:8px;margin:0 0 20px;padding:12px;font-size:14px}.status-options{flex-direction:column;gap:12px;display:flex}.status-option{background:var(--surface-elevated);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px;transition:all .2s;display:flex}.status-option:not(:disabled):hover{border-color:var(--primary-color);transform:translate(4px)}.status-option:disabled{opacity:.6;cursor:not-allowed;border-color:var(--primary-color)}.status-option.current{border-color:var(--primary-color);background:#0d6efd1a}.status-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.status-label{flex-direction:column;flex:1;gap:4px;display:flex}.status-label strong{color:var(--text-primary);font-size:16px}.current-badge{color:var(--primary-color);font-size:12px;font-weight:500}.glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow-glass)}.glass-surface{background:var(--glass-surface);-webkit-backdrop-filter:blur(5px)}.shadow-elevation{box-shadow:var(--shadow-elevation)}.text-foreground{color:var(--text-primary)}.text-muted-foreground{color:var(--text-muted)}.border-border{border-color:var(--border)}.bg-surface-elevated{background:var(--surface-elevated)}.bg-primary{background:var(--primary-color)}.text-primary{color:var(--primary-color)}.bg-success{background:hsl(var(--success))}.text-success{color:hsl(var(--success))}.bg-info{background:hsl(var(--info))}.text-info{color:hsl(var(--info))}.bg-warning{background:hsl(var(--warning))}.text-warning{color:hsl(var(--warning))}.bg-error{background:hsl(var(--error))}.text-error{color:hsl(var(--error))}.focus\:ring-2:focus{outline-offset:2px;box-shadow:0 0 0 2px var(--primary-color);outline:2px solid #0000}.focus\:ring-primary:focus{box-shadow:0 0 0 2px var(--primary-color)}.bg-gradient-primary{background:var(--gradient-primary)}.hover\:bg-gradient-primary\/90:hover{background:linear-gradient(135deg,#4827ece6 0%,#9d70e6e6 100%)}.settings-tabs{flex-direction:column;gap:8px;margin-top:16px;display:flex}.settings-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.settings-tab:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-light)}.settings-tab.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.settings-tab.active:hover{background:var(--gradient-primary)}.settings-content-section{flex:1;min-height:300px}.preferences-content{color:var(--text-secondary);padding:20px 0}.modal-content{padding:24px}.modal-form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.modal-form-group{flex-direction:column;gap:8px;display:flex}.modal-label{color:var(--text-primary);font-size:14px;font-weight:600}.modal-input{background:var(--surface);border:2px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;padding:12px 16px;font-size:14px}.modal-input:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1),0 2px 8px #0000001a;outline:none}.modal-input:disabled{background:var(--surface-elevated);color:var(--text-muted);cursor:not-allowed}.modal-select{background:var(--surface);border:2px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);cursor:pointer;border-radius:12px;padding:12px 16px;font-size:14px}.modal-select:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1),0 2px 8px #0000001a;outline:none}.modal-select:disabled{background:var(--surface-elevated);color:var(--text-muted);cursor:not-allowed}.modal-help{color:var(--text-muted);font-size:12px;font-style:italic}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.btn-secondary{border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text-primary)}@media (max-width:768px){.modal-form-grid{grid-template-columns:1fr;gap:16px}.modal-content{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions button{justify-content:center;width:100%}}.beautiful-settings{max-width:1200px;min-height:100vh;margin:0 auto;padding:32px}.beautiful-settings-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.settings-icon-wrapper{background:var(--gradient-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-title-wrapper h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:700}.settings-title-wrapper p{color:var(--text-muted);margin:0;font-size:14px}.role-indicator{margin-left:auto}.role-badge-modern{background:var(--gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600}.modern-alert{border-radius:12px;margin-bottom:24px;padding:12px 20px;font-size:14px;font-weight:500}.modern-alert.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.modern-alert.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.beautiful-settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:32px;display:grid}.settings-sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:24px;position:sticky;top:32px}.sidebar-header h3{color:var(--text-primary);margin:0 0 20px;font-size:16px;font-weight:600}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-button{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.nav-button:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-button.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.settings-main-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;min-height:600px;padding:32px}.settings-content h3{color:var(--text-primary);margin:0 0 24px;font-size:24px;font-weight:700}.profile-picture-section{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:32px}.profile-picture-section h3{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.profile-picture-container{align-items:center;gap:20px;display:flex}.profile-avatar{background:var(--gradient-primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex;position:relative;overflow:hidden}.profile-avatar-image{-o-object-fit:cover;object-fit:cover;border-radius:20px;width:100%;height:100%}.company-logo-placeholder{background:var(--gradient-secondary);width:100%;height:100%;color:var(--text-primary);justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.profile-picture-actions{gap:12px;display:flex}.profile-picture-actions .btn-gradient-primary,.profile-picture-actions .btn-secondary{padding:10px 20px;font-size:14px}.personal-info-section h3{color:var(--text-primary);margin-bottom:24px;font-size:18px;font-weight:600}.modern-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--text-primary);font-size:14px;font-weight:600}.modern-input{background:var(--surface);border:2px solid var(--border);color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;padding:14px 16px;font-size:14px}.modern-input:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}.modern-input.disabled{background:var(--surface-elevated);color:var(--text-muted);cursor:not-allowed}.modern-select{background:var(--surface);border:2px solid var(--border);color:var(--text-primary);transition:var(--transition-smooth);cursor:pointer;border-radius:12px;padding:14px 16px;font-size:14px}.modern-select:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}.modern-textarea{background:var(--surface);border:2px solid var(--border);color:var(--text-primary);transition:var(--transition-smooth);resize:vertical;border-radius:12px;min-height:100px;padding:14px 16px;font-family:inherit;font-size:14px}.modern-textarea:focus{border-color:var(--primary-color);background:var(--surface-elevated);box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}.field-help{color:var(--text-muted);font-size:12px;font-style:italic}.timezone-info{color:var(--text-muted);margin-top:-16px;margin-bottom:8px;font-size:12px}.save-btn{align-self:flex-start;padding:14px 32px;font-weight:600}@media (max-width:768px){.beautiful-settings{padding:20px}.beautiful-settings-layout{grid-template-columns:1fr;gap:24px}.settings-sidebar{position:static}.form-row{grid-template-columns:1fr}.profile-picture-container{flex-direction:column;align-items:flex-start;gap:16px}.profile-picture-actions{justify-content:center;width:100%}}.compact-task-card[style*=transform]{opacity:.8}.drag-handle{cursor:grab;width:20px;color:var(--text-secondary);opacity:.6;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.drag-handle:hover{opacity:1;color:var(--primary-color)}.drag-handle:active{cursor:grabbing}.compact-task-content{flex:1;min-width:0}.compact-progress-section{margin-top:8px}.compact-progress-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.progress-label{color:var(--text-secondary);font-size:11px}.compact-progress-bar{background:var(--surface-elevated);border:1px solid var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.compact-progress-fill{background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .3s;box-shadow:0 0 4px #8b5cf64d}.compact-task-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.staff-monitor-container{max-width:1400px;margin:0 auto;padding:30px}.overtime-hours{font-weight:600;color:#dc3545!important;background:0 0!important}.monitor-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.header-title{color:var(--text-primary);align-items:center;gap:16px;display:flex}.header-title h2{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.header-title p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.monitor-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-badge{color:#fff;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.stat-badge.online{background:linear-gradient(135deg,#10b981,#059669)}.stat-badge.break{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-badge.offline{background:linear-gradient(135deg,#6b7280,#4b5563)}.staff-filter-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:24px;padding:16px 20px}.filter-controls-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.sort-group{align-items:center;gap:12px;display:flex}.sort-label{color:var(--text-secondary);letter-spacing:.5px;font-size:12px;font-weight:600}.status-filter-select,.sort-select{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:8px 32px 8px 12px;font-size:14px;font-weight:500}.status-filter-select:hover,.sort-select:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.05)}.status-filter-select:focus,.sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.status-filter-select option,.sort-select option{background:var(--glass-bg);color:var(--text-primary);padding:8px 12px}.export-btn{border:1px solid var(--glass-border);background:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.export-btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}.staff-count-display{color:var(--text-secondary);margin-left:auto;font-size:14px;font-weight:500}.last-update{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:24px;display:grid}.staff-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:var(--transition-smooth);border-radius:16px;padding:20px;position:relative;overflow:hidden}.staff-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.staff-card.online{border-left:4px solid #10b981}.staff-card.break{border-left:4px solid #f59e0b}.staff-card.offline{border-left:4px solid #6b7280}.staff-status{color:#fff;border-radius:6px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.staff-info{align-items:center;gap:12px;margin-bottom:16px;display:flex}.staff-avatar{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.staff-details h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.staff-details p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.current-activity{background:var(--surface-elevated);border:1px solid #10b9814d;border-radius:12px;margin-bottom:16px;padding:16px}.activity-header{color:#10b981;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.force-stop-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.force-stop-btn:hover{background:#dc2626;transform:scale(1.05)}.force-stop-btn:active{transform:scale(.95)}.task-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.task-title{color:var(--text-primary);flex:1;margin-right:8px;font-size:14px;font-weight:600}.live-timer{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-bottom:8px;padding:8px;font-family:Courier New,monospace;font-size:18px;font-weight:700}.timer-description{color:var(--text-secondary);font-size:12px;font-style:italic}.daily-summary{flex-direction:column;gap:8px;display:flex}.summary-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.shift-completed{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500}.loading-message,.error-message{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:40px;font-size:16px;display:flex}.loading-spinner{animation:1s linear infinite spin}.no-staff{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-staff h3{color:var(--text-primary);margin:16px 0 8px;font-size:20px}.no-staff p{margin:0;font-size:14px}@media (max-width:768px){.staff-monitor-container{padding:20px}.monitor-header{text-align:center;flex-direction:column;align-items:stretch}.monitor-stats{justify-content:center}.filter-controls-row{flex-direction:column;align-items:stretch;gap:12px}.staff-count-display{text-align:center;margin-left:0}.sort-group,.filter-group,.status-filter-select,.sort-select{width:100%}.staff-grid{grid-template-columns:1fr;gap:16px}}.compact-task-card.active-timer{animation:3s ease-in-out infinite subtlePulse;position:relative;box-shadow:0 0 20px #22c55e80,0 0 40px #22c55e4d,0 0 60px #22c55e1a,0 0 0 2px #22c55e66;border-color:#22c55e!important}.compact-task-card.active-timer:hover{transform:translateY(-4px);box-shadow:0 0 20px #22c55e80,0 0 40px #22c55e4d,0 4px 12px #22c55e4d,0 0 0 1px #22c55e66}.compact-task-card.overdue{border-color:var(--danger-color)}.compact-task-title{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.compact-task-meta{flex-direction:column;gap:4px;display:flex}.compact-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.compact-meta-item span{font-weight:500}.compact-meta-item.overdue-text{color:var(--danger-color)}.compact-indicators{gap:4px;display:flex;position:absolute;top:8px;right:8px}.priority-indicator{background:var(--warning-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.overdue-indicator{background:var(--danger-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}@media (max-width:768px){.compact-task-card{padding:10px}.compact-task-title{font-size:13px}.compact-meta-item{font-size:10px}}.hidden-file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screenshot-upload-area{margin-top:8px}.screenshot-upload-button{cursor:pointer;background:#8b5cf60d;border:2px dashed #8b5cf666;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.screenshot-upload-button:hover{background:#8b5cf61a;border-color:#8b5cf699;transform:translateY(-2px)}.upload-icon{color:#8b5cf6b3}.upload-text{flex:1}.upload-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.upload-subtitle{color:var(--text-secondary);font-size:14px}.screenshot-preview{background:var(--surface);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.preview-image{-o-object-fit:cover;object-fit:cover;width:100%;max-height:200px;display:block}.preview-actions{gap:8px;display:flex;position:absolute;top:8px;right:8px}.preview-remove-btn,.preview-change-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.preview-remove-btn{color:#fff;background:#ef4444e6}.preview-remove-btn:hover{background:#ef4444}.preview-change-btn{color:#fff;background:#8b5cf6e6}.preview-change-btn:hover{background:#8b5cf6}.upload-progress{text-align:center;color:var(--text-secondary);padding:16px;font-size:14px}.progress-text{justify-content:center;align-items:center;gap:8px;display:flex}.required{color:#ef4444;font-weight:600}.report-screenshot{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:16px}.screenshot-label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.screenshot-container{background:var(--background);border:1px solid var(--border-light);border-radius:8px;position:relative;overflow:hidden}.report-screenshot-image{-o-object-fit:cover;object-fit:cover;cursor:pointer;width:100%;max-height:300px;transition:transform .2s;display:block}.report-screenshot-image:hover{transform:scale(1.02)}.screenshot-view-btn{color:#fff;cursor:pointer;background:#8b5cf6e6;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px}.screenshot-view-btn:hover{background:#8b5cf6;transform:translateY(-1px)}.fullscreen-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.fullscreen-modal-content{background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;max-width:95vw;max-height:95vh;animation:.3s cubic-bezier(.4,0,.2,1) scaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c}.fullscreen-modal-close{z-index:10001;color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.fullscreen-modal-close:hover{background:#ef4444e6;transform:scale(1.1)}.fullscreen-modal-image{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(95vh - 80px)}.fullscreen-modal-footer{background:#000c;border-radius:8px;gap:12px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.fullscreen-download-btn{color:#fff;cursor:pointer;background:#8b5cf6e6;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.fullscreen-download-btn:hover{background:#8b5cf6;transform:translateY(-1px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fullscreen-modal-overlay[data-closing=true]{animation:.2s ease-in fadeOut}.fullscreen-modal-overlay[data-closing=true] .fullscreen-modal-content{animation:.2s ease-in scaleOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:20px;display:grid}.report-grid-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #8b5cf633;border-radius:12px;padding:16px;transition:all .3s;position:relative}.report-grid-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf626}.report-card-delete-btn{cursor:pointer;color:#fff;z-index:10;opacity:1;background:#ef4444e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.report-grid-card:hover .report-card-delete-btn{opacity:1}.report-card-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.grid-card-thumbnail{cursor:pointer;background:#0003;border-radius:8px;justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.grid-card-thumbnail:hover:after{content:"🔍 Click to view";color:#fff;text-align:center;background:#000c;padding:8px;font-size:12px;transition:all .2s;position:absolute;bottom:0;left:0;right:0}.grid-card-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .2s}.grid-card-thumbnail:hover .grid-card-image{transform:scale(1.05)}.grid-card-no-image{color:#ffffff80;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.grid-card-info{flex-direction:column;gap:6px;display:flex}.grid-card-staff{color:#fff;font-size:14px;font-weight:600;line-height:1.3}.grid-card-date{color:#ffffffb3;font-size:12px}.grid-card-hours{color:#8b5cf6e6;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.report-details-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.report-details-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e3cf2,#141428f2);border:1px solid #8b5cf64d;border-radius:16px;width:100%;max-width:600px;max-height:80vh;padding:24px;animation:.3s ease-out scaleIn;overflow-y:auto}.report-details-header{border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.report-details-title{color:#fff;margin:0;font-size:18px;font-weight:600}.report-details-close{color:#fffc;cursor:pointer;background:#8b5cf633;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.report-details-close:hover{color:#fff;background:#8b5cf64d}.report-details-actions{align-items:center;gap:8px;display:flex}.report-delete-btn{color:#fffc;cursor:pointer;background:#ef444433;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:14px;transition:all .2s;display:flex}.report-delete-btn:hover{color:#fff;background:#ef44444d}.report-details-content{flex-direction:column;gap:20px;display:flex}.report-details-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.report-detail-item{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:8px;padding:12px}.report-detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px}.report-detail-value{color:#fff;font-size:14px;font-weight:500}.report-screenshot-section{flex-direction:column;gap:12px;display:flex}.report-screenshot-label{color:#fffc;font-size:14px;font-weight:500}.report-screenshot-container{cursor:pointer;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.report-screenshot-container:hover{transform:scale(1.02);box-shadow:0 8px 32px #8b5cf633}.report-screenshot{-o-object-fit:cover;object-fit:cover;width:100%;height:200px;display:block}.report-screenshot-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.report-screenshot-container:hover .report-screenshot-overlay{opacity:1}.report-screenshot-overlay-text{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.report-tasks-section{flex-direction:column;gap:12px;display:flex}.report-tasks-list{flex-direction:column;gap:8px;display:flex}.report-task-item{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.report-task-content{flex-direction:column;flex:1;gap:8px;display:flex}.report-task-title{color:#fff;font-size:14px;font-weight:600}.report-task-status{color:#6b7280;text-transform:capitalize;font-size:12px}.report-task-logs{border-top:1px solid #8b5cf61a;margin-top:8px;padding-top:8px}.task-logs-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:500}.task-log-entry{align-items:center;gap:8px;margin-bottom:4px;font-size:11px;line-height:1.4;display:flex}.log-time{color:#8b5cf6e6;min-width:60px;font-weight:600}.log-description{color:#fffc;flex:1}.log-period{color:#ffffff80;font-size:10px}.report-task-time{color:#8b5cf6e6;white-space:nowrap;align-items:center;margin-left:16px;font-size:12px;font-weight:600;display:flex}.report-summary-section{flex-direction:column;gap:12px;display:flex}.report-summary-text{color:#111827;white-space:pre-wrap;background:#ffffff0d;border:1px solid #8b5cf633;border-radius:8px;padding:16px;font-size:14px;line-height:1.5}@media (max-width:768px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(180px,180px));justify-content:start;gap:16px;padding:16px 0}.report-grid-card{padding:14px}.grid-card-thumbnail{height:120px}.report-details-modal{max-height:85vh;margin:20px;padding:20px}.report-details-meta{grid-template-columns:1fr;gap:12px}}@media (max-width:480px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(160px,160px));justify-content:center;gap:12px;padding:12px 0}.report-grid-card{padding:12px}.grid-card-thumbnail{height:100px}.report-details-modal{max-height:90vh;margin:10px;padding:16px}.report-details-header{margin-bottom:16px;padding-bottom:12px}.report-details-title{font-size:16px}.report-screenshot{height:150px}}.upload-status{background:#ffffff05;border:1px solid #8b5cf633;border-radius:8px;margin-top:12px;padding:12px}.upload-progress{flex-direction:column;gap:8px;display:flex}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-text{color:#fffc;font-size:14px;font-weight:500}.password-change-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #8b5cf64d;border-radius:16px;width:90%;max-width:480px;margin:auto;padding:32px;box-shadow:0 20px 40px #0006}.password-change-modal .modal-header{text-align:center;border-bottom:1px solid #8b5cf633;margin-bottom:24px;padding-bottom:16px}.password-change-modal h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600}.password-change-modal p{color:#ffffffb3;margin:0;font-size:14px}.password-change-form{flex-direction:column;gap:20px;display:flex}.password-change-form .input-group{flex-direction:column;gap:8px;display:flex}.password-change-form label{color:#111827;font-size:14px;font-weight:500}.password-change-form input{color:#fff;background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.password-change-form input:focus{background:#ffffff14;border-color:#8b5cf699;outline:none}.modal-actions{justify-content:center;margin-top:8px;display:flex}.modal-actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4827ec 0%,#9d70e6 100%);border:none;border-radius:8px;padding:12px 32px;font-weight:600;transition:all .2s}.modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf64d}.progress-percentage{color:#8b5cf6e6;font-size:12px;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#8b5cf6cc,#8b5cf6);border-radius:3px;height:100%;transition:width .3s;animation:2s ease-in-out infinite alternate progressGlow}@keyframes progressGlow{0%{box-shadow:0 0 5px #8b5cf680}to{box-shadow:0 0 15px #8b5cf6cc}}.upload-success{color:#22c55ee6;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.upload-success svg{color:#22c55e}.upload-error{color:#ef4444e6;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.upload-error svg{color:#ef4444}@media (max-width:768px){.auth-container{min-height:100vh;min-height:-webkit-fill-available;padding:16px}.auth-card{border-radius:12px;max-width:100%;padding:32px 24px}.brand{text-align:center;flex-direction:column;margin-bottom:24px}.brand-logo-main{width:56px;height:56px}.brand-name{font-size:22px}.brand-tagline{font-size:13px}.auth-title h1{font-size:24px}.auth-title p{font-size:14px}.auth-form{gap:20px}.auth-background:before,.auth-background:after{width:200px;height:200px}button,.btn,.nav-item,.task-action-btn,.icon-btn,a[role=button]{touch-action:manipulation;min-width:44px;min-height:44px}.kanban-task-card .task-actions button{min-width:44px;min-height:44px;padding:10px}input,select,textarea,.input-wrapper input{min-height:44px;font-size:16px}.modal-close-btn{min-width:44px;min-height:44px;padding:12px}.modal-section{margin-bottom:20px}.modal-input,.modal-select,.modal-textarea{padding:12px 16px;font-size:16px}.kanban-board,.column-content,.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.table-container,table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.task-modal,.ai-tasks-modal{max-width:95vw;max-height:90vh;margin:20px;overflow-y:auto}.modal-content{max-height:calc(90vh - 160px);overflow-y:auto}.sidebar-nav .nav-item{min-height:48px;padding:14px 20px}.mobile-header{height:60px;padding:0 16px}.mobile-brand{font-size:18px;font-weight:600}.mobile-logo{width:36px;height:36px}.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-open{transform:translate(0)}.timer-display,.live-timer{padding:8px 12px;font-size:18px}.kanban-task-card{cursor:pointer;-webkit-tap-highlight-color:#667eea1a;margin-bottom:12px}.stat-card{min-width:100px;padding:12px 16px}.filter-controls{flex-wrap:wrap;gap:8px}.filter-btn,.sort-btn{min-height:40px;padding:8px 16px;font-size:14px}.search-bar input{padding:12px 16px;font-size:16px}.main-content{padding:76px 16px 16px}.dashboard-actions button,.header-actions button{min-height:44px;padding:10px 16px;font-size:14px}.dropdown-menu{max-height:60vh;overflow-y:auto}.status-badge,.priority-badge{padding:6px 12px;font-size:12px}.time-entry{margin-bottom:8px;padding:12px}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:360px){.modal-grid{grid-template-columns:1fr}.stat-card{min-width:80px;padding:10px 12px}.stat-number{font-size:18px}.stat-label{font-size:10px}.kanban-column{min-width:240px}.mobile-brand-text{font-size:16px}.task-modal,.ai-tasks-modal{max-width:calc(100vw - 20px);margin:10px}}@media (max-width:968px) and (orientation:landscape){.mobile-header{height:50px}.main-content{padding-top:66px}.task-modal,.ai-tasks-modal{max-height:85vh}.sidebar{max-width:280px}}@media (max-width:768px){.task-actions,.dashboard-actions,.nav-item,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.task-description,.modal-content,input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-layout{flex-direction:column;padding-top:60px;display:flex}.mobile-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;height:60px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.hamburger-btn{min-width:44px;min-height:44px;padding:8px}.mobile-brand{flex:1;justify-content:center}.mobile-user-role{white-space:nowrap;padding:6px 12px;font-size:11px}.sidebar{z-index:1002;-webkit-overflow-scrolling:touch;width:280px;height:100vh;box-shadow:none;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;overflow-y:auto}.sidebar-open{left:0;box-shadow:2px 0 20px #00000080}.mobile-menu-overlay{z-index:1001;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;top:0;right:0;bottom:0;left:0}.mobile-menu-overlay.active{opacity:1;pointer-events:all}.sidebar-nav{flex-direction:column;gap:4px;padding:10px 0}.nav-item{text-align:left;border-bottom:none;border-left:3px solid #0000;flex-direction:row;min-width:auto;padding:12px 20px}.nav-item.active{border-left-color:var(--primary-color);border-bottom:none}.nav-item:hover{border-bottom:none;border-left-color:#ffffff4d}.nav-label{font-size:14px}.sidebar-footer{padding:20px}.logout-btn{text-align:left;flex-direction:row;padding:12px 20px}.main-content{padding:16px 12px;overflow-x:hidden}.client-dashboard{max-width:100%}.dashboard-header{flex-direction:column;gap:16px;margin-bottom:16px;padding:16px 12px}.dashboard-title-section{text-align:center;width:100%}.dashboard-title-section h2{margin-bottom:12px;font-size:20px}.gradient-text{font-size:20px!important}.search-section{width:100%;margin-top:12px}.search-bar{width:100%;max-width:100%}.search-input{min-height:44px;padding:12px 12px 12px 40px;font-size:16px}.search-icon{left:14px}.clear-search{min-width:36px;min-height:36px;padding:8px;right:12px}.filter-controls{flex-direction:column;align-items:stretch;gap:10px;width:100%}.add-task-btn-main{justify-content:center;width:100%;min-height:50px;padding:14px 20px;font-size:16px}.filter-toggle{justify-content:center;width:100%;min-height:44px;padding:12px 16px}.quick-filters{justify-content:center;gap:8px;width:100%}.quick-filter{min-height:36px;padding:8px 14px;font-size:13px}.filters-panel{flex-direction:column;gap:12px;padding:14px}.filter-group{width:100%;min-width:auto}.filter-select{width:100%;min-height:44px;padding:10px 12px;font-size:14px}.filter-actions{width:100%;margin-left:0}.clear-filters-btn{justify-content:center;width:100%;min-height:44px;padding:10px 16px}.dashboard-stats{justify-content:space-between;gap:8px;width:100%}.stat-card{flex:1;min-width:70px;max-width:none;padding:10px 8px}.stat-number{font-size:18px}.stat-label{font-size:10px}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color)transparent;flex-direction:row;gap:12px;padding:0 12px 20px;display:flex;overflow:auto hidden}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:0 0}.kanban-board::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.kanban-column{scroll-snap-align:start;flex:0 0 280px;min-width:280px;max-width:280px;padding:12px}.column-header{border-radius:8px;margin-bottom:12px;padding:10px 12px}.column-header h3{font-size:13px;font-weight:700}.task-count{padding:3px 7px;font-size:11px}.column-content{gap:12px;min-height:200px}.empty-column{padding:20px 12px;font-size:13px}.kanban-task-card{cursor:pointer;-webkit-tap-highlight-color:#667eea1a;border-radius:10px;padding:14px}.kanban-task-card:active{transform:scale(.98)}.task-card-header{margin-bottom:10px}.task-card-header h4{font-size:15px;line-height:1.4}.hours-badge{white-space:nowrap;padding:4px 8px;font-size:11px}.edit-btn{min-width:32px;min-height:32px;padding:6px}.task-description{margin-bottom:10px;font-size:13px;line-height:1.5}.task-meta{margin-bottom:12px}.task-assignee{margin-bottom:6px;font-size:12px}.task-due-date{font-size:12px}.task-progress{margin-bottom:12px}.progress-header{margin-bottom:6px;font-size:12px}.progress-bar{border-radius:4px;height:8px}.progress-slider{height:8px;margin-top:10px}.progress-slider::-webkit-slider-thumb{width:22px;height:22px}.progress-slider::-moz-range-thumb{width:22px;height:22px}.timer-controls{margin-bottom:12px}.timer-btn{border-radius:8px;min-height:44px;padding:10px 14px;font-size:14px}.task-actions{margin-bottom:10px}.status-select{border-radius:6px;width:100%;min-height:44px;padding:10px 12px;font-size:14px}.task-footer{padding-top:10px;font-size:11px}.edit-input,.edit-textarea,.edit-select{border-radius:6px;min-height:44px;padding:10px 12px;font-size:14px}.edit-textarea{min-height:80px}.edit-actions{gap:10px}.save-btn,.cancel-btn{flex:1;justify-content:center;min-height:44px;padding:10px 14px;font-size:14px}.compact-task-card{border-radius:10px;min-height:100px;margin-bottom:10px;padding:14px}.compact-task-card:active{transform:scale(.98)}}@media (max-width:480px){.mobile-header{height:56px;padding:0 12px}.app-layout{padding-top:56px}.hamburger-btn{padding:6px}.mobile-brand-text{font-size:16px}.mobile-user-role{padding:4px 8px;font-size:10px}.main-content{padding:12px 8px}.dashboard-header{padding:12px 10px}.dashboard-title-section h2,.gradient-text{font-size:18px!important}.search-input{padding:10px 10px 10px 36px;font-size:16px}.add-task-btn-main{min-height:48px;padding:12px 16px;font-size:15px}.filter-toggle{padding:10px 14px;font-size:13px}.quick-filter{padding:7px 12px;font-size:12px}.dashboard-stats{gap:6px}.stat-card{min-width:65px;padding:8px 6px}.stat-number{font-size:16px}.stat-label{font-size:9px}.kanban-board{gap:10px;padding:0 8px 16px}.kanban-column{flex:0 0 260px;min-width:260px;padding:10px}.column-header{padding:8px 10px}.column-header h3{font-size:12px}.task-count{padding:2px 6px;font-size:10px}.kanban-task-card{padding:12px}.task-card-header h4{font-size:14px}.task-description{font-size:12px}.timer-btn{padding:9px 12px;font-size:13px}}@media (max-width:360px){.mobile-header{height:52px;padding:0 10px}.app-layout{padding-top:52px}.mobile-brand-text{font-size:15px}.mobile-user-role{padding:3px 6px;font-size:9px}.main-content{padding:10px 6px}.dashboard-header{padding:10px 8px}.dashboard-title-section h2,.gradient-text{font-size:16px!important}.add-task-btn-main{padding:10px 14px;font-size:14px}.dashboard-stats{gap:4px}.stat-card{min-width:60px;padding:6px 4px}.stat-number{font-size:14px}.stat-label{font-size:8px}.kanban-board{gap:8px;padding:0 6px 12px}.kanban-column{flex:0 0 240px;min-width:240px;padding:8px}.column-header{padding:6px 8px}.column-header h3{font-size:11px}.task-count{padding:1px 4px;font-size:9px}.kanban-task-card{padding:10px}.task-card-header h4{font-size:13px}.hours-badge{padding:3px 6px;font-size:10px}}@media (max-width:968px) and (orientation:landscape){.mobile-header{height:48px}.app-layout{padding-top:48px}.sidebar{width:260px}.main-content{padding:12px}.kanban-column{flex:0 0 260px;min-width:260px}}@media (max-width:768px){button,.nav-item,.quick-filter,.filter-toggle,input[type=button],input[type=submit]{min-width:44px;min-height:44px}.edit-btn,.clear-search,.password-toggle{min-width:36px;min-height:36px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],textarea,select{font-size:16px!important}.main-content{-webkit-overflow-scrolling:touch;overflow:hidden auto}.kanban-board{scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{scrollbar-width:none}}.chat-messenger-button{background:var(--gradient-primary);color:#fff;cursor:pointer;z-index:9998;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.chat-messenger-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.chat-messenger{z-index:9999;background:#fff;border-radius:12px;flex-direction:column;width:360px;height:500px;transition:height .3s;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0003}.chat-messenger.minimized{height:56px}.chat-messenger-header{background:var(--gradient-primary);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-messenger-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.chat-messenger-actions{gap:8px;display:flex}.chat-messenger-action-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.chat-messenger-action-btn:hover{background:#ffffff4d}.chat-messenger-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-users-list{flex-direction:column;height:100%;display:flex}.chat-users-header{color:#6b7280;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.chat-users-scroll{flex:1;overflow-y:auto}.chat-user-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.chat-user-item:hover{background:#f9fafb}.chat-user-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.chat-user-info{flex:1;overflow:hidden}.chat-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.chat-user-role{color:#6b7280;text-transform:capitalize;font-size:12px}.chat-messages-container{flex-direction:column;height:100%;display:flex}.chat-messages-header{border-bottom:1px solid #e5e7eb;padding:8px 16px}.chat-back-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:500}.chat-back-btn:hover{text-decoration:underline}.chat-messages-scroll{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{flex-direction:column;max-width:75%;display:flex}.chat-message.sent{align-items:flex-end;margin-left:auto}.chat-message.received{align-items:flex-start;margin-right:auto}.chat-message-bubble{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;border-radius:18px;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.4}.chat-message.sent .chat-message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.chat-message.received .chat-message-bubble{color:#111827;background:#f3f4f6;border-bottom-left-radius:4px}.chat-message-time{color:#9ca3af;margin-top:4px;padding:0 8px;font-size:11px}.chat-message-input{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-message-input input{border:1px solid #e5e7eb;border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:14px;transition:border-color .2s}.chat-message-input input:focus{border-color:#6366f1}.chat-send-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{opacity:.9}.chat-empty-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.chat-empty-state p{color:#6b7280;margin-top:12px;font-size:14px;font-weight:500}.chat-empty-state small{color:#9ca3af;margin-top:4px;font-size:12px}.chat-loading{color:#9ca3af;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}@media (max-width:768px){.chat-messenger{width:calc(100vw - 32px);max-width:360px}}.chat-list-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-list-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-list-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.chat-create-group-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex}.chat-create-group-btn:hover{opacity:.9}.chat-section{border-bottom:1px solid #f3f4f6}.chat-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:12px 16px 8px;font-size:12px;font-weight:600;display:flex}.chat-list-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.chat-list-item:hover{background:#f9fafb}.chat-group-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-list-item-info{flex:1;overflow:hidden}.chat-list-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.general-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#10b981;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.chat-list-item-preview{color:#9ca3af;margin-top:2px;font-size:12px}.chat-unread-indicator{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.chat-empty-state-small{text-align:center;color:#9ca3af;padding:24px 16px;font-size:13px}.create-group-form{flex-direction:column;height:100%;display:flex}.chat-header-info{flex:1;overflow:hidden}.chat-header-name{color:#111827;font-size:14px;font-weight:600}.chat-header-meta{color:#6b7280;margin-top:2px;font-size:12px}.group-form-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.form-group label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-group input[type=text],.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#6366f1}.form-group textarea{resize:vertical}.member-selection-list{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto}.member-selection-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.member-selection-item:last-child{border-bottom:none}.member-selection-item:hover{background:#f9fafb}.member-selection-item.selected{background:#eff6ff}.member-checkbox{color:#6366f1;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.member-selection-item.selected .member-checkbox{color:#fff;background:#6366f1;border-color:#6366f1}.chat-user-avatar.small{width:32px;height:32px;font-size:14px}.member-info{flex:1}.member-name{color:#111827;font-size:14px;font-weight:500}.member-role{color:#6b7280;text-transform:capitalize;font-size:12px}.btn-create-group{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.btn-create-group:disabled{opacity:.5;cursor:not-allowed}.btn-create-group:not(:disabled):hover{opacity:.9}.message-sender-name{color:#6b7280;margin-bottom:4px;font-size:11px;font-weight:500}.chat-message.received .message-sender-name{margin-left:8px}.profile-picture-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.profile-picture-modal{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.profile-picture-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.profile-picture-modal-header h2{margin:0;font-size:20px;font-weight:600}.profile-picture-modal-content{padding:24px}.upload-area{flex-direction:column;align-items:center;gap:20px;display:flex}.upload-label{cursor:pointer;border:2px dashed #ffffff4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:60px 40px;transition:all .3s;display:flex}.upload-label:hover{border-color:var(--primary-color);background:#7c3aed0d}.upload-label p{margin:0;font-size:16px;font-weight:500}.upload-label span{color:#ccc;font-size:14px}.crop-area{flex-direction:column;align-items:center;display:flex}.crop-actions{gap:12px;width:100%;margin-top:24px;display:flex}.crop-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.button-primary{background:var(--gradient-primary);color:#fff}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-primary:not(:disabled):hover{opacity:.9}.button-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.button-secondary:hover{background:#ffffff26}.delete-picture-button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.delete-picture-button:hover{background:#ef444433}.delete-picture-button:disabled{opacity:.5;cursor:not-allowed}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.ReactCrop{max-width:100%}.ReactCrop__crop-selection{border:2px solid var(--primary-color);box-shadow:0 0 0 9999em #00000080}.chat-avatar-image{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-list-scroll{flex:1;overflow:hidden auto}.chat-list-scroll::-webkit-scrollbar{width:6px}.chat-list-scroll::-webkit-scrollbar-track{background:0 0}.chat-list-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-list-scroll::-webkit-scrollbar-thumb:hover{background:#0000004d}.chat-unread-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0003}.chat-attach-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.chat-attach-btn:hover{color:#111827;background:#ffffff1a}.chat-attach-btn:disabled{opacity:.3;cursor:not-allowed}.chat-attachment{margin-bottom:8px}.chat-image-attachment{border-radius:12px;max-width:300px;margin-bottom:4px;overflow:hidden}.chat-image-attachment img{cursor:pointer;width:100%;height:auto;transition:transform .2s;display:block}.chat-image-attachment img:hover{transform:scale(1.02)}.chat-image-modal-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.chat-image-modal-content{max-width:90vw;max-height:90vh;animation:.3s zoomIn;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-image-modal-content img{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:90vh;box-shadow:0 20px 60px #00000080}.chat-image-modal-close{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.chat-image-modal-close:hover{background:#fff3;transform:scale(1.1)}.chat-file-attachment{color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;max-width:300px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.chat-file-attachment:hover{border-color:var(--primary-color);background:#ffffff1a}.chat-file-attachment .file-icon{flex-shrink:0;font-size:28px}.chat-file-attachment .file-info{flex:1;min-width:0}.chat-file-attachment .file-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:500;overflow:hidden}.chat-file-attachment .file-action{opacity:.6;font-size:11px}.chat-drive-preview{background:linear-gradient(135deg,#4285f41a,#34a8531a);border:1px solid #4285f44d;border-radius:10px;align-items:center;gap:12px;max-width:300px;margin-bottom:8px;padding:12px;display:flex}.chat-drive-preview .drive-icon{flex-shrink:0;font-size:28px}.chat-drive-preview .drive-info{flex:1;min-width:0}.chat-drive-preview .drive-type{opacity:.7;margin-bottom:4px;font-size:11px;font-weight:600}.chat-drive-preview .drive-link{color:#4285f4;align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.chat-drive-preview .drive-link:hover{text-decoration:underline}.chat-youtube-preview{border:1px solid #ffffff1a;border-radius:12px;max-width:320px;margin-bottom:8px;overflow:hidden}.chat-youtube-preview .youtube-thumb{width:100%;height:auto;display:block}.chat-youtube-preview .youtube-link{color:red;text-align:center;background:#ff00001a;padding:10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;display:block}.chat-youtube-preview .youtube-link:hover{background:#f003}.legal-page{background:linear-gradient(135deg,#131316 0%,#1d1d20 100%);min-height:100vh;padding:2rem 1rem}.legal-container{max-width:900px;margin:0 auto}.legal-page .back-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.legal-page .back-btn:hover{background:#ffffff1a;border-color:#4827ec;transform:translate(-4px)}.legal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:3rem}.legal-content h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4827ec 0%,#9d70e6 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.legal-content .last-updated{color:#ffffff80;border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem;font-size:.9rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{color:#fff;margin-top:2rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.legal-content h3{color:#9d70e6;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.legal-content p{color:#fffc;margin-bottom:1rem;line-height:1.7}.legal-content ul{margin-bottom:1rem;margin-left:2rem;list-style:outside}.legal-content ul li{color:#fffc;margin-bottom:.5rem;line-height:1.7}.legal-content ul ul{margin-top:.5rem;list-style:circle}.legal-content a{color:#7056f0;text-decoration:underline;transition:color .2s}.legal-content a:hover{color:#9d70e6}.legal-content strong{color:#fff;font-weight:600}.legal-content .consent-section{background:#fa64960d;border:1px solid #fa649633;border-radius:12px;margin-top:2rem;padding:1.5rem}.legal-content .consent-section h2{color:#7056f0;margin-top:0}@media (max-width:768px){.legal-page{padding:1rem}.legal-content{padding:1.5rem}.legal-content h1{font-size:2rem}.legal-content h2{font-size:1.5rem}.legal-content h3{font-size:1.1rem}.legal-content ul{margin-left:1.25rem}}.legal-links-section{flex-direction:column;gap:1rem;display:flex}.legal-link-card{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.legal-link-card:hover{background:#ffffff0f;border-color:#4827ec;transform:translate(4px)}.legal-link-icon{color:#7056f0;background:linear-gradient(135deg,#4827ec33 0%,#9d70e633 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.legal-link-content{flex:1}.legal-link-content h4{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.legal-link-content p{color:#fff9;margin:0;font-size:.9rem}.legal-link-card svg{color:#fff6;transition:all .3s}.legal-link-card:hover svg{color:#7056f0;transform:translate(4px)}@media (max-width:768px){.legal-link-card{padding:1.25rem}.legal-link-icon{width:40px;height:40px}.legal-link-content h4{font-size:1rem}.legal-link-content p{font-size:.85rem}}.task-report-modal-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.task-report-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.task-report-modal-title{color:#fff;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.task-report-modal-title svg{color:#7056f0}.task-report-modal-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.task-report-modal-close:hover{background:#ff326433;border-color:#ff326466}.task-report-modal-body{flex:1;padding:2rem;overflow-y:auto}.task-report-section{margin-bottom:1.5rem}.task-report-label{color:#ffffffe6;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.task-report-label svg{color:#7056f0}.task-report-task-name{color:#fff;background:linear-gradient(135deg,#4827ec1a 0%,#9d70e60d 100%);border:1px solid #fa649633;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:1.05rem;font-weight:600;display:flex}.task-report-task-name svg{color:#7056f0;flex-shrink:0}.task-report-time-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.time-summary-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.time-summary-item svg{color:#7056f0;flex-shrink:0}.time-summary-value{color:#fff;font-size:1.5rem;font-weight:700}.time-summary-label{color:#fff9;margin-top:.25rem;font-size:.85rem}.task-report-sessions{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.75rem;max-height:300px;padding:1rem;display:flex;overflow-y:auto}.session-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.session-item:hover{background:#ffffff0d;border-color:#4827ec4d}.session-number{color:#fff;background:linear-gradient(135deg,#4827ec 0%,#9d70e6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.session-details{flex:1}.session-time{color:#ffffffb3;margin-bottom:.25rem;font-size:.9rem}.session-hours{color:#fff;font-size:1rem;font-weight:600}.task-report-textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.task-report-textarea:focus{background:#ffffff14;border-color:#4827ec;outline:none}.task-report-textarea::-moz-placeholder{color:#fff6}.task-report-textarea::placeholder{color:#fff6}.screenshot-upload-area{cursor:pointer;background:#ffffff08;border:2px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;transition:all .3s;display:flex}.screenshot-upload-area:hover{background:#ffffff0d;border-color:#4827ec}.screenshot-upload-area.dragging{background:#fa64961a;border-color:#7056f0}.screenshot-upload-area svg{color:#7056f0;margin-bottom:1rem}.screenshot-upload-area p{color:#fff;margin-bottom:.5rem;font-weight:500}.screenshot-upload-area small{color:#ffffff80;font-size:.85rem}.screenshot-preview{border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.screenshot-preview img{-o-object-fit:contain;object-fit:contain;background:#0000004d;width:100%;height:auto;max-height:400px;display:block}.remove-screenshot-btn{color:#fff;cursor:pointer;background:#ff3264e6;border:1px solid #ff3264;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.remove-screenshot-btn:hover{background:#ff1e50;transform:scale(1.05)}.task-report-error{color:#ff6b9d;background:#ff32641a;border:1px solid #ff32644d;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:500}.task-report-loading{text-align:center;color:#fff9;padding:2rem;font-style:italic}.task-report-modal-actions{border-top:1px solid #ffffff1a;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.task-report-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4827ec 0%,#9d70e6 100%);border:none;border-radius:12px;flex:1;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.task-report-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #fa649666}.task-report-submit-btn:disabled{opacity:.6;cursor:not-allowed}.task-report-cancel-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.task-report-cancel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.task-report-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.task-report-modal-container{width:95%;max-height:95vh}.task-report-modal-header{padding:1rem 1.5rem}.task-report-modal-title{font-size:1.25rem}.task-report-modal-body{padding:1.5rem}.task-report-time-summary{grid-template-columns:1fr}.task-report-modal-actions{flex-direction:column}.task-report-submit-btn,.task-report-cancel-btn{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}