@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-branding{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#09090b,#18181b);overflow:hidden}.login-branding-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%)}.login-branding-content{position:relative;z-index:1;text-align:center;padding:var(--space-8)}.login-brand-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-xl);font-size:var(--font-size-4xl);font-weight:800;color:#fff;box-shadow:0 0 60px #6366f166}.login-brand-title{font-size:var(--font-size-5xl);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:var(--space-4)}.login-brand-tagline{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:1.8}.login-form-section{display:flex;align-items:center;justify-content:center;padding:var(--space-8);background-color:var(--color-bg)}.login-form-container{width:100%;max-width:380px}.login-header{margin-bottom:var(--space-8)}.login-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.login-subtitle{color:var(--color-text-muted);font-size:var(--font-size-md)}.login-btn{width:100%;padding:var(--space-4);font-size:var(--font-size-md);font-weight:600;margin-top:var(--space-2)}.login-footer{text-align:center;margin-top:var(--space-8);color:var(--color-text-subtle);font-size:var(--font-size-sm)}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-branding{display:none}}.forgot-password-link{background:none;border:none;color:var(--color-primary-hover);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-bottom:var(--space-4);text-align:left;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--color-primary);text-decoration:underline}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.forgot-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:400px;position:relative}.forgot-modal h3{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-3)}.forgot-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-5);line-height:1.6}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast)}.reset-success{text-align:center}.success-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--font-size-2xl);font-weight:700}.reset-code-box{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background-color:var(--color-bg-elevated);border:2px dashed var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.reset-code{font-size:var(--font-size-2xl);font-weight:700;font-family:Consolas,Monaco,monospace;color:var(--color-primary-hover);letter-spacing:.2em}.copy-btn{background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.copy-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.reset-instructions{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6;margin-top:var(--space-3)}.reset-expiry{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--space-3)}.reset-error{text-align:center}.error-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-full);font-size:var(--font-size-2xl);font-weight:700}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-sidebar);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-sidebar-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar-logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:800}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-4) var(--space-4) var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:2px;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-link:hover{background-color:var(--color-sidebar-hover);color:var(--color-text)}.sidebar-link.active{background-color:var(--color-primary-glow);color:var(--color-primary-hover)}.sidebar-link.active .sidebar-icon{opacity:1}.sidebar-icon{font-size:16px;width:20px;text-align:center;opacity:1}.sidebar-label{flex:1}.sidebar-footer{padding:var(--space-4) var(--space-4);border-top:1px solid var(--color-sidebar-border)}.sidebar-user-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition-fast)}.sidebar-user-link:hover{background-color:var(--color-bg-hover)}.sidebar-user-avatar,.sidebar-user-avatar-img{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:#fff;object-fit:cover}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{display:block;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-status{display:block;margin-top:2px}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:50}.topbar-left{display:flex;align-items:center}.topbar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.topbar-btn:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.layout{min-height:100vh;background-color:var(--color-bg)}.layout-main{margin-left:var(--sidebar-width);min-height:100vh}.layout-content{padding:var(--space-6);padding-top:calc(var(--topbar-height) + var(--space-6));max-width:1200px}.dashboard{width:100%}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--color-text-subtle)}.stat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:20px}.stat-icon.purple{background:var(--color-primary-glow);color:var(--color-primary-hover)}.stat-icon.green{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.yellow{background:var(--color-warning-bg);color:var(--color-warning)}.stat-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-1)}.stat-value.success{color:var(--color-success)}.stat-value.muted{color:var(--color-text-muted)}.stat-subtext{font-size:var(--font-size-sm);color:var(--color-text-muted)}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.chart-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.chart-header{margin-bottom:var(--space-5)}.chart-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.chart-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-subtle);font-size:var(--font-size-sm)}.chart-loading{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.pie-chart-container{display:flex;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-4) 0}.pie-chart{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.pie-chart-inner{width:120px;height:120px;background-color:var(--color-bg-card);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text)}.pie-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pie-legend{display:flex;flex-direction:column;gap:var(--space-3)}.pie-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text)}.pie-legend-item.clickable{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pie-legend-item.clickable:hover{background-color:var(--color-bg-elevated)}.contribution-modal{max-width:500px;max-height:80vh;overflow-y:auto}.contribution-modal .modal-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.contribution-modal .modal-header h3{margin:0 0 var(--space-1) 0}.modal-close{margin-left:auto;background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.contribution-avatar.lg{width:56px;height:56px;font-size:var(--font-size-lg)}.modal-section{margin-bottom:var(--space-5)}.modal-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.empty-text{font-size:var(--font-size-sm);color:var(--color-text-subtle);font-style:italic}.activity-list,.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.activity-list li,.task-list li{display:flex;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.activity-date,.task-plan{color:var(--color-primary-hover);font-weight:500;flex-shrink:0}.activity-content,.task-title{color:var(--color-text)}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.legend-dot.present{background-color:var(--color-success)}.legend-dot.absent{background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.contribution-chart{display:flex;flex-direction:column;gap:var(--space-4)}.contribution-row{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.contribution-user{display:flex;align-items:center;gap:var(--space-3);min-width:180px}.contribution-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:#fff;flex-shrink:0}.contribution-info{display:flex;flex-direction:column;gap:var(--space-1)}.contribution-name{font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.contribution-bars{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.bar-group{display:flex;flex-direction:column;gap:var(--space-1)}.bar-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.bar-track{height:8px;background-color:var(--color-bg-card);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease;min-width:4px}.bar-fill.activities{background:linear-gradient(90deg,var(--color-primary) 0%,#8b5cf6 100%)}.bar-fill.tasks{background:linear-gradient(90deg,var(--color-success) 0%,#34d399 100%)}@media(max-width:900px){.dashboard-stats{grid-template-columns:1fr}.attendance-grid{grid-template-columns:repeat(10,1fr)}.contribution-row{flex-direction:column;align-items:flex-start}.contribution-user{min-width:auto;margin-bottom:var(--space-3)}.contribution-bars{width:100%}}.activity-page{max-width:800px}.activity-form-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.activity-form-header{margin-bottom:var(--space-5)}.activity-form-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.activity-form-header p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.activity-textarea{width:100%;padding:var(--space-4);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:120px;transition:all var(--transition-fast)}.activity-textarea::placeholder{color:var(--color-text-subtle)}.activity-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.activity-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.activity-hint{font-size:var(--font-size-sm);color:var(--color-text-subtle)}.activity-restricted{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;margin-bottom:var(--space-6)}.restricted-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.activity-restricted h3{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-2)}.activity-restricted p{color:var(--color-text-muted);max-width:400px;margin:0 auto}.activity-history{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.history-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.history-tabs{display:flex;gap:var(--space-1);background-color:var(--color-bg-elevated);padding:var(--space-1);border-radius:var(--radius-md)}.history-tabs .tab-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.history-tabs .tab-btn:hover{color:var(--color-text)}.history-tabs .tab-btn.active{background-color:var(--color-primary);color:#fff}.history-loading,.history-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{padding:var(--space-4);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.history-user{display:flex;align-items:center;gap:var(--space-2)}.history-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff}.history-avatar-img{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}.history-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.history-date{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary-hover);text-transform:uppercase;letter-spacing:.05em}.history-content{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.date-filter{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.date-filter-group{display:flex;align-items:center;gap:var(--space-2)}.date-filter-group svg{color:#fff;flex-shrink:0}.date-input{padding:var(--space-2) var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);color-scheme:dark}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-input:hover{border-color:var(--color-primary)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.clear-filter-btn{padding:var(--space-1) var(--space-2);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.clear-filter-btn:hover{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.filter-label{font-size:var(--font-size-sm);color:var(--color-primary-hover);font-weight:500}@media(max-width:600px){.history-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.date-filter-group{flex-wrap:wrap}}.plans-page{max-width:1000px}.plans-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.plans-subtitle{color:var(--color-text-muted);font-size:var(--font-size-md)}.plans-loading,.plans-empty{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.plans-empty h3{margin-bottom:var(--space-2);color:var(--color-text)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.plan-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.plan-card:hover{border-color:var(--color-text-subtle);transform:translateY(-2px)}.plan-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.plan-status{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.plan-status.purple{background-color:var(--color-primary-glow);color:var(--color-primary-hover)}.plan-status.green{background-color:var(--color-success-bg);color:var(--color-success)}.dead-indicator{font-size:var(--font-size-xs);color:var(--color-warning)}.plan-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.plan-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-progress{margin-bottom:var(--space-3)}.progress-bar{height:4px;background-color:var(--color-bg-elevated);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:2px;transition:width var(--transition-base)}.progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.plan-meta{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:440px}.modal-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-5)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.plan-detail{max-width:800px}.plan-loading,.plan-not-found{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.back-btn{background:none;border:none;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-bottom:var(--space-5);transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-text)}.plan-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.plan-detail-info{flex:1}.plan-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:var(--space-3) 0 var(--space-2)}.plan-detail-description{color:var(--color-text-secondary);font-size:var(--font-size-md)}.plan-detail-stats{display:flex;gap:var(--space-6)}.stat{text-align:center}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary-hover)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.add-task-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.add-task-form .input{flex:1}.tasks-list{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.tasks-empty{padding:var(--space-10);text-align:center;color:var(--color-text-muted)}.task-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast)}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--color-bg-elevated)}.task-item.done{opacity:.6}.task-left{display:flex;align-items:flex-start;gap:var(--space-3);flex:1}.task-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:12px;flex-shrink:0}.task-icon.todo{border:2px solid var(--color-text-subtle);color:var(--color-text-subtle)}.task-icon.done{background-color:var(--color-success);color:#fff}.task-icon.blocked{background-color:var(--color-warning);color:#fff}.task-content{flex:1}.task-title{display:block;color:var(--color-text);font-size:var(--font-size-md)}.task-item.done .task-title{text-decoration:line-through}.task-blocked-reason{display:block;font-size:var(--font-size-xs);color:var(--color-warning);margin-top:var(--space-1)}.task-actions{display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.task-item:hover .task-actions{opacity:1}.task-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all var(--transition-fast);background-color:var(--color-bg-hover);color:var(--color-text-muted)}.task-btn:hover.done{background-color:var(--color-success-bg);color:var(--color-success)}.task-btn:hover.blocked{background-color:var(--color-warning-bg);color:var(--color-warning)}.task-btn:hover.todo{background-color:var(--color-primary-glow);color:var(--color-primary-hover)}.task-btn:hover.delete{background-color:var(--color-danger-bg);color:var(--color-danger)}.block-reasons{display:flex;flex-direction:column;gap:var(--space-2)}.reason-btn{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.reason-btn:hover{background-color:var(--color-warning-bg);border-color:var(--color-warning)}.attendance-page{max-width:1000px}.attendance-loading{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.attendance-page .message{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-weight:500;cursor:pointer;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.attendance-page .message.success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.attendance-page .message.error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.attendance-header{display:flex;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.attendance-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background-color:var(--color-bg-card);padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tab-btn{flex:1;padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{background-color:var(--color-primary);color:#fff}.attendance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.attendance-stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.stat-number{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.stat-number.green{color:var(--color-success)}.stat-number.red{color:var(--color-danger)}.stat-number.yellow{color:var(--color-warning)}.stat-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.attendance-calendar{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.calendar-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-5)}.calendar-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.calendar-day.green{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.calendar-day.red{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.calendar-day.yellow{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(234,179,8,.3)}.calendar-day.gray{background-color:var(--color-bg-elevated);color:var(--color-text-subtle);border:1px solid var(--color-border)}.no-records{grid-column:1 / -1;text-align:center;color:var(--color-text-muted);padding:var(--space-8)}.calendar-legend{display:flex;gap:var(--space-6);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.green{background-color:var(--color-success)}.legend-dot.red{background-color:var(--color-danger)}.legend-dot.yellow{background-color:var(--color-warning)}.team-attendance{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.team-table-container{overflow-x:auto}.team-table{width:100%;border-collapse:collapse}.team-table th,.team-table td{padding:var(--space-3);text-align:center;border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.team-table th{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);font-weight:500}.sticky-col{position:sticky;left:0;background-color:var(--color-bg-card);text-align:left!important;min-width:150px}.team-table th.sticky-col{background-color:var(--color-bg-elevated)}.founder-cell{display:flex;align-items:center;gap:var(--space-2)}.founder-name{font-weight:500;color:var(--color-text)}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.status-dot.green{background-color:var(--color-success)}.status-dot.red{background-color:var(--color-danger)}.status-dot.yellow{background-color:var(--color-warning)}.status-dot.gray{background-color:var(--color-text-subtle)}@media(max-width:768px){.attendance-stats{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(6,1fr)}}.leave-request-btn{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-warning),#f59e0b);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:#000;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.leave-request-btn svg{flex-shrink:0}.leave-request-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #eab30866}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leave-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:400px;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.leave-modal h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-5);color:var(--color-text)}.leave-modal .form-group{margin-bottom:var(--space-4)}.leave-modal label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.leave-modal input[type=date],.leave-modal select,.leave-modal textarea{width:100%;padding:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-fast)}.leave-modal input[type=date]{color-scheme:dark}.leave-modal input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.leave-modal input[type=date]:focus,.leave-modal select:focus,.leave-modal textarea:focus{outline:none;border-color:var(--color-primary)}.leave-modal textarea{resize:vertical;min-height:80px}.btn-cancel{flex:1;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background-color:var(--color-bg-card)}.btn-submit{flex:1;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.team-leaves{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.leaves-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-5);color:var(--color-text)}.leaves-list{display:flex;flex-direction:column;gap:var(--space-3)}.leave-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.leave-card:hover{border-color:var(--color-warning)}.leave-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.leave-user{font-weight:600;color:var(--color-text)}.leave-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.leave-body{display:flex;flex-direction:column;gap:var(--space-2)}.leave-reason-badge{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;width:fit-content}.leave-reason-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;padding-left:var(--space-2);border-left:2px solid var(--color-warning)}.no-leaves{text-align:center;color:var(--color-text-muted);padding:var(--space-8)}@media(max-width:768px){.attendance-tabs{flex-wrap:wrap}.leave-request-btn,.test-attendance-btn{width:100%;margin-left:0;margin-top:var(--space-2)}.leave-modal{margin:var(--space-4);max-width:calc(100% - var(--space-8))}.attendance-actions{width:100%;flex-direction:column}}.attendance-actions{display:flex;gap:var(--space-2);margin-left:auto}.test-attendance-btn{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.test-attendance-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.test-modal-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.test-modal-desc strong{color:var(--color-text)}.btn-test{background:linear-gradient(135deg,#8b5cf6,#a855f7)!important}.btn-test:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666!important}.reactivation-page{max-width:700px}.reactivation-loading{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.request-section{margin-bottom:var(--space-8)}.request-prompt{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center}.prompt-icon{font-size:48px;margin-bottom:var(--space-4)}.request-prompt h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.request-prompt p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.my-request-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.request-status{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.request-status.pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.my-request-card h3{margin-bottom:var(--space-2)}.my-request-card p{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.vote-progress{display:flex;justify-content:center;gap:var(--space-8)}.vote-count{text-align:center}.vote-count .count{display:block;font-size:var(--font-size-3xl);font-weight:700}.vote-count.yes .count{color:var(--color-success)}.vote-count.no .count{color:var(--color-danger)}.vote-count .label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.section-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-5)}.no-requests{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;color:var(--color-text-muted)}.requests-list{display:flex;flex-direction:column;gap:var(--space-3)}.request-card{display:flex;align-items:center;gap:var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.request-info{flex:1}.requester-name{display:block;font-weight:500;color:var(--color-text)}.requester-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.request-votes{display:flex;gap:var(--space-2)}.vote-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.vote-badge.yes{background-color:var(--color-success-bg);color:var(--color-success)}.vote-badge.no{background-color:var(--color-danger-bg);color:var(--color-danger)}.request-actions{display:flex;gap:var(--space-2)}.vote-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.vote-btn.yes{background-color:var(--color-success-bg);color:var(--color-success)}.vote-btn.yes:hover{background-color:var(--color-success);color:#fff}.vote-btn.no{background-color:var(--color-danger-bg);color:var(--color-danger)}.vote-btn.no:hover{background-color:var(--color-danger);color:#fff}.voted-badge{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md)}.voted-badge.yes{background-color:var(--color-success-bg);color:var(--color-success)}.voted-badge.no{background-color:var(--color-danger-bg);color:var(--color-danger)}.resolution-modal{text-align:center;max-width:360px}.resolution-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);border-radius:var(--radius-full);font-size:28px;font-weight:700}.resolution-icon.approved{background-color:var(--color-success-bg);color:var(--color-success)}.resolution-icon.rejected{background-color:var(--color-danger-bg);color:var(--color-danger)}.resolution-title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.resolution-text{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.resolution-modal .btn{width:100%}.chat-page{height:calc(100vh - var(--topbar-height) - var(--space-12));max-width:900px}.chat-container{display:flex;flex-direction:column;height:100%;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4)}.chat-loading,.chat-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.date-divider{display:flex;align-items:center;justify-content:center;margin:var(--space-4) 0}.date-divider span{background-color:var(--color-bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted)}.message{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);max-width:70%}.message.own{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;flex-shrink:0}.message-avatar-img{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.message-content{display:flex;flex-direction:column}.message-sender{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-1);margin-left:var(--space-3)}.message-bubble{background-color:var(--color-bg-elevated);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border-top-left-radius:var(--radius-sm)}.message.own .message-bubble{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-sm)}.message-bubble p{margin:0;color:var(--color-text);font-size:var(--font-size-md);line-height:1.5;word-break:break-word}.message.own .message-bubble p{color:#fff}.message-time{display:block;font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-top:var(--space-1);text-align:right}.message.own .message-time{color:#ffffffb3}.chat-input-area{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-bg-card)}.chat-input{flex:1;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:all var(--transition-fast)}.chat-input::placeholder{color:var(--color-text-subtle)}.chat-input:focus{border-color:var(--color-primary)}.chat-send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%);border:none;border-radius:var(--radius-full);color:#fff;font-size:18px;cursor:pointer;transition:all var(--transition-fast)}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #6366f166}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.founders-page{max-width:1000px}.founders-loading{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.founders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.founders-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.founders-actions{display:flex;gap:var(--space-3)}.founders-actions .btn{display:flex;align-items:center;gap:var(--space-2)}.founders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.founder-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-fast)}.founder-card:hover{border-color:var(--color-text-subtle);transform:translateY(-2px)}.founder-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.founder-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--radius-full);font-size:var(--font-size-xl);font-weight:700;color:#fff}.founder-avatar-img{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover}.founder-avatar-section .badge{white-space:nowrap}.founder-info{margin-bottom:var(--space-5)}.founder-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.founder-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.founder-stats{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-4) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-4)}.founder-stat{text-align:center}.founder-stat .stat-value{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.founder-stat .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.founder-meta{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.generate-modal{max-width:400px}.generate-modal h3{text-align:center;margin-bottom:var(--space-2)}.modal-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-5)}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.modal-actions .btn{flex:1}.success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);font-size:28px;font-weight:700}.credentials-box{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.credential-item:not(:last-child){border-bottom:1px solid var(--color-border-subtle)}.credential-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.credential-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.credential-value.password{font-family:monospace;background-color:var(--color-primary-glow);color:var(--color-primary-hover);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.generate-modal .btn-primary{width:100%}.reset-modal{max-width:400px}.reset-modal h3{text-align:center;margin-bottom:var(--space-2)}.reset-code-input{font-family:Consolas,Monaco,monospace;text-transform:uppercase;letter-spacing:.2em;text-align:center;font-size:var(--font-size-lg);font-weight:600}.reset-email-info{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.reset-modal .btn-primary{width:100%}@media(max-width:600px){.founders-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.founders-actions{width:100%;flex-direction:column}.founders-actions .btn{width:100%;justify-content:center}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.cropper-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.cropper-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);max-width:500px;width:90%;text-align:center}.cropper-modal h3{margin:0 0 var(--space-2);color:var(--color-text)}.cropper-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.cropper-container{display:flex;justify-content:center;margin-bottom:var(--space-5);background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-3)}.ReactCrop{background-color:transparent}.ReactCrop__crop-selection{border:2px solid var(--color-primary);box-shadow:0 0 0 9999em #0009}.cropper-actions{display:flex;gap:var(--space-3);justify-content:center}.cropper-actions .btn{min-width:100px}.profile-page{max-width:700px}.message{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-weight:500}.message.success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.message.error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.profile-header-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.avatar-section{display:flex;align-items:center;gap:var(--space-5)}.avatar-wrapper{position:relative;width:100px;height:100px;cursor:pointer;border-radius:var(--radius-full);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);font-size:var(--font-size-2xl);font-weight:700;color:#fff}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);font-size:24px}.avatar-wrapper:hover .avatar-overlay{opacity:1}.profile-info h2{margin:0 0 var(--space-1) 0;font-size:var(--font-size-xl);color:var(--color-text)}.profile-info p{margin:0 0 var(--space-2) 0;color:var(--color-text-muted)}.profile-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.tab{background:none;border:none;padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.tab:hover{color:var(--color-text);background-color:var(--color-bg-elevated)}.tab.active{color:var(--color-primary-hover);background-color:var(--color-primary-glow)}.profile-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.profile-card h3{margin:0 0 var(--space-5) 0;font-size:var(--font-size-lg);color:var(--color-text)}.profile-card.danger{border-color:var(--color-danger)}.danger-text{color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background-color:var(--color-bg-elevated)}.delete-modal{max-width:400px}.delete-modal h3{margin:0 0 var(--space-3) 0;color:var(--color-danger)}.delete-modal p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.delete-modal input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);margin-bottom:var(--space-4)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media(max-width:600px){.avatar-section{flex-direction:column;text-align:center}.profile-tabs{flex-wrap:wrap}}:root{--color-bg: #09090b;--color-bg-elevated: #18181b;--color-bg-card: #1c1c21;--color-bg-hover: #27272a;--color-sidebar: #09090b;--color-sidebar-hover: #18181b;--color-sidebar-active: #27272a;--color-sidebar-border: #27272a;--color-text: #fafafa;--color-text-secondary: #d4d4d8;--color-text-muted: #a1a1aa;--color-text-subtle: #71717a;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-glow: rgba(99, 102, 241, .15);--color-primary-strong: #4f46e5;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #eab308;--color-warning-bg: rgba(234, 179, 8, .1);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-border: #27272a;--color-border-subtle: #1f1f23;--color-active-bg: rgba(34, 197, 94, .15);--color-active-text: #4ade80;--color-out-bg: rgba(239, 68, 68, .15);--color-out-text: #f87171;--color-leave-bg: rgba(234, 179, 8, .15);--color-leave-text: #facc15;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--sidebar-width: 260px;--topbar-height: 64px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%);color:#fff;box-shadow:0 0 20px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);box-shadow:0 0 30px #6366f166;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.card-header{margin-bottom:var(--space-5)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.input-group{margin-bottom:var(--space-5)}.input-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-text-subtle)}.input:hover{border-color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-active{background-color:var(--color-active-bg);color:var(--color-active-text)}.badge-out{background-color:var(--color-out-bg);color:var(--color-out-text)}.badge-leave{background-color:var(--color-leave-bg);color:var(--color-leave-text)}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.alert-error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);color:var(--color-text-muted)}