*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black: #000000;--color-dark: #1a1a1a;--color-gray-800: #2d2d2d;--color-gray-700: #404040;--color-gray-600: #666666;--color-gray-500: #808080;--color-gray-400: #999999;--color-gray-300: #cccccc;--color-gray-200: #e5e5e5;--color-gray-100: #f5f5f5;--color-gray-50: #fafafa;--color-white: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}body{margin:0;padding:0;min-height:100vh;color:var(--color-dark);background-color:var(--color-gray-50)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:5px;border:2px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000,#1a1a1a);padding:24px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.login-box{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:48px;width:100%;max-width:440px;border:1px solid var(--color-gray-200);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:36px;font-weight:700;color:var(--color-black);margin:0 0 12px;letter-spacing:-.03em}.login-header p{color:var(--color-gray-600);font-size:15px;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:24px}.login-form .error{padding:14px 18px;background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c00;font-size:14px;font-weight:500;margin:0;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:600;color:var(--color-dark);letter-spacing:-.01em}.form-group input{padding:14px 16px;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;background:var(--color-white);color:var(--color-black);font-weight:400}.form-group input:hover{border-color:var(--color-gray-300)}.form-group input:focus{border-color:var(--color-black);box-shadow:0 0 0 4px #0000000d;transform:translateY(-1px)}.form-group input::placeholder{color:var(--color-gray-400);font-weight:400}.login-button{margin-top:8px;padding:14px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-button:hover:before{width:300px;height:300px}.login-button:hover{background:var(--color-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.login-footer{margin-top:28px;text-align:center}.forgot-password{color:var(--color-gray-600);font-size:14px;text-decoration:none;transition:color .2s;font-weight:500}.forgot-password:hover{color:var(--color-black)}@media(max-width:480px){.login-box{padding:32px 24px}.login-header h1{font-size:28px}}.navbar{background:var(--color-gray-800);border-bottom:1px solid var(--color-gray-700);position:fixed;top:0;right:0;left:0;height:50px;z-index:200}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 24px;gap:24px}.navbar-left{display:flex;align-items:center;flex-shrink:0;position:absolute;left:0;padding-left:24px}.navbar-title{font-size:16px;font-weight:600;color:var(--color-white);margin:0;letter-spacing:-.01em;white-space:nowrap}.navbar-center{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .navbar-center{margin-left:70px}.project-selector{position:relative}.project-selector-button{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--color-gray-700);border:1px solid var(--color-gray-600);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:220px;height:36px}.project-selector-button:hover{background:var(--color-gray-600);border-color:var(--color-gray-500)}.project-selector-text{flex:1;text-align:left;font-size:13px;font-weight:500;color:var(--color-white);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1);stroke:var(--color-gray-300)}.dropdown-arrow.open{transform:rotate(180deg)}.project-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px 20px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.dropdown-header span{font-size:13px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.dropdown-list{max-height:400px;overflow-y:auto;padding:8px}.dropdown-organization{padding:0;margin-bottom:4px}.dropdown-organization-last{margin-top:12px;margin-bottom:0;padding-top:12px;border-top:1px solid var(--color-gray-200)}.organization-item{display:flex;align-items:center;gap:10px;padding:12px 18px;background:transparent;border-radius:var(--radius-md);cursor:default;width:100%;border:none;text-align:left;justify-content:space-between}.organization-item-clickable{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.organization-item-clickable:hover{background:var(--color-gray-50)}.organization-item-clickable.active{background:var(--color-gray-100)}.org-icon{color:var(--color-black);flex-shrink:0}.organization-name{font-size:14px;font-weight:600;color:var(--color-black);letter-spacing:-.01em}.dropdown-projects-container{padding-left:24px;border-left:2px solid var(--color-gray-200);margin-left:8px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 18px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative}.dropdown-item-project{padding-left:18px}.dropdown-item:hover{background:var(--color-gray-50)}.dropdown-item.active{background:var(--color-gray-100)}.dropdown-item-name{flex:1;font-size:14px;font-weight:500;color:var(--color-black);letter-spacing:-.01em}.dropdown-item-check{font-size:16px;color:var(--color-black);font-weight:700;flex-shrink:0}.navbar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.create-task-button{display:flex;align-items:center;padding:8px 20px;background:#3b82f6;color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;height:36px;white-space:nowrap}.create-task-button:hover{background:#2563eb;box-shadow:var(--shadow-sm)}.create-task-button:active{transform:scale(.98)}.user-menu{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-gray-700);border:1px solid var(--color-gray-600);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);height:36px}.user-menu:hover{background:var(--color-gray-600);border-color:var(--color-gray-500)}.user-menu .user-name{font-size:13px;font-weight:500;color:var(--color-white);letter-spacing:-.01em;white-space:nowrap}.user-arrow{flex-shrink:0;stroke:var(--color-gray-300)}@media(max-width:1024px){.navbar-center{gap:12px}.project-selector-button{min-width:180px}}@media(max-width:768px){.navbar-content{padding:0 16px}.navbar-left{padding-left:16px}.navbar-center,.sidebar-collapsed .navbar-center{margin-left:70px}.navbar-title{font-size:14px}.navbar-center{gap:8px}.project-selector-button{min-width:auto;max-width:150px}.project-selector-text{font-size:12px}.project-dropdown{width:calc(100vw - 32px);left:50%;transform:translate(-50%)}.create-task-button{padding:8px 14px;font-size:12px}.user-menu{padding:8px 12px}.user-menu .user-name{font-size:12px}}.sidebar{position:fixed;left:0;top:50px;bottom:0;width:280px;background:var(--color-gray-700);color:var(--color-white);display:flex;flex-direction:column;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--color-gray-600)}.sidebar.collapsed{width:70px}.toggle-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;background:transparent;border:1px solid var(--color-gray-600);border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;font-size:15px;font-weight:500;letter-spacing:-.01em}.sidebar.collapsed .toggle-button{padding:13px 12px;justify-content:center}.toggle-button:hover{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-white);transform:translateY(-1px)}.toggle-button:active{transform:translateY(0)}.sidebar-nav{flex:1;padding:24px 16px 16px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:4px}.section-title{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;padding:8px 18px 4px;margin-top:8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:13px 18px;background:transparent;color:var(--color-gray-400);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;text-align:left;letter-spacing:-.01em;position:relative}.sidebar.collapsed .sidebar-item{padding:13px 12px;justify-content:center}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:60%;background:var(--color-white);border-radius:0 4px 4px 0;transition:width .2s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{background:var(--color-gray-800);color:var(--color-white);transform:translate(2px)}.sidebar-item.active{background:var(--color-gray-800);color:var(--color-white)}.sidebar-item.active:before{width:3px;background:#3b82f6}.sidebar-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;min-width:20px;color:currentColor}.sidebar.collapsed .sidebar-icon{font-size:18px}.sidebar-icon svg{flex-shrink:0}.sidebar-label{flex:1;white-space:nowrap;opacity:1;transition:opacity .2s}.sidebar.collapsed .sidebar-label{display:none}.sidebar-action-btn{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff1a;color:var(--color-white);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:0;transform:scale(.8);flex-shrink:0;-webkit-user-select:none;user-select:none;outline:none}.sidebar-action-btn:focus{outline:2px solid var(--color-white);outline-offset:2px}.sidebar-item:hover .sidebar-action-btn{opacity:1;transform:scale(1)}.sidebar-action-btn:hover{background:var(--color-white);color:var(--color-black);transform:scale(1.1)}.sidebar-footer{padding:16px;border-top:1px solid var(--color-gray-600);display:flex;flex-direction:column;gap:8px}.logout-button{display:flex;align-items:center;gap:12px;padding:13px 18px;background:transparent;color:var(--color-gray-400);border:1px solid var(--color-gray-600);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;text-align:left;width:100%;letter-spacing:-.01em}.sidebar.collapsed .logout-button{padding:13px 12px;justify-content:center}.logout-button:hover{background:var(--color-gray-800);border-color:var(--color-gray-600);color:#ef4444;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.time-tracker{background:var(--color-white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:24px;height:fit-content;position:sticky;top:74px}.time-tracker-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--color-gray-200)}.time-tracker-header h3{font-size:19px;font-weight:600;color:var(--color-black);margin:0;letter-spacing:-.02em}.current-time{font-size:14px;font-weight:600;color:var(--color-gray-600);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.timer-display{background:var(--color-gray-50);border-radius:var(--radius-md);padding:24px;text-align:center;border:1px solid var(--color-gray-200);transition:all .3s cubic-bezier(.4,0,.2,1)}.timer-display:has(.timer-value.active){background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray-800) 100%);border-color:var(--color-black)}.timer-label{font-size:13px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.timer-display:has(.timer-value.active) .timer-label{color:var(--color-gray-400)}.timer-value{font-size:42px;font-weight:700;color:var(--color-black);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:Courier New,monospace;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.timer-value.active{color:var(--color-white);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.timer-status{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-white);letter-spacing:-.01em}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.clock-buttons{display:flex;flex-direction:column;gap:12px}.clock-btn{display:flex;align-items:center;justify-content:center;padding:18px 20px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:var(--shadow-sm)}.clock-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.clock-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.clock-in{background:var(--color-black);color:var(--color-white)}.clock-in:hover{background:var(--color-dark)}.clock-out{background:#ef4444;color:var(--color-white)}.clock-out:hover{background:#dc2626}.btn-text{display:flex;flex-direction:column;gap:2px;align-items:center}.btn-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.btn-subtitle{font-size:12px;opacity:.8;font-weight:400}.today-summary{background:var(--color-gray-50);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-gray-200)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-200)}.summary-header span:first-child{font-size:14px;font-weight:600;color:var(--color-gray-700);letter-spacing:-.01em}.total-hours{font-size:16px;font-weight:700;color:var(--color-black);font-variant-numeric:tabular-nums;font-family:Courier New,monospace;letter-spacing:-.01em}.time-entries{display:flex;flex-direction:column;gap:10px}.time-entry{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);transition:all .2s cubic-bezier(.4,0,.2,1)}.time-entry:hover{border-color:var(--color-gray-300);transform:translate(4px)}.entry-times{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-gray-700);font-variant-numeric:tabular-nums}.entry-separator{color:var(--color-gray-400);font-size:12px}.entry-in{color:#22c55e}.entry-out{color:#ef4444}.entry-duration{font-size:13px;font-weight:700;color:var(--color-black);font-variant-numeric:tabular-nums;font-family:Courier New,monospace}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-box{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-box:hover{background:var(--color-white);border-color:var(--color-black);transform:scale(1.05)}.stat-label{font-size:12px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:18px;font-weight:700;color:var(--color-black);font-variant-numeric:tabular-nums;font-family:Courier New,monospace;letter-spacing:-.02em}@media(max-width:1200px){.time-tracker{position:relative;top:0}}.loading-text{text-align:center;color:var(--color-gray-600);font-size:14px;padding:20px}.empty-state{text-align:center;color:var(--color-gray-500);font-size:14px;padding:32px 20px;background:var(--color-gray-50);border-radius:var(--radius-md)}.empty-state p{margin:0 0 8px}.empty-hint{font-size:12px;color:var(--color-gray-400)}.error-state{text-align:center;padding:32px 20px;background:#fee;border:1px solid #fcc;border-radius:var(--radius-md)}.error-title{font-size:15px;font-weight:600;color:#c00;margin:0 0 8px}.error-message{font-size:13px;color:#a00;margin:0 0 16px}.retry-button{padding:8px 16px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.retry-button:hover{background:var(--color-dark);transform:translateY(-1px)}.rich-text-editor{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden;transition:all .2s}.rich-text-editor:focus-within{border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.rich-text-toolbar button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;color:var(--color-gray-700);transition:all .2s;padding:0}.rich-text-toolbar button:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--color-gray-300)}.rich-text-toolbar button:disabled{opacity:.5;cursor:not-allowed}.rich-text-content{min-height:150px;max-height:400px;padding:16px;font-size:14px;line-height:1.6;color:var(--color-black);overflow-y:auto;outline:none;font-family:inherit}.rich-text-content[contenteditable=false]{background:var(--color-gray-50);cursor:not-allowed}.rich-text-content p{margin:0 0 8px}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content ul,.rich-text-content ol{margin:8px 0;padding-left:24px}.rich-text-content a{color:#2563eb;text-decoration:underline}.rich-text-content a:hover{color:#1d4ed8}.TaskDetailView-task-detail-view{width:100%;max-width:100%;margin:0;padding:0;background:transparent;animation:fadeInUp .4s ease}.TaskDetailView-task-detail-actions{display:flex;gap:12px;margin-top:0;margin-bottom:0;background:var(--color-white);padding:16px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--color-gray-200);flex-wrap:wrap}.TaskDetailView-action-btn{padding:10px 20px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-black);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-action-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px)}.TaskDetailView-action-btn.edit{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.TaskDetailView-action-btn.edit:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.TaskDetailView-action-btn.delete{background:#dc3545;color:var(--color-white);border-color:#dc3545}.TaskDetailView-action-btn.delete:hover{background:#c82333;border-color:#c82333}.TaskDetailView-action-btn.assign{background:var(--color-white);color:var(--color-black);border-color:var(--color-gray-200)}.TaskDetailView-action-btn.assign:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.TaskDetailView-action-select{padding:10px 40px 10px 20px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-black);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.TaskDetailView-action-select:hover{border-color:var(--color-gray-300)}.TaskDetailView-task-detail-content{background:var(--color-white);padding:28px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.TaskDetailView-task-info-grid{display:flex;flex-direction:column;gap:0;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:24px}.TaskDetailView-task-title{font-size:28px;font-weight:700;color:var(--color-black);margin:0 0 20px;line-height:1.3;letter-spacing:-.02em;padding:20px 20px 0}.TaskDetailView-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:16px 20px;background:var(--color-white);align-items:center;border-bottom:1px solid var(--color-gray-200);min-height:60px}.TaskDetailView-info-row:last-of-type{border-bottom:none}.TaskDetailView-info-section{padding:16px 20px;background:var(--color-white);border-top:1px solid var(--color-gray-200)}.TaskDetailView-info-section:last-child{border-top:none}.TaskDetailView-info-item{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:flex-start;min-height:40px}.TaskDetailView-info-item .TaskDetailView-info-badge{margin-top:0}.TaskDetailView-info-item.full-width{grid-column:1 / -1}.TaskDetailView-info-label{font-size:12px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.TaskDetailView-info-value{font-size:14px;color:var(--color-dark);font-weight:500}.TaskDetailView-info-text{font-size:14px;color:var(--color-gray-700);line-height:1.6;margin:5px 0 0;white-space:pre-wrap}.TaskDetailView-info-text.description{background:var(--color-gray-50);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-top:6px;font-size:14px;color:var(--color-gray-700);min-height:20px;line-height:1.6}.TaskDetailView-info-text.description p{margin:0 0 8px}.TaskDetailView-info-text.description p:last-child{margin-bottom:0}.TaskDetailView-info-text.description ul,.TaskDetailView-info-text.description ol{margin:8px 0;padding-left:24px}.TaskDetailView-info-text.description a{color:#2563eb;text-decoration:underline}.TaskDetailView-info-text.description a:hover{color:#1d4ed8}.TaskDetailView-info-badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-align:center;width:fit-content;text-transform:uppercase;letter-spacing:.03em}.TaskDetailView-info-badge.priority-low{background:#e3f2fd;color:#1976d2}.TaskDetailView-info-badge.priority-medium{background:#fff3e0;color:#f57c00}.TaskDetailView-info-badge.priority-high{background:#fce4ec;color:#c2185b}.TaskDetailView-info-badge.priority-urgent{background:#ffebee;color:#c62828;font-weight:700}.TaskDetailView-info-badge.status-todo{background:#f5f5f5;color:#616161}.TaskDetailView-info-badge.status-in_progress{background:#e3f2fd;color:#1976d2}.TaskDetailView-info-badge.status-review{background:#fff3e0;color:#f57c00}.TaskDetailView-info-badge.status-completed{background:#e8f5e9;color:#388e3c}.TaskDetailView-info-badge.status-cancelled{background:#ffebee;color:#d32f2f}.TaskDetailView-task-edit-form{display:flex;flex-direction:column;gap:20px}.TaskDetailView-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.TaskDetailView-form-group{display:flex;flex-direction:column;gap:8px}.TaskDetailView-form-group.full-width{grid-column:1 / -1}.TaskDetailView-form-group label{font-size:14px;font-weight:600;color:var(--color-gray-700);letter-spacing:-.01em}.TaskDetailView-form-group input,.TaskDetailView-form-group select,.TaskDetailView-form-group textarea{padding:10px 15px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:14px;color:var(--color-gray-800);background:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-form-group input:focus,.TaskDetailView-form-group select:focus,.TaskDetailView-form-group textarea:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.TaskDetailView-form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.TaskDetailView-form-actions{display:flex;gap:10px;justify-content:flex-end}.TaskDetailView-btn-cancel,.TaskDetailView-btn-save{padding:10px 24px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-btn-cancel{background:var(--color-gray-200);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.TaskDetailView-btn-cancel:hover{background:var(--color-gray-300);transform:translateY(-1px)}.TaskDetailView-btn-save{background:var(--color-black);color:var(--color-white)}.TaskDetailView-btn-save:hover{background:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.TaskDetailView-task-sections{margin-top:30px;display:flex;flex-direction:column;gap:15px}.TaskDetailView-collapsible-section{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.TaskDetailView-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-black);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-section-header:hover{background:#1a1a1a}.TaskDetailView-section-header h3{margin:0;font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em}.TaskDetailView-toggle-icon{color:#fff;font-size:14px;font-weight:600}.TaskDetailView-section-content{padding:20px;background:var(--color-white)}.TaskDetailView-collapsible-section:has(.TaskDetailView-relations-list) .TaskDetailView-section-content{padding:0}.TaskDetailView-relationship-form{margin-bottom:0;padding:16px;background:var(--color-gray-50);border-radius:0}.TaskDetailView-relationship-input-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.TaskDetailView-relationship-label{font-size:14px;font-weight:500;color:var(--color-gray-700);white-space:nowrap}.TaskDetailView-relationship-type-select{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px;background:var(--color-white);color:var(--color-black);cursor:pointer;min-width:150px}.TaskDetailView-relationship-task-input{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px}.TaskDetailView-btn-add-relationship{padding:8px 16px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.TaskDetailView-btn-add-relationship:hover{background:var(--color-dark);transform:translateY(-1px)}.TaskDetailView-relations-list{display:flex;flex-direction:column}.TaskDetailView-relationship-item{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);font-size:14px}.TaskDetailView-relationship-type{font-weight:600;color:var(--color-gray-700)}.TaskDetailView-relationship-task-id{font-family:Courier New,monospace;font-size:12px;color:var(--color-gray-600);background:var(--color-gray-100);padding:4px 8px;border-radius:4px}.TaskDetailView-relationship-task-id.clickable{color:var(--color-primary);cursor:pointer;transition:all .2s}.TaskDetailView-relationship-task-id.clickable:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.TaskDetailView-relationship-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.TaskDetailView-relationship-status.status-todo{background:#f5f5f5;color:#616161}.TaskDetailView-relationship-status.status-in_progress{background:#e3f2fd;color:#1976d2}.TaskDetailView-relationship-status.status-completed{background:#e8f5e9;color:#388e3c}.TaskDetailView-relationship-project{color:var(--color-gray-600);font-size:13px}.TaskDetailView-relationship-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:all .2s;font-size:16px}.TaskDetailView-relationship-delete:hover{background:#fee;transform:scale(1.1)}.TaskDetailView-activity-list{display:flex;flex-direction:column;gap:12px}.TaskDetailView-activity-item{padding:14px;background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-black);border:1px solid var(--color-gray-200);border-left-width:3px;border-left-color:var(--color-black);transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-activity-item:hover{background:var(--color-white);transform:translate(4px)}.TaskDetailView-activity-time{display:block;font-size:12px;color:var(--color-gray-500);margin-bottom:5px;font-weight:500}.TaskDetailView-activity-item p{margin:0;font-size:14px;color:var(--color-gray-700);line-height:1.5}.TaskDetailView-empty-text{text-align:center;color:var(--color-gray-500);font-size:14px;padding:40px 20px;margin:0}.notes-section{display:flex;flex-direction:column;gap:25px}.TaskDetailView-add-comment{display:flex;flex-direction:column;gap:10px}.TaskDetailView-add-comment textarea{padding:12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:14px;font-family:inherit;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-add-comment textarea:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.TaskDetailView-comment-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.TaskDetailView-attach-file-btn{padding:10px 20px;background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-weight:500;cursor:pointer;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-attach-file-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.TaskDetailView-attached-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.TaskDetailView-attached-file-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:13px}.TaskDetailView-file-name{color:var(--color-gray-700)}.TaskDetailView-remove-file-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}.TaskDetailView-remove-file-btn:hover{transform:scale(1.2)}.TaskDetailView-btn-add-comment{padding:10px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-btn-add-comment:hover{background:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.TaskDetailView-comments-list{display:flex;flex-direction:column;gap:0}.TaskDetailView-comment-item{padding:20px;background:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1)}.TaskDetailView-comment-item:hover{background:var(--color-gray-50)}.TaskDetailView-comment-divider{height:1px;background:var(--color-gray-200);margin:0 20px}.TaskDetailView-comment-layout{display:grid;grid-template-columns:180px 1fr 60px;gap:20px;align-items:start}.TaskDetailView-comment-user-col{display:flex;flex-direction:column;gap:6px;min-width:180px;max-width:180px}.TaskDetailView-comment-user-name{font-size:14px;font-weight:600;color:var(--color-black);word-break:break-word;line-height:1.4}.TaskDetailView-comment-date{font-size:12px;color:var(--color-gray-600);line-height:1.4}.TaskDetailView-comment-content-col{flex:1;min-width:0}.TaskDetailView-comment-content{margin:0;font-size:14px;color:var(--color-gray-800);line-height:1.7;word-wrap:break-word}.TaskDetailView-comment-content p{margin:0 0 8px}.TaskDetailView-comment-content p:last-child{margin-bottom:0}.TaskDetailView-comment-content ul,.TaskDetailView-comment-content ol{margin:8px 0;padding-left:24px}.TaskDetailView-comment-content a{color:#2563eb;text-decoration:underline}.TaskDetailView-comment-content a:hover{color:#1d4ed8}.TaskDetailView-comment-actions-col{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:60px;max-width:60px;padding-top:2px}.TaskDetailView-comment-action-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-300);border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.TaskDetailView-comment-action-icon:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);transform:scale(1.05)}.TaskDetailView-comment-action-icon.delete:hover{background:#fee2e2;border-color:#f87171}.TaskDetailView-comment-edit-form{display:flex;flex-direction:column;gap:12px}.TaskDetailView-comment-edit-textarea{width:100%;padding:12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--color-gray-800);resize:vertical;min-height:120px;line-height:1.6}.TaskDetailView-comment-edit-textarea:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.TaskDetailView-comment-edit-actions{display:flex;gap:8px;justify-content:flex-end}.TaskDetailView-comment-edit-save,.TaskDetailView-comment-edit-cancel{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.TaskDetailView-comment-edit-save{background:var(--color-black);color:var(--color-white)}.TaskDetailView-comment-edit-save:hover{background:var(--color-gray-800)}.TaskDetailView-comment-edit-cancel{background:var(--color-gray-200);color:var(--color-gray-700)}.TaskDetailView-comment-edit-cancel:hover{background:var(--color-gray-300)}@media(max-width:768px){.TaskDetailView-comment-layout{grid-template-columns:140px 1fr 50px;gap:12px}.TaskDetailView-comment-user-col{min-width:140px;max-width:140px}.TaskDetailView-comment-actions-col{min-width:50px;max-width:50px}.TaskDetailView-comment-action-icon{width:24px;height:24px;font-size:12px}}.history-section{display:flex;flex-direction:column;gap:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:14px;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);border-left-width:3px;border-left-color:var(--color-gray-600);transition:all .2s cubic-bezier(.4,0,.2,1)}.history-item:hover{background:var(--color-white);transform:translate(4px)}.history-time{display:block;font-size:12px;color:var(--color-gray-500);margin-bottom:5px;font-weight:500}.history-item p{margin:0;font-size:14px;color:var(--color-gray-700);line-height:1.5}@media(max-width:768px){.TaskDetailView-task-detail-view{padding:0}.TaskDetailView-task-detail-actions{flex-direction:column;padding:12px}.action-btn,.TaskDetailView-action-select{width:100%}.TaskDetailView-task-detail-content{padding:20px}.TaskDetailView-info-row{grid-template-columns:1fr;padding:12px}.TaskDetailView-form-grid{grid-template-columns:1fr}.TaskDetailView-form-actions{flex-direction:column-reverse}.TaskDetailView-btn-cancel,.TaskDetailView-btn-save{width:100%}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);max-width:540px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-content.modal-large{max-width:700px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--color-gray-200)}.modal-header h2{font-size:20px;font-weight:600;color:var(--color-black);margin:0;letter-spacing:-.02em}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-gray-100);color:var(--color-gray-700);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close:hover{background:var(--color-gray-200);color:var(--color-black);transform:rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-form{padding:28px}.modal-error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c00;font-size:14px;margin-bottom:20px}.modal-info{padding:16px;background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.95rem;margin-bottom:20px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--color-gray-700);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--color-black);transition:all .2s}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-group input[type=color]{height:42px;padding:4px;cursor:pointer}.form-group input[type=date]{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.color-input-wrapper{display:flex;align-items:center;gap:12px}.color-input-wrapper input[type=color]{width:60px;height:44px;padding:4px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer}.color-preview{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--color-gray-300)}.color-value{font-size:13px;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;font-family:Courier New,monospace}.modal-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--color-gray-200)}.btn-primary,.btn-secondary,.btn-delete{padding:10px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary:hover:not(:disabled){background:var(--color-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-delete:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.modal-content{margin:20px;max-width:calc(100% - 40px)}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions-right{width:100%;flex-direction:column-reverse}.btn-primary,.btn-secondary,.btn-delete{width:100%}}.project-view{width:100%;animation:fadeInUp .4s ease}.project-header{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.project-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translate(-4px)}.btn-edit-project{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-edit-project:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.project-header-main{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.project-color-badge{width:60px;height:60px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-shrink:0}.project-header-info{flex:1}.project-header-info h1{font-size:32px;font-weight:700;color:var(--color-black);margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.project-description{font-size:16px;color:var(--color-gray-600);margin:0;line-height:1.6}.project-stats-compact{display:flex;align-items:center;gap:24px;padding-top:16px;border-top:1px solid var(--color-gray-200);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .stat-label{font-size:12px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.stat-item .stat-value{font-size:20px;font-weight:700;color:var(--color-black)}.project-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}.project-main-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:16px 20px;background:var(--color-black);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.section-header h2{font-size:16px;font-weight:700;color:var(--color-white);margin:0;letter-spacing:.5px;text-transform:uppercase}.add-task-button{padding:8px 16px;background:var(--color-white);color:var(--color-black);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;gap:6px}.add-task-button:hover{background:var(--color-gray-100);transform:translateY(-1px)}.task-form{background:var(--color-gray-50);padding:20px;border-radius:var(--radius-md);margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.task-input,.task-textarea,.task-select{width:100%;padding:12px 16px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:all .2s}.task-input:focus,.task-textarea:focus,.task-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.task-textarea{resize:vertical;min-height:100px}.task-form-row{display:flex;gap:12px}.task-select{flex:1}.create-task-btn{padding:12px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.create-task-btn:hover{background:var(--color-gray-800);transform:translateY(-1px)}.tasks-container{display:flex;flex-direction:column;gap:12px}.loading-state,.empty-tasks{text-align:center;padding:60px 20px}.loading-state p{color:var(--color-gray-500);font-size:16px}.empty-tasks{background:var(--color-gray-50);border-radius:var(--radius-md);padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-tasks p{color:var(--color-gray-600);margin:0 0 20px;font-size:16px}.create-first-task{padding:12px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.create-first-task:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tasks-table{display:flex;flex-direction:column;border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;background:var(--color-white)}.tasks-table-header{display:grid;grid-template-columns:2fr 140px 140px 160px 120px;gap:20px;padding:14px 20px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:11px;font-weight:700;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.8px;align-items:center}.task-row{display:grid;grid-template-columns:2fr 140px 140px 160px 120px;gap:20px;padding:16px 20px;border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:all .2s;align-items:center;background:var(--color-white);min-height:60px}.task-row:hover{background:var(--color-gray-50)}.task-title-compact{font-size:15px;font-weight:600;color:var(--color-black);margin-bottom:6px;line-height:1.4}.task-description-compact{font-size:13px;color:var(--color-gray-500);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.priority-badge,.status-badge{padding:6px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;white-space:nowrap}.priority-low{background:#e3f2fd;color:#1976d2}.priority-medium{background:#fff3e0;color:#f57c00}.priority-high{background:#fce4ec;color:#c2185b}.priority-urgent{background:#ffebee;color:#c62828}.status-todo{background:#f5f5f5;color:#616161}.status-progress{background:#e3f2fd;color:#1976d2}.status-review{background:#fff3e0;color:#f57c00}.status-completed{background:#e8f5e9;color:#388e3c}.status-cancelled{background:#ffebee;color:#d32f2f}.table-col-title{min-width:0;display:flex;flex-direction:column;justify-content:center}.table-col-priority,.table-col-status{display:flex;align-items:center;justify-content:flex-start}.table-col-assignee{font-size:14px;color:var(--color-gray-700);display:flex;align-items:center}.assignee-name{color:var(--color-gray-900);font-weight:500}.assignee-empty{color:var(--color-gray-400);font-style:italic}.table-col-date{font-size:14px;display:flex;align-items:center}.due-date-text{color:var(--color-gray-700)}.date-empty{color:var(--color-gray-400)}.project-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.sidebar-section h3{font-size:18px;font-weight:700;color:var(--color-black);margin:0 0 20px;letter-spacing:-.01em;padding-bottom:16px;border-bottom:1px solid var(--color-gray-200)}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-gray-100)}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;font-weight:500;color:var(--color-gray-600)}.info-value{font-size:14px;font-weight:600;color:var(--color-black)}.activity-feed{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.activity-item{padding:14px 16px;background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-black);transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-content{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.activity-content p{margin:0;font-size:14px;color:var(--color-gray-700);line-height:1.5;flex:1}.activity-content strong{color:var(--color-black);font-weight:600}.activity-time{font-size:12px;color:var(--color-gray-500);white-space:nowrap;flex-shrink:0}.empty-activity{text-align:center;padding:32px 16px;color:var(--color-gray-500)}.empty-activity p{margin:0;font-size:14px}@media(max-width:1024px){.project-content{grid-template-columns:1fr}.tasks-table-header,.task-row{grid-template-columns:2fr 100px 100px 120px 80px;gap:12px;padding:12px}.task-title-compact{font-size:14px}}@media(max-width:768px){.project-header{padding:20px}.project-header-top{flex-direction:column;align-items:stretch;gap:12px}.back-button,.btn-edit-project{width:100%;justify-content:center}.project-header-main{flex-direction:column;align-items:center;text-align:center}.project-header-info h1{font-size:24px}.project-stats-compact{gap:16px}.tasks-table-header,.task-row{grid-template-columns:1fr;gap:8px}.tasks-table-header{display:none}.task-row{padding:16px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:8px}.table-col-title,.table-col-priority,.table-col-status,.table-col-assignee,.table-col-date{display:flex;align-items:center;gap:8px}.table-col-priority:before{content:"Prioridad: ";font-weight:600;color:var(--color-gray-600);font-size:12px}.table-col-status:before{content:"Estado: ";font-weight:600;color:var(--color-gray-600);font-size:12px}.table-col-assignee:before{content:"Asignada a: ";font-weight:600;color:var(--color-gray-600);font-size:12px}.table-col-date:before{content:"Fecha: ";font-weight:600;color:var(--color-gray-600);font-size:12px}.project-main-section,.sidebar-section{padding:20px}.task-form-row{flex-direction:column}.create-task-btn{width:100%}}.projects-view{width:100%;animation:fadeInUp .4s ease}.projects-header{margin-bottom:32px}.projects-filters{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-size:14px;font-weight:500;color:var(--color-gray-700)}.filter-group select{padding:10px 16px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-900);font-size:14px;cursor:pointer;transition:all .2s;min-width:150px}.filter-group select:hover{border-color:var(--color-gray-400)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.btn-create-project{padding:12px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-create-project:hover{background:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.projects-loading,.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.projects-loading p{color:var(--color-gray-500);font-size:16px}.empty-illustration{color:var(--color-gray-300);margin-bottom:24px}.projects-empty h2{font-size:24px;color:var(--color-gray-900);margin:0 0 12px}.projects-empty p{color:var(--color-gray-600);font-size:16px;margin:0 0 32px}.btn-create-first{padding:14px 28px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-first:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.project-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-gray-300)}.project-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.project-color-indicator{width:40px;height:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0}.project-status-badge{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-status-badge.status-active{background:#e3f2fd;color:#1976d2}.project-status-badge.status-on-hold{background:#fff3e0;color:#f57c00}.project-status-badge.status-completed{background:#e8f5e9;color:#388e3c}.project-status-badge.status-archived{background:var(--color-gray-200);color:var(--color-gray-600)}.project-card-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}.project-card-body h3{font-size:22px;font-weight:700;color:var(--color-black);margin:0;line-height:1.3}.project-description{color:var(--color-gray-600);font-size:14px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-progress{margin-top:auto}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.progress-value{font-size:14px;font-weight:700;color:var(--color-black)}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-full);transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.project-card-footer{padding:16px 24px;background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.project-dates{display:flex;flex-direction:column;gap:6px}.date-item{font-size:12px;color:var(--color-gray-600);display:flex;align-items:center;gap:6px}.date-item:before{content:"📅";font-size:14px}.date-item-empty{font-size:12px;color:var(--color-gray-400);font-style:italic}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media(max-width:768px){.projects-filters,.filter-group{flex-direction:column;align-items:stretch}.filter-group select,.btn-create-project{width:100%}.projects-grid{grid-template-columns:1fr;gap:16px}.project-card-header{padding:16px 20px}.project-card-body{padding:20px}.project-card-footer{padding:12px 20px}}.calendar-view{width:100%;margin:0;animation:fadeInUp .4s ease;display:flex;flex-direction:column;height:calc(100vh - 130px);min-height:600px}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.calendar-controls-right{display:flex;align-items:center;gap:12px}.btn-create-event{padding:12px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.btn-create-event:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.calendar-navigation{display:flex;align-items:center;gap:16px}.btn-nav{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-nav:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:scale(1.05)}.current-month{font-size:24px;font-weight:600;color:var(--color-black);margin:0;letter-spacing:-.02em;min-width:250px;text-align:center}.btn-today{padding:10px 20px;background:var(--color-gray-100);color:var(--color-gray-800);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-today:hover{background:var(--color-gray-200);border-color:var(--color-gray-300);transform:translateY(-1px)}.calendar-grid{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.weekday{padding:16px;text-align:center;font-size:13px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);flex:1;min-height:0}.calendar-day{padding:10px;border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;min-height:0;overflow:hidden}.calendar-day:hover{background:var(--color-gray-50);box-shadow:inset 0 0 0 2px var(--color-gray-300);z-index:1}.calendar-day.other-month{background:var(--color-gray-50);opacity:.5}.calendar-day.other-month .day-number{color:var(--color-gray-400)}.calendar-day.today{background:#00000005}.calendar-day.today .day-number{background:var(--color-black);color:var(--color-white);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.day-number{font-size:14px;font-weight:600;color:var(--color-gray-800);margin-bottom:8px;width:fit-content}.day-events{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.event-pill{padding:4px 8px;background:var(--color-gray-100);border-radius:4px;border-left:3px solid var(--color-black);font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:2px}.event-pill:hover{background:var(--color-gray-200);transform:translate(2px);box-shadow:var(--shadow-sm)}.event-time{font-size:10px;font-weight:600;color:var(--color-gray-600)}.event-title{font-size:12px;font-weight:500;color:var(--color-gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{font-size:11px;color:var(--color-gray-500);font-weight:600;padding:4px 8px;text-align:center;background:var(--color-gray-100);border-radius:4px;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.event-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color-black);letter-spacing:-.02em}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);color:var(--color-gray-700);font-size:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-close:hover{background:var(--color-gray-200);color:var(--color-black);transform:scale(1.1)}.event-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:var(--color-gray-700);letter-spacing:-.01em}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:14px;color:var(--color-gray-800);background:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker-wrapper input[type=color]{width:60px;height:44px;padding:4px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer}.color-value{font-size:14px;font-weight:600;color:var(--color-gray-700);text-transform:uppercase}.checkbox-group{flex-direction:row;align-items:center;gap:12px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--color-gray-200)}.modal-actions-right{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-delete{padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--color-black);color:var(--color-white)}.btn-primary:hover{background:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-300);transform:translateY(-1px)}.btn-delete{background:#dc3545;color:var(--color-white)}.btn-delete:hover{background:#c82333;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:1024px){.calendar-view{height:calc(100vh - 130px)}}@media(max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start;gap:16px}.calendar-header-left h1{font-size:24px}.btn-create-event{width:100%}.calendar-controls{flex-direction:column;gap:16px}.calendar-navigation{width:100%;justify-content:space-between}.current-month{font-size:20px;min-width:auto}.btn-today{width:100%}.calendar-view{height:calc(100vh - 130px)}.calendar-day{padding:6px}.day-number{font-size:12px}.event-pill{padding:3px 6px}.event-time,.event-title{font-size:10px}.form-row{grid-template-columns:1fr}.modal-content{width:95%}.modal-header,.event-form{padding:20px}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-actions-right{width:100%;flex-direction:column}.btn-primary,.btn-secondary,.btn-delete{width:100%}}.tasks-view{width:100%;animation:fadeInUp .4s ease}.tasks-content{display:grid;grid-template-columns:1fr 400px;gap:28px;width:100%}.tasks-main{min-width:0}.tasks-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px)}.filter-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black);box-shadow:var(--shadow-sm)}.task-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.task-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:var(--color-white);border-bottom:1px solid rgba(255,255,255,.1)}.task-section-header h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--color-white)}.task-count{background:#fff3;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-view-all{padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:var(--color-white);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-view-all:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.tasks-list{display:flex;flex-direction:column;animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:5000px}}.task-row{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color-white)}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--color-gray-50);transform:translate(4px)}.task-row-left{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.task-id{font-size:13px;font-weight:700;color:#1a1a1a;background:#1a1a1a14;padding:6px 12px;border-radius:var(--radius-sm);font-family:Courier New,monospace;white-space:nowrap;flex-shrink:0}.task-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.task-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-project{font-size:13px;font-weight:600;color:var(--color-gray-600);white-space:nowrap;flex-shrink:0}.task-title{font-size:14px;font-weight:500;color:var(--color-gray-900);line-height:1.4}.task-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-gray-500);flex-wrap:wrap}.task-meta-item{font-weight:500}.task-meta-separator{color:var(--color-gray-400)}.task-priority{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.task-priority.priority-low{background:#e3f2fd;color:#1976d2}.task-priority.priority-medium{background:#fff3e0;color:#f57c00}.task-priority.priority-high{background:#fce4ec;color:#c2185b}.task-priority.priority-urgent{background:#ffebee;color:#c62828}.task-date{font-weight:400}.task-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.status-badge{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-badge.status-todo{background:#f5f5f5;color:#616161}.status-badge.status-in_progress{background:#e3f2fd;color:#1976d2}.status-badge.status-review{background:#fff3e0;color:#f57c00}.status-badge.status-completed{background:#e8f5e9;color:#388e3c}.status-badge.status-cancelled{background:#ffebee;color:#d32f2f}.task-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s}.task-row:hover .task-actions{opacity:1}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-action:hover{background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-black);transform:scale(1.1)}.empty-tasks{padding:60px 24px;text-align:center;color:var(--color-gray-500);font-size:15px}.loading-state{padding:60px 24px;text-align:center;color:var(--color-gray-500);font-size:15px;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.tasks-sidebar{position:sticky;top:20px;height:fit-content}.timeline-panel{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.timeline-header{padding:20px 24px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.timeline-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-black);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.date-filters{padding:16px 24px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.date-filters input[type=date]{padding:10px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:13px;color:var(--color-gray-700);background:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1)}.date-filters input[type=date]:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.activities-list{padding:16px 24px;max-height:calc(100vh - 300px);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;padding:12px;background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid #1a1a1a;transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-item:hover{background:var(--color-white);box-shadow:var(--shadow-sm);transform:translate(4px)}.activity-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:50%;border:2px solid var(--color-gray-200)}.activity-content{flex:1;min-width:0}.activity-text{font-size:13px;color:var(--color-gray-700);line-height:1.5;margin-bottom:6px}.activity-text strong{font-weight:600;color:var(--color-black)}.activity-time{font-size:12px;color:var(--color-gray-500);font-weight:500;display:flex;align-items:center;gap:4px}.empty-activities{padding:40px 20px;text-align:center;color:var(--color-gray-500);font-size:14px}.activities-list::-webkit-scrollbar{width:6px}.activities-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.activities-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.activities-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media(max-width:1200px){.tasks-content{grid-template-columns:1fr}.tasks-sidebar{position:relative;top:0}.activities-list{max-height:500px}}@media(max-width:768px){.tasks-header h1{font-size:24px}.tasks-filters{gap:8px}.filter-btn{font-size:13px;padding:8px 16px}.task-section-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}.task-section-header h2{font-size:16px}.btn-view-all{width:100%}.task-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.task-row-left{width:100%}.task-row-right{width:100%;justify-content:space-between}.task-actions{opacity:1}.timeline-header{padding:16px 20px}.date-filters{padding:12px 20px}.activities-list{padding:12px 20px;max-height:400px}}.time-tracking-view{max-width:1400px;margin:0 auto;animation:fadeInUp .6s ease}.time-tracking-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.time-tracking-card{background:var(--color-white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .3s cubic-bezier(.4,0,.2,1)}.time-tracking-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.time-tracking-card h2{font-size:19px;font-weight:600;color:var(--color-black);margin:0 0 24px;letter-spacing:-.02em}.clock-section{grid-column:1 / -1}.clock-display{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;padding:32px;background:var(--color-gray-50);border-radius:var(--radius-lg)}.current-time-display{font-size:48px;font-weight:700;color:var(--color-black);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.active-timer{display:flex;flex-direction:column;align-items:center;gap:8px}.timer-label{font-size:13px;color:var(--color-gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.timer-value{font-size:32px;font-weight:700;color:var(--color-primary, #000);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.clock-buttons{display:flex;justify-content:center;gap:16px}.clock-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.clock-in-btn{background:var(--color-black);color:var(--color-white)}.clock-in-btn:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.clock-out-btn{background:#ef4444;color:var(--color-white)}.clock-out-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.today-section{max-height:600px;overflow-y:auto}.active-entry-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;font-weight:500;color:#92400e}.status-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.entries-list{display:flex;flex-direction:column;gap:12px}.entry-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all .2s cubic-bezier(.4,0,.2,1)}.entry-item:hover{background:var(--color-white);border-color:var(--color-gray-300);transform:translate(4px)}.entry-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-md);color:var(--color-gray-600);flex-shrink:0}.entry-details{flex:1;display:flex;justify-content:space-between;align-items:center}.entry-times{display:flex;align-items:center;gap:8px}.entry-time{font-size:15px;font-weight:500;color:var(--color-dark);font-variant-numeric:tabular-nums}.entry-separator{color:var(--color-gray-400);font-size:14px}.entry-duration{font-size:14px;font-weight:600;color:var(--color-gray-600);font-variant-numeric:tabular-nums}.stats-section{grid-column:1 / -1}.week-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card{padding:24px;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:var(--color-white);border-color:var(--color-gray-300);transform:translateY(-2px)}.stat-label{font-size:13px;color:var(--color-gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--color-black);letter-spacing:-.02em}.daily-breakdown h3{font-size:16px;font-weight:600;color:var(--color-black);margin:0 0 16px;letter-spacing:-.01em}.daily-list{display:flex;flex-direction:column;gap:12px}.daily-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all .2s cubic-bezier(.4,0,.2,1)}.daily-item:hover{background:var(--color-white);border-color:var(--color-gray-300)}.daily-day{display:flex;flex-direction:column;gap:4px}.day-name{font-size:15px;font-weight:600;color:var(--color-black);text-transform:capitalize}.day-date{font-size:13px;color:var(--color-gray-600)}.daily-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.daily-hours{font-size:16px;font-weight:600;color:var(--color-black);font-variant-numeric:tabular-nums}.daily-sessions{font-size:12px;color:var(--color-gray-600)}.empty-state{text-align:center;padding:40px 20px;color:var(--color-gray-500)}.empty-state p{margin:0;font-size:15px}.loading-text{text-align:center;padding:40px;color:var(--color-gray-500);font-size:15px}@media(max-width:1200px){.time-tracking-content,.week-stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.time-tracking-view{padding:24px 20px}.time-tracking-header h1{font-size:28px}.current-time-display{font-size:36px}.clock-buttons{flex-direction:column}.clock-btn{width:100%;justify-content:center}}.organization-settings{width:100%;max-width:1200px;margin:0 auto;animation:fadeInUp .4s ease}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-gray-200)}.card-header h2{font-size:20px;font-weight:600;color:var(--color-black);margin:0;letter-spacing:-.02em}.btn-edit{padding:8px 16px;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-edit:hover{background:var(--color-gray-200);border-color:var(--color-gray-300);transform:translateY(-1px)}.org-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--color-gray-700)}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:14px;color:var(--color-gray-800);background:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.form-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--color-gray-200)}.btn-save{padding:10px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-save:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.org-info{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--color-gray-50);border-radius:var(--radius-md)}.info-label{font-size:12px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:var(--color-gray-900);font-weight:500}.invite-form{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:var(--color-gray-50);border-radius:var(--radius-md)}.invite-input{flex:1;padding:10px 16px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:14px;color:var(--color-gray-800);background:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1)}.invite-input:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.btn-invite{padding:10px 20px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-invite:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.member-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all .2s cubic-bezier(.4,0,.2,1)}.member-item:hover{background:var(--color-white);box-shadow:var(--shadow-sm)}.member-info{display:flex;align-items:center;gap:16px;flex:1}.member-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-black);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.member-details{display:flex;flex-direction:column;gap:4px;min-width:0}.member-name{font-size:15px;font-weight:600;color:var(--color-black)}.member-actions{display:flex;align-items:center;gap:12px}.role-badge{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-badge.role-owner{background:gold;color:#8b6914}.role-badge.role-admin{background:#e3f2fd;color:#1976d2}.role-badge.role-member{background:#f5f5f5;color:#616161}.btn-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:50%;color:var(--color-gray-600);font-size:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-remove:hover{background:#fee;border-color:#fcc;color:#c00;transform:scale(1.1)}.loading-state,.empty-state{padding:60px 24px;text-align:center;color:var(--color-gray-500);font-size:15px}@media(max-width:768px){.settings-header h1{font-size:24px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-edit{width:100%}.invite-form{flex-direction:column}.btn-invite{width:100%}.member-item{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%;justify-content:space-between}}.org-info-box{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.info-text{font-size:14px;color:var(--color-gray-700);line-height:1.6;margin:0 0 12px}.info-text:last-child{margin-bottom:0}.error-message{background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c00;padding:12px 16px;margin-bottom:20px;font-size:14px}.btn-save:disabled{opacity:.6;cursor:not-allowed}.settings-container{max-width:1400px;margin:0 auto;animation:fadeInUp .6s ease}.settings-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.settings-coming-soon h2{font-size:32px;font-weight:700;color:var(--color-black);margin:0 0 16px;letter-spacing:-.02em}.settings-coming-soon p{font-size:18px;color:var(--color-gray-600);margin:0}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-message{padding:16px 20px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-message.success{background:#d1fae5;color:#065f46;border:1px solid #34d399}.settings-message.error{background:#fee2e2;color:#991b1b;border:1px solid #f87171}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.settings-tabs{background:var(--color-white);border-radius:var(--radius-lg);padding:12px;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);position:sticky;top:90px}.settings-tab{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;color:var(--color-gray-700);text-align:left}.settings-tab:hover{background:var(--color-gray-100);color:var(--color-black)}.settings-tab.active{background:var(--color-black);color:var(--color-white)}.tab-icon{font-size:20px}.tab-label{flex:1}.settings-content{background:var(--color-white);border-radius:var(--radius-lg);padding:40px;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);min-height:600px}.settings-section h2{font-size:28px;font-weight:700;color:var(--color-black);margin:0 0 8px;letter-spacing:-.02em}.settings-section h3{font-size:20px;font-weight:600;color:var(--color-black);margin:0 0 12px}.section-description{font-size:15px;color:var(--color-gray-600);margin:0 0 32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--color-black);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:15px;color:var(--color-black);transition:all .2s;font-family:inherit;background:var(--color-white)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000001a}.form-group input.input-disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form-group small{display:block;margin-top:6px;font-size:13px;color:var(--color-gray-500)}.form-group textarea{resize:vertical;min-height:100px}.btn-save{padding:12px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-save:hover{background:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-save:active{transform:translateY(0)}.btn-save:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}.btn-secondary{padding:10px 20px;background:var(--color-white);color:var(--color-black);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-black)}.btn-danger{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.divider{height:1px;background:var(--color-gray-200);margin:40px 0}.invite-form{display:flex;gap:12px;margin-bottom:24px}.invite-input{flex:1;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:15px}.invite-input:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0000001a}.btn-invite{padding:12px 24px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-invite:hover{background:var(--color-gray-800)}.btn-invite:disabled{background:var(--color-gray-300);cursor:not-allowed}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all .2s}.member-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.member-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-black);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-size:15px;font-weight:600;color:var(--color-black);margin-bottom:4px}.member-email{font-size:13px;color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{padding:4px 12px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--color-gray-700);text-transform:capitalize}.btn-remove{padding:8px 16px;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-remove:hover{background:#ef4444;color:#fff}.no-organization{text-align:center;padding:60px 20px}.no-org-icon{font-size:64px;margin-bottom:20px}.no-organization h3{font-size:24px;margin-bottom:12px}.no-organization p{font-size:15px;color:var(--color-gray-600)}.toggle-group{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all .2s}.toggle-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.toggle-info{flex:1}.toggle-label{font-size:15px;font-weight:600;color:var(--color-black);margin-bottom:4px}.toggle-description{font-size:13px;color:var(--color-gray-600)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-300);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-black)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.security-item{display:flex;gap:20px;padding:24px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:16px}.security-icon{font-size:32px;flex-shrink:0}.security-info{flex:1}.security-info h3{font-size:18px;margin-bottom:8px}.security-info p{font-size:14px;color:var(--color-gray-600);margin-bottom:16px}.danger-zone{margin-top:40px;padding:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md)}.danger-zone h3{color:#991b1b;margin-bottom:8px}.danger-zone p{font-size:14px;color:#991b1b;margin-bottom:16px}@media(max-width:1024px){.settings-layout{grid-template-columns:240px 1fr;gap:24px}.settings-content{padding:32px}}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;gap:20px}.settings-tabs{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.settings-tab{padding:12px;font-size:14px}.tab-icon{font-size:18px}.settings-content{padding:24px}.settings-header h1{font-size:28px}.member-item{flex-wrap:wrap}.btn-remove{width:100%;margin-top:8px}.invite-form{flex-direction:column}}.modal-content-large{max-width:800px;width:100%}.task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--color-black);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.task-modal-title{display:flex;align-items:center;color:#fff}.task-modal-title h2{font-size:18px;font-weight:600;margin:0;color:#fff}.task-modal-form{padding:28px;max-height:calc(90vh - 80px);overflow-y:auto}.required-asterisk{color:#dc3545;margin-left:2px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.rich-text-editor{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white)}.rich-text-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap}.rich-text-toolbar button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;color:var(--color-gray-700);transition:all .2s}.rich-text-toolbar button:hover{background:var(--color-gray-200);color:var(--color-black)}.rich-text-toolbar button strong,.rich-text-toolbar button em,.rich-text-toolbar button u,.rich-text-toolbar button s{font-weight:600;font-style:normal;text-decoration:none}.toolbar-separator{width:1px;height:20px;background:var(--color-gray-300);margin:0 4px}.rich-text-content{min-height:200px;max-height:400px;padding:16px;font-size:14px;line-height:1.6;color:var(--color-black);overflow-y:auto;outline:none}.rich-text-content:empty:before{content:attr(data-placeholder);color:var(--color-gray-400)}.rich-text-content:focus{outline:none}.file-upload-info{font-size:12px;color:var(--color-gray-600);margin-bottom:8px}.file-drop-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);padding:40px 20px;text-align:center;background:var(--color-gray-50);cursor:pointer;transition:all .2s;margin-bottom:12px}.file-drop-zone:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.file-drop-zone.dragging{border-color:#2563eb;background:#eff6ff}.file-drop-icon{color:#2563eb;margin-bottom:12px;display:flex;justify-content:center}.file-drop-text{font-size:14px;color:var(--color-gray-600);margin:0;line-height:1.5}.attached-files-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attached-file-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:13px}.file-name{flex:1;color:var(--color-gray-700);font-weight:500}.file-size{color:var(--color-gray-500);font-size:12px}.file-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:4px;font-size:16px;transition:all .2s}.file-remove:hover{background:var(--color-gray-200);color:var(--color-black)}.task-modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-gray-200)}.required-note{font-size:12px;color:#dc3545}@media(max-width:768px){.form-row{grid-template-columns:1fr}.task-modal-actions{flex-direction:column;gap:12px;align-items:stretch}.required-note{text-align:center}}.requires-organization{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin:20px auto;max-width:600px;animation:fadeInUp .4s ease}.requires-org-icon{margin-bottom:24px;color:var(--color-gray-400)}.requires-org-icon svg{width:80px;height:80px}.requires-organization h3{font-size:24px;font-weight:700;color:var(--color-black);margin:0 0 12px}.requires-org-message{font-size:16px;color:var(--color-gray-600);line-height:1.6;margin:0 0 16px}.requires-org-action{font-size:14px;color:var(--color-gray-700);margin:0;padding:16px 20px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.requires-org-action strong{color:var(--color-black);font-weight:600}@media(max-width:768px){.requires-organization{padding:40px 20px}.requires-org-icon svg{width:60px;height:60px}.requires-organization h3{font-size:20px}.requires-org-message{font-size:14px}}.dashboard-container{display:flex;min-height:100vh;background:var(--color-gray-50)}.dashboard-main{flex:1;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-container.sidebar-collapsed .dashboard-main{margin-left:70px}.dashboard-content{margin-top:50px;padding:40px;min-height:calc(100vh - 50px)}.welcome-section{margin-bottom:40px;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-section h1{font-size:36px;font-weight:700;color:var(--color-black);margin:0 0 10px;letter-spacing:-.03em}.welcome-section p{color:var(--color-gray-600);font-size:17px;margin:0;font-weight:400}.dashboard-layout{display:grid;grid-template-columns:380px 1fr;gap:32px;animation:fadeInUp .6s ease .1s both;align-items:stretch;min-height:calc(100vh - 90px)}.time-tracker-panel{display:flex;flex-direction:column;height:100%}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-auto-rows:1fr;gap:28px;align-items:stretch}.dashboard-card{background:var(--color-white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.dashboard-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300);transform:translateY(-4px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-header h3{font-size:19px;font-weight:600;color:var(--color-black);margin:0;letter-spacing:-.02em}.card-badge{background:var(--color-black);color:var(--color-white);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:-.01em;box-shadow:var(--shadow-sm)}.card-content{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.task-item{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;background:var(--color-gray-50)}.task-item:hover{background:var(--color-white);border-color:var(--color-gray-200);transform:translate(4px);box-shadow:var(--shadow-sm)}.task-checkbox{width:22px;height:22px;border:2px solid var(--color-gray-300);border-radius:50%;flex-shrink:0;margin-top:2px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;background:var(--color-white)}.task-checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:var(--color-white);font-size:12px;font-weight:700;transition:transform .2s cubic-bezier(.4,0,.2,1)}.task-checkbox:hover{border-color:var(--color-black);transform:scale(1.1)}.task-checkbox.checked{background:var(--color-black);border-color:var(--color-black)}.task-checkbox.checked:after{transform:translate(-50%,-50%) scale(1)}.task-item:hover .task-checkbox:not(.checked){background:var(--color-gray-100)}.task-checkbox.unassigned-indicator{border-color:var(--color-gray-400);background:var(--color-gray-200);cursor:default}.task-checkbox.unassigned-indicator:after{content:"?";color:var(--color-gray-600);transform:translate(-50%,-50%) scale(1);font-size:14px}.task-checkbox.unassigned-indicator:hover{transform:none;border-color:var(--color-gray-400)}.task-details{flex:1}.task-title{font-size:15px;color:var(--color-dark);margin:0 0 6px;font-weight:500;letter-spacing:-.01em}.task-date{font-size:13px;color:var(--color-gray-500);font-weight:400}.project-item{display:flex;gap:14px;align-items:flex-start;padding:12px;margin:0 -12px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.project-item:hover{background:var(--color-gray-50);transform:translate(4px)}.project-color{width:4px;height:48px;border-radius:2px;flex-shrink:0;background:var(--color-black);box-shadow:var(--shadow-sm)}.project-details{flex:1}.project-name{font-size:15px;font-weight:500;color:var(--color-dark);margin:0 0 10px;letter-spacing:-.01em}.project-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:10px;background:var(--color-gray-200);border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-black) 0%,var(--color-gray-800) 100%);border-radius:20px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.progress-text{font-size:13px;font-weight:700;color:var(--color-gray-600);min-width:40px;text-align:right;letter-spacing:-.01em}.stats-card h3{font-size:19px;font-weight:600;color:var(--color-black);margin:0 0 24px;letter-spacing:-.02em}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;flex:1;align-content:start}.stat-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--color-gray-50);border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-gray-200)}.stat-item:hover{background:var(--color-white);border-color:var(--color-black);transform:scale(1.05)}.stat-value{font-size:38px;font-weight:700;color:var(--color-black);letter-spacing:-.03em;line-height:1}.stat-label{font-size:14px;color:var(--color-gray-600);font-weight:500;letter-spacing:-.01em}.activity-card h3{font-size:19px;font-weight:600;color:var(--color-black);margin:0 0 24px;letter-spacing:-.02em}.activity-list{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto}.activity-details{flex:1}.activity-details p{font-size:15px;color:var(--color-dark);margin:0 0 6px;font-weight:400;letter-spacing:-.01em}.activity-details strong{font-weight:600;color:var(--color-black)}.activity-time{font-size:13px;color:var(--color-gray-500);font-weight:400}@media(max-width:1200px){.dashboard-layout{grid-template-columns:1fr}.time-tracker-panel{order:-1}}@media(max-width:768px){.dashboard-main{margin-left:0}.dashboard-content{padding:24px 20px}.welcome-section h1{font-size:28px}.welcome-section p{font-size:15px}.dashboard-layout{gap:20px}.dashboard-grid{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:1fr}.dashboard-card{padding:20px}}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background);color:var(--color-text-secondary);font-size:1.1rem}.dashboard-new-layout{display:flex;flex-direction:column;gap:24px;animation:fadeInUp .6s ease .1s both}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:8px}.summary-card{background:var(--color-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:8px}.summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300);transform:translateY(-2px)}.summary-card-label{font-size:13px;color:var(--color-gray-600);font-weight:500;letter-spacing:-.01em}.summary-card-value{font-size:28px;font-weight:700;color:var(--color-black);letter-spacing:-.02em;line-height:1}.dashboard-main-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:8px}.dashboard-right-column{display:flex;flex-direction:column;gap:24px}.task-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-gray-200);margin-bottom:20px}.task-tab{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border-bottom:2px solid transparent;margin-bottom:-2px}.task-tab:hover{color:var(--color-black)}.task-tab.active{color:var(--color-black);border-bottom-color:var(--color-black)}.event-item{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-gray-200)}.event-item:last-child{border-bottom:none}.event-date{font-size:12px;font-weight:600;color:var(--color-gray-600);min-width:60px;text-transform:uppercase;letter-spacing:.5px}.event-details{flex:1;display:flex;flex-direction:column;gap:4px}.event-title{font-size:15px;font-weight:500;color:var(--color-dark);margin:0;letter-spacing:-.01em}.event-time{font-size:13px;color:var(--color-gray-500);font-weight:400}.event-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--color-gray-600);background:var(--color-gray-100);padding:2px 8px;border-radius:12px;margin-top:4px;align-self:flex-start}.projects-progress-section{margin-top:0}.projects-progress-list{display:flex;flex-direction:column;gap:20px}.project-progress-item{display:flex;flex-direction:column;gap:8px}.project-progress-header{display:flex;justify-content:space-between;align-items:center}.project-progress-name{font-size:15px;font-weight:500;color:var(--color-dark);letter-spacing:-.01em}.project-progress-percentage{font-size:14px;font-weight:600;color:var(--color-gray-600)}.project-progress-bar{width:100%;height:12px;background:var(--color-gray-200);border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.project-progress-fill{height:100%;border-radius:20px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.activity-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-gray-300);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--color-black);flex-shrink:0;margin-right:12px}.activity-item{display:flex;align-items:flex-start;padding:12px 16px;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-item:hover{transform:translate(4px);border-color:var(--color-gray-300);background:var(--color-white)}.task-urgent{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;margin-left:auto}@media(max-width:1200px){.dashboard-main-content{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-content{padding:24px 20px}.summary-cards{grid-template-columns:1fr;gap:16px}.dashboard-main-content{gap:20px}.dashboard-card{padding:20px}}#root{width:100%;min-height:100vh;margin:0;padding:0;background:var(--color-gray-50)}