*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#1f2937;--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition-fast:150ms ease-in-out;--transition:250ms ease-in-out;--transition-slow:350ms ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400);-webkit-transition:background .25s ease-in-out;transition:background .25s ease-in-out;-webkit-transition:background var(--transition);transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}::selection{background:#818cf8;background:var(--primary-light);color:#fff}.layout{background:#0000;display:flex;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid #ffffff1a;box-shadow:var(--shadow-xl);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:all var(--transition);width:280px;z-index:1000}.sidebar.closed{width:80px}.sidebar-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-lg)}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;overflow:hidden;white-space:nowrap}.sidebar.closed .sidebar-header h2{display:none}.toggle-btn{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition)}.toggle-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar-menu{flex:1 1;list-style:none;padding:20px 0}.sidebar-menu li{margin:5px 0}.sidebar-menu a{align-items:center;border-radius:var(--radius);color:#fffc;display:flex;font-weight:500;gap:var(--spacing);margin:0 var(--spacing-sm);padding:var(--spacing) var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition)}.sidebar-menu a:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 var(--radius-full) var(--radius-full) 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height var(--transition);width:3px}.sidebar-menu a:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.sidebar-menu a:hover:before{height:60%}.sidebar-menu a.active{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:var(--shadow-md);color:#fff}.sidebar-menu a.active:before{height:80%}.sidebar.closed .sidebar-menu a span{display:none}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);box-shadow:var(--shadow-md);flex-shrink:0;font-weight:700;height:48px;justify-content:center;transition:transform var(--transition);width:48px}.user-avatar:hover{transform:scale(1.1)}.user-details{flex:1 1;min-width:0}.user-name{font-weight:600}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffffb3;font-size:12px}.sidebar.closed .user-details{display:none}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;transition:margin-left var(--transition)}.sidebar.closed~.main-content{margin-left:80px}.topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-menu-btn{background:none;border:none;color:#2c3e50;cursor:pointer;display:none;font-size:24px}.topbar-right{align-items:center;display:flex;gap:20px}.notifications-container{position:relative}.notification-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius);color:var(--gray-700);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:var(--spacing-sm);position:relative;transition:all var(--transition)}.notification-btn:hover{background:var(--gray-200);transform:scale(1.05)}.badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.notifications-dropdown{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);margin-top:var(--spacing);max-height:500px;overflow-y:auto;position:absolute;right:0;top:100%;width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.notifications-header h3{font-size:16px;margin:0}.notifications-header button{background:none;border:none;color:#3498db;cursor:pointer;font-size:12px}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #eee;cursor:pointer;padding:15px;transition:background .2s}.notification-item:hover{background:#f5f5f5}.notification-item.unread{background:#e3f2fd}.notification-title{color:#2c3e50;font-weight:600;margin-bottom:5px}.notification-message{color:#666;font-size:14px;margin-bottom:5px}.notification-time{color:#999;font-size:12px}.no-notifications{color:#999;padding:30px;text-align:center}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition)}.logout-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}@media (max-width:1024px){.sidebar{box-shadow:var(--shadow-2xl);transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu-btn{background:var(--gray-100);border:none;border-radius:var(--radius);cursor:pointer;display:block;padding:var(--spacing-sm);transition:all var(--transition)}.mobile-menu-btn:hover{background:var(--gray-200)}.notifications-dropdown{max-width:350px;right:1rem;width:calc(100vw - 2rem)}.topbar{padding:var(--spacing) var(--spacing-md)}.content{padding:var(--spacing-md)}}@media (max-width:640px){.notifications-dropdown{right:.5rem;width:calc(100vw - 1rem)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-md);position:relative}.login-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:420px;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2rem;font-weight:800;margin-bottom:var(--spacing-sm);text-align:center}.login-card h2{color:var(--gray-600);font-size:1.125rem;font-weight:500;margin-bottom:var(--spacing-xl);text-align:center}.error-message{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-lg);padding:var(--spacing)}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:var(--spacing) var(--spacing-lg);position:relative;transition:all var(--transition);width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-note{color:var(--gray-500);font-size:.75rem;line-height:1.5;margin-top:var(--spacing-lg);text-align:center}@media (max-width:640px){.login-card{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.login-card h1{font-size:1.75rem}}.dashboard{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1600px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-sm)}.welcome-message{color:var(--gray-600);font-size:1.125rem;font-weight:500;margin-bottom:var(--spacing-xl)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition)}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:64px;justify-content:center;width:64px}.stat-content{flex:1 1}.stat-value{color:var(--gray-900);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--gray-600);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.dashboard-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.dashboard-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition)}.dashboard-section:hover{box-shadow:var(--shadow-lg)}.section-header{border-bottom:2px solid var(--gray-100);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing)}.section-header h2{color:var(--gray-900);font-size:1.5rem;font-weight:700}.view-all{border-radius:var(--radius);color:var(--primary);font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all var(--transition)}.view-all:hover{background:var(--gray-100);transform:translateX(4px)}.projects-list,.tasks-list{display:flex;flex-direction:column;gap:15px}.project-card{background:#fff;border-radius:var(--radius)}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-header{margin-bottom:10px}.project-header h3{color:#2c3e50;font-size:18px}.status-badge{padding:4px 12px}.project-description{font-size:14px;margin-bottom:15px}.project-progress{gap:10px}.progress-bar{background:#ecf0f1;border-radius:4px;height:8px}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s}.progress-text{color:#7f8c8d;font-size:12px;font-weight:500;min-width:40px}.task-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:var(--spacing-md);transition:all var(--transition)}.task-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateX(4px)}.task-header h4{color:#2c3e50;flex:1 1;font-size:16px;margin:0}.task-project{color:#7f8c8d;font-size:13px;margin:5px 0}.task-assigned{margin:5px 0}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard h1{font-size:2rem}}.projects-page{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1600px}.page-header{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2.5rem;font-weight:800}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing) var(--spacing-lg);transition:all var(--transition)}.create-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:var(--spacing);margin-bottom:var(--spacing-xl);padding:var(--spacing) var(--spacing-lg);transition:all var(--transition)}.search-bar:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg)}.search-bar input{background:#0000;color:var(--gray-900);font-size:.875rem}.search-bar input::placeholder{color:var(--gray-400)}.projects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition)}.project-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.project-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-card:hover:before{transform:scaleX(1)}.project-header{align-items:start;display:flex;gap:var(--spacing);justify-content:space-between;margin-bottom:var(--spacing-md)}.project-header h3{color:var(--gray-900);flex:1 1;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.status-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.status-not_started{background:var(--gray-200);color:var(--gray-700)}.status-in_progress{background:linear-gradient(135deg,#3b82f6,#2563eb)}.status-completed{background:linear-gradient(135deg,#10b981,#059669)}.status-on_hold{background:linear-gradient(135deg,#f59e0b,#d97706)}.project-description{flex:1 1;font-size:.875rem;line-height:1.6}.project-description,.project-info{color:var(--gray-600);margin-bottom:var(--spacing-md)}.project-info{font-size:.813rem}.info-item{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.info-item,.project-progress{align-items:center;display:flex}.project-progress{gap:var(--spacing)}.progress-bar{background:var(--gray-200);box-shadow:inset 0 1px 2px #0000001a;flex:1 1;height:10px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width var(--transition-slow)}.progress-text{color:var(--gray-700);font-size:.75rem;font-weight:700;min-width:45px;text-align:right}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:var(--spacing-md)}.modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.875rem;padding:var(--spacing) var(--spacing-md);transition:all var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-row{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.modal-actions{gap:var(--spacing);margin-top:var(--spacing-xl)}.close-button{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:4px 12px;position:absolute;right:16px;top:16px}.modal-content{border-radius:8px;padding:24px;position:relative;width:100%}.modal-actions button{border-radius:var(--radius);font-size:.875rem;font-weight:600;padding:var(--spacing) var(--spacing-lg);transition:all var(--transition)}.modal-actions button[type=button]{background:var(--gray-100);color:var(--gray-700)}.modal-actions button[type=button]:hover{background:var(--gray-200)}.modal-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow-md)}.modal-actions button[type=submit]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.empty-state{color:var(--gray-500);font-size:1rem;padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width:1024px){.projects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.form-row,.projects-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:2rem}}@media (max-width:640px){.modal-content{border-radius:var(--radius-lg);padding:var(--spacing-lg)}}.project-detail{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1600px}.back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition)}.back-btn:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateX(-4px)}.project-header-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.project-title-section{align-items:center;display:flex;gap:15px;margin-bottom:15px}.project-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2.5rem;font-weight:800;margin:0}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:5px 15px;text-transform:capitalize}.status-not_started{background:#ecf0f1;color:#7f8c8d}.status-in_progress{background:#3498db;color:#fff}.status-completed{background:#27ae60}.status-on_hold{background:#f39c12;color:#fff}.project-description{color:#7f8c8d;font-size:15px;margin-bottom:20px}.project-meta{display:flex;flex-wrap:wrap;gap:30px}.meta-item{color:#555;font-size:14px}.project-content-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.project-main{display:flex;flex-direction:column;gap:30px}.section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition)}.section:hover{box-shadow:var(--shadow-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section h2{color:#2c3e50;font-size:20px;margin:0}.add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.813rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition)}.add-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-members{display:flex;flex-direction:column;gap:15px}.member-card{border:1px solid #eee;border-radius:8px;gap:15px;padding:15px}.member-avatar,.member-card{align-items:center;display:flex}.member-avatar{background:#3498db;border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.member-info{flex:1 1}.member-name{color:#2c3e50;font-weight:600;margin-bottom:3px}.member-email{color:#7f8c8d;font-size:13px}.remove-btn{align-items:center;background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.remove-btn:hover{background:#c0392b}.task-card{border:1px solid #eee;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.task-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.task-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.task-header h3{color:#2c3e50;flex:1 1;font-size:16px;margin:0}.task-status{font-size:11px;padding:4px 12px}.task-assigned{color:#7f8c8d;font-size:13px;margin:0}.comment-form{margin-bottom:20px}.comment-form textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:#3498db;outline:none}.submit-btn{align-items:center;background:#3498db;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px}.submit-btn:hover{background:#2980b9}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{border-bottom:1px solid #eee;padding-bottom:20px}.comment-item:last-child{border-bottom:none}.comment-author{gap:12px;margin-bottom:10px}.author-avatar,.comment-author{align-items:center;display:flex}.author-avatar{background:#3498db;border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:35px;justify-content:center;width:35px}.author-name{color:#2c3e50;font-weight:600;margin-bottom:3px}.comment-time{color:#7f8c8d;font-size:12px}.comment-content{color:#555;line-height:1.6;margin-left:47px}.project-sidebar{display:flex;flex-direction:column;gap:30px}.progress-display{text-align:center}.progress-circle{align-items:center;background:conic-gradient(#3498db 0,#3498db calc(var(--progress)*1%),#ecf0f1 calc(var(--progress)*1%),#ecf0f1 100%);border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto 20px;position:relative;width:150px}.progress-circle:before{background:#fff;border-radius:50%;content:"";height:120px;position:absolute;width:120px}.progress-value{color:#2c3e50;font-size:24px;font-weight:700;position:relative;z-index:1}.progress-bar-full{background:#ecf0f1;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress-fill-full{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s}.chat-messages{background:#f9f9f9;border-radius:5px;margin-bottom:15px;max-height:300px;overflow-y:auto;padding:10px}.chat-message{color:#555;font-size:13px;margin-bottom:10px}.chat-form{display:flex;gap:10px}.chat-form input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:14px;padding:10px}.chat-form button{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.members-list{margin-bottom:20px}.member-select-item{align-items:center;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s}.member-select-item:hover{background:#f0f8ff;border-color:#3498db}.close-btn{background:#ecf0f1;border:none;border-radius:5px;color:#2c3e50;cursor:pointer;font-size:14px;padding:10px;width:100%}.close-btn:hover{background:#bdc3c7}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.project-content-grid{grid-template-columns:1fr}.project-header-section{padding:var(--spacing-lg)}.project-title-section h1{font-size:2rem}}@media (max-width:768px){.project-content-grid{grid-template-columns:1fr}}.tasks-page{margin:0 auto;max-width:1400px}.tasks-header{margin-bottom:30px}.tasks-header h1{color:#2c3e50}.tasks-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr}.tasks-list-panel{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;max-height:calc(100vh - 200px);overflow-y:auto;padding:25px}.tasks-list-panel h2{color:#2c3e50;font-size:18px;margin-bottom:20px}.tasks-list{display:flex;flex-direction:column;gap:15px}.task-item{border:2px solid #eee;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.task-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.task-item.active{background:#f0f8ff;border-color:#3498db}.task-item-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.task-item-header h3{color:#2c3e50;flex:1 1;font-size:16px;margin:0}.task-status-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.task-assigned-name,.task-project-name{color:#7f8c8d;font-size:13px;margin:5px 0 0}.task-detail-panel{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;max-height:calc(100vh - 200px);overflow-y:auto;padding:30px}.task-detail-header{align-items:start;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.task-detail-header h2{color:#2c3e50;flex:1 1;font-size:24px;margin:0}.task-status{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:6px 15px;text-transform:capitalize;white-space:nowrap}.task-detail-content{display:flex;flex-direction:column;gap:25px}.detail-section{border-bottom:1px solid #eee;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#2c3e50;font-size:16px;margin-bottom:10px}.detail-section p{color:#555;line-height:1.6}.detail-section a{color:#3498db;text-decoration:none}.detail-section a:hover{text-decoration:underline}.submission-files{margin-top:10px}.submission-files-list{color:#555;list-style:none;margin:10px 0 0 20px;padding:0}.submission-file-item{background:#f8f9fa;border-radius:4px;margin:8px 0;padding:8px}.file-link{color:#3498db;font-weight:500;text-decoration:none}.file-link:hover{text-decoration:underline}.file-size{color:#7f8c8d;font-size:12px}.selected-files{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:10px}.selected-files ul{color:#555;font-size:13px;margin:5px 0 0 20px}.task-progress-container{align-items:center;display:flex;gap:15px;margin-top:10px}.task-progress-bar{background:#ecf0f1;border-radius:6px;flex:1 1;height:12px;overflow:hidden;position:relative}.task-progress-fill{border-radius:6px;height:100%;transition:width .3s ease,background-color .3s ease}.task-progress-percentage{color:#2c3e50;font-weight:600;min-width:50px;text-align:right}.submission-date{color:#7f8c8d;font-size:12px;margin-top:10px}.rating-badge{background:#ecf0f1;border-radius:12px;display:inline-block;font-size:12px;margin-top:10px;padding:4px 12px;text-transform:capitalize}.task-actions{display:flex;gap:15px;margin-top:20px}.action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.submit-btn{background:#9b59b6;color:#fff}.submit-btn:hover{background:#8e44ad}.review-btn{background:#3498db;color:#fff}.review-btn:hover{background:#2980b9}.no-selection{color:#7f8c8d;padding:60px;text-align:center}.modal-content{max-width:600px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.empty-state{padding:40px}@media (max-width:1024px){.tasks-layout{grid-template-columns:1fr}.tasks-list-panel{max-height:400px}}.users-page{margin:0 auto;max-width:1400px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#2c3e50}.create-btn{align-items:center;background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background .3s}.create-btn:hover{background:#2980b9}.search-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:30px;padding:12px 20px}.search-bar input{border:none;flex:1 1;font-size:14px;outline:none}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:center;transition:all .2s}.user-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.user-info h3{color:#2c3e50;font-size:20px;margin-bottom:8px}.user-email{color:#7f8c8d;font-size:14px;margin-bottom:15px}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-bottom:10px;padding:6px 15px;text-transform:capitalize}.role-admin{background:#e74c3c;color:#fff}.role-project_manager{background:#3498db;color:#fff}.role-team_member{background:#9b59b6;color:#fff}.role-client{background:#27ae60;color:#fff}.user-status{margin-top:15px}.status-active{color:#27ae60;font-size:13px;font-weight:500}.status-inactive{color:#e74c3c;font-size:13px;font-weight:500}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:10px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#2c3e50}.form-group,.modal-content h2{margin-bottom:20px}.form-group label{color:#2c3e50;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.form-group small{color:#7f8c8d;display:block;font-size:12px;margin-top:5px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-actions button[type=button]{background:#ecf0f1;color:#2c3e50}.modal-actions button[type=submit]{background:#3498db;color:#fff}.modal-actions button:hover{opacity:.9}.empty-state{color:#7f8c8d;grid-column:1/-1;padding:60px;text-align:center}.loading{color:#7f8c8d;padding:40px}@media (max-width:768px){.users-grid{grid-template-columns:1fr}}.settings-page{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1200px}.settings-header{margin-bottom:var(--spacing-xl)}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2.5rem;font-weight:800}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.settings-section h2{border-bottom:2px solid var(--gray-100);color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing)}.section-description{color:var(--gray-600);line-height:1.6}.form-group,.section-description{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.form-group input{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);font-family:inherit;font-size:.875rem;padding:var(--spacing) var(--spacing-md);transition:all var(--transition);width:100%}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing) var(--spacing-lg);transition:all var(--transition)}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.logo-upload-area{display:flex;flex-direction:column;gap:var(--spacing-lg)}.logo-preview-container{align-items:center;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.logo-preview{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);flex-shrink:0;height:120px;object-fit:contain;padding:var(--spacing-sm);width:120px}.logo-preview-info{flex:1 1}.logo-preview-info p{color:var(--gray-700);font-weight:600;margin:0}.logo-hint{color:var(--gray-500)!important;font-size:.813rem;font-weight:400!important;margin-top:var(--spacing-xs)!important}.logo-placeholder{align-items:center;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius);color:var(--gray-500);display:flex;flex-direction:column;gap:var(--spacing);justify-content:center;padding:var(--spacing-xl)}.logo-placeholder p{font-weight:500;margin:0}.logo-upload-controls{display:flex;flex-wrap:wrap;gap:var(--spacing)}.file-upload-label{align-items:center;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing) var(--spacing-lg);transition:all var(--transition)}.file-upload-label:hover{background:var(--gray-200);border-color:var(--gray-300)}.upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing) var(--spacing-lg);transition:all var(--transition)}.upload-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.logo-requirements{background:var(--gray-50);border-left:4px solid var(--primary);border-radius:var(--radius);padding:var(--spacing-md)}.logo-requirements p{color:var(--gray-700);font-weight:600;margin:0 0 var(--spacing-sm) 0}.logo-requirements ul{color:var(--gray-600);line-height:1.8;margin:0;padding-left:var(--spacing-lg)}.logo-requirements li{margin-bottom:var(--spacing-xs)}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius);color:var(--error);font-weight:600}.error-message,.loading{padding:var(--spacing-xl);text-align:center}.loading{color:var(--gray-600)}@media (max-width:768px){.settings-section{padding:var(--spacing-lg)}.logo-preview-container{flex-direction:column;text-align:center}.logo-upload-controls{flex-direction:column}.file-upload-label,.upload-btn{justify-content:center;width:100%}}.App{min-height:100vh}.status-initiated{background-color:#8b4513;color:#fff}.status-submitted{background-color:#9370db;color:#fff}.status-rejected{background-color:#dc143c;color:#fff}.status-pm-reviewed{background-color:#4169e1;color:#fff}.status-client-reviewed,.status-completed{background-color:#228b22;color:#fff}
/*# sourceMappingURL=main.cea32b63.css.map*/