.simple-container{max-width:1400px;margin:0 auto;padding:24px 40px;background:#fff;min-height:100vh}.simple-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:32px}.simple-project-info{display:flex;align-items:flex-start;gap:16px;flex:1}.simple-project-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:#f3f4f6;color:#6b7280;flex-shrink:0}.simple-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.2}.simple-description{color:#6b7280;margin:0 0 16px;line-height:1.5}.simple-badges{display:flex;flex-wrap:wrap;gap:8px}.simple-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize}.simple-badge-type{background:#dbeafe;color:#1d4ed8}.simple-badge-status{background:#d1fae5;color:#065f46}.simple-badge-category{background:#f3e8ff;color:#7c3aed}.simple-badge-neutral{background:#f3f4f6;color:#374151}.simple-badge-primary{background:#dbeafe;color:#1d4ed8}.simple-badge-success{background:#d1fae5;color:#065f46}.simple-badge-warning{background:#fef3c7;color:#d97706}.simple-badge-error{background:#fee2e2;color:#dc2626}.simple-actions{display:flex;gap:12px;flex-shrink:0}.simple-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease;background:none}.simple-btn:disabled{opacity:.5;cursor:not-allowed}.simple-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.simple-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.simple-btn-secondary{background:#f9fafb;color:#374151;border-color:#d1d5db}.simple-btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.simple-btn-cancel{background:transparent;color:#6b7280;border:none;padding:4px 8px}.simple-btn-cancel:hover{color:#374151}.simple-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.simple-btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.simple-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.simple-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.simple-card-header h2,.simple-card-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.simple-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;border-radius:10px;background:#e5e7eb;color:#374151;font-size:12px;font-weight:500}.simple-mb-6{margin-bottom:24px}.simple-mt-6{margin-top:24px}.simple-flex{display:flex}.simple-items-center{align-items:center}.simple-gap-3{gap:12px}.simple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.simple-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.simple-main-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.simple-left-column,.simple-right-column{display:flex;flex-direction:column;gap:24px}.simple-content{margin-top:32px}.simple-detail-list{display:flex;flex-direction:column;gap:16px}.simple-detail{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.simple-detail-label{font-weight:500;color:#374151;flex-shrink:0}.simple-highlight{font-weight:600;color:#059669}.simple-link-list{display:flex;flex-direction:column;gap:12px}.simple-external-link{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;color:#374151;transition:all .15s ease}.simple-external-link:hover{border-color:#9ca3af;background:#f9fafb}.simple-link-arrow{margin-left:auto;color:#9ca3af}.simple-subproject-card{border:1px solid #e5e7eb;border-radius:6px;padding:16px;background:#fff;transition:border-color .15s ease}.simple-subproject-card:hover{border-color:#9ca3af}.simple-subproject-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.simple-subproject-title{font-weight:600;color:#2563eb;text-decoration:none;font-size:16px}.simple-subproject-title:hover{text-decoration:underline}.simple-subproject-description{color:#6b7280;margin:8px 0 12px;line-height:1.4}.simple-subproject-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.simple-date{display:flex;align-items:center;gap:4px;color:#9ca3af;font-size:12px}.simple-link{color:#2563eb;text-decoration:none;font-size:14px;font-weight:500}.simple-link:hover{text-decoration:underline}.simple-form-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:20px;margin:16px 0}.simple-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.simple-form-header h4{font-size:16px;font-weight:600;color:#111827;margin:0}.simple-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.simple-label{font-size:14px;font-weight:500;color:#374151}.simple-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .15s ease}.simple-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.simple-textarea{resize:vertical;min-height:80px}.simple-form-actions{display:flex;justify-content:flex-end;gap:12px}.simple-client-list{display:flex;flex-direction:column;gap:16px}.simple-client-item{border:1px solid #e5e7eb;border-radius:6px;padding:16px;background:#fff}.simple-client-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.simple-client-name{font-weight:600;color:#2563eb;text-decoration:none;font-size:16px}.simple-client-name:hover{text-decoration:underline}.simple-client-badges{display:flex;gap:8px}.simple-client-details{display:flex;gap:24px;margin-bottom:8px}.simple-client-notes{color:#6b7280;font-size:14px;margin:0;line-height:1.4}.simple-task-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.simple-stat{text-align:center;padding:16px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.simple-stat-number{font-size:24px;font-weight:700;margin-bottom:4px}.simple-stat-primary{color:#2563eb}.simple-stat-warning{color:#d97706}.simple-stat-success{color:#059669}.simple-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:500}.simple-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.simple-stat-card{text-align:center;padding:16px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .15s ease}.simple-stat-card:hover{border-color:#9ca3af;background:#fff}.simple-stat-value{font-size:18px;font-weight:600;color:#111827;margin-bottom:4px}.simple-stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.simple-task-list h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.simple-task-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;background:#fff}.simple-task-details{flex:1}.simple-task-name{font-weight:500;color:#111827;margin-bottom:4px}.simple-task-meta{font-size:12px;color:#6b7280}.simple-task-footer{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.simple-credential-list{display:flex;flex-direction:column;gap:16px}.simple-credential{display:flex;align-items:center;justify-content:space-between;gap:16px}.simple-credential-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151}.simple-credential-value{display:flex;align-items:center;gap:8px}.simple-credential-value code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px}.simple-copy-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .15s ease}.simple-copy-btn:hover{background:#f3f4f6}.simple-security-badge{background:#d1fae5;color:#065f46;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.simple-code-container{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.simple-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:13px;color:#6b7280}.simple-code-block{margin:0;padding:16px;background:#f9fafb;overflow-x:auto}.simple-code-block code{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5}.simple-file-info{margin-bottom:20px}.simple-file-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.simple-file-details{flex:1}.simple-file-name{font-weight:500;color:#111827;display:block;margin-bottom:4px}.simple-file-stats{font-size:12px;color:#6b7280}.simple-upload-zone{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}.simple-upload-area{margin-bottom:12px}.simple-file-input{display:none}.simple-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .15s ease}.simple-upload-label:hover{border-color:#9ca3af;background:#f3f4f6}.simple-upload-label small{color:#6b7280;font-size:12px}.simple-status-badge{background:#d1fae5;color:#065f46;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.simple-empty{text-align:center;padding:40px 20px;color:#6b7280}.simple-empty h3{font-size:16px;font-weight:600;color:#374151;margin:12px 0 8px}.simple-empty p{margin:0 0 16px}.simple-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6b7280}.simple-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.simple-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;margin-top:16px}@media (max-width: 1024px){.simple-main-layout{grid-template-columns:1fr;gap:24px}.simple-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.simple-container{padding:16px 20px;max-width:100%}.simple-header{flex-direction:column;gap:16px;align-items:stretch}.simple-project-info{align-items:center}.simple-actions{justify-content:flex-start}.simple-form-grid,.simple-task-stats{grid-template-columns:1fr}.simple-stats-grid{grid-template-columns:repeat(2,1fr)}.simple-client-details{flex-direction:column;gap:8px}.simple-credential{flex-direction:column;align-items:stretch;gap:8px}.simple-detail{flex-direction:column;gap:4px}.simple-grid{grid-template-columns:1fr}}@media (max-width: 480px){.simple-container{padding:12px 16px}.simple-stats-grid{grid-template-columns:1fr}}.simple-tasks-layout{display:grid;grid-template-columns:320px 1fr;gap:32px;margin-top:32px}.simple-tasks-sidebar{display:flex;flex-direction:column;gap:24px}.simple-tasks-main{min-width:0}.simple-tasks-list{display:flex;flex-direction:column;gap:16px}.simple-header-main{display:flex;align-items:center;gap:16px;margin-left:24px}.simple-stats-list{display:flex;flex-direction:column;gap:12px}.simple-stat-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;background:#f9fafb;transition:background-color .15s ease}.simple-stat-item:hover{background:#f3f4f6}.simple-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.simple-stat-total{background:#e5e7eb;color:#374151}.simple-stat-warning{background:#fef3c7;color:#d97706}.simple-stat-primary{background:#dbeafe;color:#1d4ed8}.simple-stat-neutral{background:#f3f4f6;color:#6b7280}.simple-stat-success{background:#d1fae5;color:#065f46}.simple-stat-details{flex:1}.simple-stat-number{font-size:18px;font-weight:600;color:#111827;display:block;margin-bottom:2px}.simple-stat-label{font-size:12px;color:#6b7280;font-weight:500}.simple-filter-group{margin-bottom:16px}.simple-filter-group:last-child{margin-bottom:0}.simple-search-wrapper{position:relative}.simple-search-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.simple-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .15s ease}.simple-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.simple-task-card{transition:all .15s ease}.simple-task-card:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0000000d}.simple-task-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.simple-task-main{display:flex;align-items:flex-start;gap:16px;flex:1}.simple-task-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.simple-task-info{flex:1;min-width:0}.simple-task-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.3}.simple-task-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.simple-meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.simple-task-actions{display:flex;gap:8px;flex-shrink:0}.simple-btn-small{padding:6px 12px;font-size:13px}.simple-btn-success{background:#059669;color:#fff;border-color:#059669}.simple-btn-success:hover:not(:disabled){background:#047857;border-color:#047857}.simple-btn-error{background:#dc2626;color:#fff;border-color:#dc2626}.simple-btn-error:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.simple-task-description{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.simple-task-description h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.simple-task-description p{color:#111827;line-height:1.5;margin:0}.simple-task-details{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.simple-task-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.simple-task-timeline-header h4{font-size:16px;font-weight:600;color:#111827;margin:0}.simple-timeline-actions{display:flex;align-items:center;gap:12px}.simple-time-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#dbeafe;color:#1d4ed8;border-radius:16px;font-size:12px;font-weight:500}.simple-timeline{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.simple-timeline-item{display:flex;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:6px}.simple-timeline-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;flex-shrink:0}.simple-timeline-content{flex:1}.simple-timeline-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.simple-badge-small{padding:2px 8px;font-size:11px}.simple-timeline-user{font-weight:500;color:#111827;font-size:13px}.simple-timeline-time{color:#6b7280;font-size:12px}.simple-timeline-time-worked{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#dbeafe;color:#1d4ed8;border-radius:12px;font-size:11px;font-weight:500}.simple-timeline-note{color:#111827;line-height:1.4;margin:0;font-size:13px}.simple-update-form{padding:20px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px}.simple-update-form h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.simple-update-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.simple-form-group-full{grid-column:1 / -1}.simple-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.simple-form-group{display:flex;flex-direction:column;gap:6px}.simple-form-group small{color:#6b7280;font-size:11px}.simple-form-actions{display:flex;justify-content:flex-end}.simple-form-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:14px;margin-top:12px}.simple-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.simple-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.simple-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.simple-modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.simple-modal-close{width:32px;height:32px;border:none;background:none;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.simple-modal-close:hover{background:#f3f4f6;color:#374151}.simple-modal-content{padding:24px;overflow-y:auto;flex:1;min-height:0}.simple-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.simple-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.simple-warning-content{text-align:center;padding:24px}.simple-warning-content svg{color:#f59e0b;margin-bottom:16px}.simple-warning-content h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.simple-warning-content p{color:#6b7280;line-height:1.5;margin:0}.simple-error-in-modal{margin-top:16px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;text-align:left}.simple-error-in-modal p{color:#dc2626;margin:0;font-size:14px}.simple-loading-inline{display:flex;align-items:center;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px}.simple-py-4{padding-top:16px;padding-bottom:16px}.simple-timeline-attachments{margin-top:16px;display:flex;flex-direction:column;gap:12px}.simple-timeline-attachment{padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;border-left:3px solid #2563eb}.simple-attachment-info{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.simple-attachment-details{flex:1;min-width:0}.simple-attachment-name{display:flex;align-items:center;gap:6px;font-weight:500;color:#111827;font-size:13px;word-break:break-word;margin-bottom:4px}.simple-attachment-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7280}.simple-attachment-actions{display:flex;gap:4px;flex-shrink:0}.simple-attachment-actions .simple-btn{padding:3px 6px;font-size:11px;min-width:auto}.simple-attachment-count{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#dbeafe;color:#1d4ed8;border-radius:10px;font-size:11px;font-weight:500}.simple-image-preview{margin-top:12px;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.simple-preview-image{width:100%;max-width:300px;height:auto;display:block;transition:transform .15s ease}.simple-preview-image:hover{transform:scale(1.02)}.simple-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#f9fafb;color:#6b7280;font-size:12px;gap:8px;min-height:80px}.simple-image-placeholder .simple-spinner{width:16px;height:16px}@media (max-width: 768px){.simple-preview-image{max-width:100%}.simple-attachment-info{flex-direction:column;align-items:flex-start;gap:4px}.simple-attachment-actions{justify-content:flex-start;width:100%}}@media (max-width: 1024px){.simple-tasks-layout{grid-template-columns:280px 1fr;gap:24px}}@media (max-width: 768px){.simple-tasks-layout{grid-template-columns:1fr;gap:24px}.simple-task-header{flex-direction:column;gap:16px;align-items:stretch}.simple-task-actions{justify-content:flex-start}.simple-task-meta{flex-direction:column;gap:8px}.simple-update-form-grid,.simple-form-row{grid-template-columns:1fr}.simple-timeline-header{flex-direction:column;align-items:flex-start;gap:8px}.simple-modal{margin:20px;max-height:calc(100vh - 40px)}}.simple-file-versions{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.simple-versions-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.simple-versions-list{display:flex;flex-direction:column;gap:12px}.simple-version-item{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.simple-version-info{display:flex;flex-direction:column;gap:4px}.simple-version-number{font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.simple-current-badge{background:#10b981;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.simple-version-details{font-size:14px;color:#6b7280}.simple-version-downloads{font-size:13px;color:#9ca3af;font-style:italic}.simple-selected-file{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;padding:16px;margin-bottom:16px}.simple-file-preview{display:flex;align-items:center;gap:12px}.simple-file-preview-details{display:flex;flex-direction:column;gap:2px}.simple-file-preview-name{font-weight:600;color:#0369a1}.simple-file-preview-size{font-size:14px;color:#0284c7}.simple-upload-progress{margin-top:12px;display:flex;align-items:center;gap:12px}.simple-progress-bar{flex:1;height:8px;background:#e0f2fe;border-radius:4px;overflow:hidden}.simple-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#0284c7);border-radius:4px;transition:width .3s ease;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.simple-progress-text{font-weight:600;color:#0369a1;font-size:14px;min-width:45px;text-align:right}.simple-upload-actions{display:flex;gap:8px;margin-top:16px}.simple-upload-label.disabled{opacity:.5;pointer-events:none}.simple-btn-cancel{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.simple-btn-cancel:hover:not(:disabled){background:#e5e7eb;color:#374151}@media (max-width: 480px){.simple-task-main{flex-direction:column;gap:12px}.simple-task-status{align-self:flex-start}.simple-version-item{padding:12px}}.clean-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-8);cursor:pointer}.dashboard-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%236b7280' d='M6 8L2 4h8z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.leave-status-select{width:100%;padding:1rem 3rem 1rem 1.25rem;border:2px solid var(--border-light);border-radius:12px;background:var(--surface-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em 1em}[data-theme=dark] .leave-status-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.simple-tag{display:inline-flex;align-items:center;padding:4px 8px;margin-right:6px;margin-bottom:4px;background-color:var(--primary-color);color:#fff;border-radius:12px;font-size:.875rem;font-weight:500}.simple-selected-tags{display:flex;flex-wrap:wrap;gap:4px}.simple-assignee-tag{padding:2px 6px;background-color:var(--primary-color);color:#fff;border-radius:8px;font-size:.75rem;font-weight:500;margin-right:4px}.task-card-header{display:flex;flex-direction:column;gap:16px;padding:0}.task-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.task-title-section{flex:1;min-width:0}.task-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.task-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge-group{display:flex;align-items:center;gap:6px}.task-badge{padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:600;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.025em}.task-actions-compact{display:flex;gap:6px;align-items:flex-start;flex-shrink:0}.task-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:0}.task-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.task-action-secondary{border-color:var(--border-color);color:var(--secondary-color)}.task-action-secondary:hover{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.task-action-success{border-color:var(--success-color);color:var(--success-color)}.task-action-success:hover{background-color:var(--success-color);color:#fff}.task-action-neutral{border-color:var(--secondary-color);color:var(--secondary-color)}.task-action-neutral:hover{background-color:var(--secondary-color);color:#fff}.task-action-error{border-color:var(--error-color);color:var(--error-color)}.task-action-error:hover{background-color:var(--error-color);color:#fff}.task-meta-grid{display:flex;flex-direction:column;gap:12px}.task-meta-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--border-light);border-radius:8px;font-size:.875rem}.meta-icon{color:var(--text-secondary);flex-shrink:0}.meta-label{color:var(--text-secondary);font-weight:500;min-width:80px}.meta-value{color:var(--text-primary);font-weight:600}.meta-time{color:var(--text-muted);margin-left:auto;font-size:.8125rem}.assignee-list{display:flex;gap:6px;flex-wrap:wrap}.assignee-chip{padding:4px 10px;background-color:var(--primary-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.task-meta-row{display:flex;gap:16px;flex-wrap:wrap}.task-meta-item-inline{display:flex;align-items:center;gap:6px;padding:6px 10px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;color:var(--text-secondary)}.meta-icon-small{color:var(--text-muted);flex-shrink:0}.task-description-section{margin-top:16px;padding:16px;background-color:var(--border-light);border-radius:8px;border-left:3px solid var(--primary-color)}.description-title{margin:0 0 8px;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.description-content{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.875rem}.simple-task-card{border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-color);transition:all .2s ease;box-shadow:0 1px 3px #0000000d;overflow:hidden}.simple-task-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.simple-card-content{padding:20px}.pagination-section{margin-top:24px;padding:16px 20px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center}.pagination-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.items-per-page-selector{display:flex;align-items:center;gap:8px}.pagination-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--surface-color);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:border-color .2s ease}.pagination-select:hover{border-color:var(--primary-color)}.pagination-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #15803d1a}.pagination-navigation{display:flex;align-items:center;gap:4px}.pagination-pages{display:flex;align-items:center;gap:4px;margin:0 8px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-secondary);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn-active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.pagination-btn-nav{min-width:36px;padding:0}.pagination-btn-page{min-width:36px}.filtered-count{color:var(--primary-color);font-weight:600}@media (max-width: 640px){.pagination-section{flex-direction:column;align-items:flex-start;gap:12px}.pagination-controls{width:100%;justify-content:space-between}.pagination-pages{margin:0 4px;gap:2px}.pagination-btn{min-width:32px;height:32px;font-size:.8125rem}}:root{--primary-color: #15803d;--primary-hover: #166534;--secondary-color: #64748b;--accent-color: #0ea5e9;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--error-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b}[data-theme=dark]{--primary-color: #15803d;--primary-hover: #166534;--secondary-color: #94a3b8;--accent-color: #0ea5e9;--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--border-light: #475569;--error-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}html{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background-color);color:var(--text-primary);@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}font-size:.875rem;min-height:100vh}body h1{font-size:2.25rem;font-weight:700;line-height:1.2;color:var(--text-primary)}body h2{font-size:1.875rem;font-weight:600;line-height:1.3;color:var(--text-primary)}body h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--text-primary)}body h4{font-size:1.25rem;font-weight:500;line-height:1.4;color:var(--text-primary)}body p{color:var(--text-secondary);line-height:1.6}body .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-user-select:none;user-select:none}body .btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body .btn-primary{background-color:var(--primary-color);color:#fff}body .btn-primary:hover{background-color:var(--primary-hover)}body .btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}body .btn-secondary:hover{background-color:var(--background-color)}body .btn-ghost{background-color:transparent;color:var(--text-secondary)}body .btn-ghost:hover{background-color:var(--background-color);color:var(--text-primary)}body .btn-sm{padding:var(--space-2) var(--space-3);font-size:.75rem}body .btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem}body .card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}body .card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light)}body .card-header{padding:var(--space-6);border-bottom:1px solid var(--border-color)}body .card-content{padding:var(--space-6)}body .card-footer{padding:var(--space-6);border-top:1px solid var(--border-color);background-color:var(--background-color)}body .form-group{margin-bottom:var(--space-4)}body .label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary);font-size:.875rem}body .input{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;transition:all var(--transition-fast);outline:none}body .input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #15803d1a}body .input:invalid{border-color:var(--error-color)}body .textarea{resize:vertical;min-height:6rem}body .select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-8)}body .container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}body .grid{display:grid;gap:var(--space-6)}body .grid-2{grid-template-columns:repeat(2,1fr)}body .grid-3{grid-template-columns:repeat(3,1fr)}body .grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){body .grid-2,body .grid-3,body .grid-4{grid-template-columns:1fr}}body .flex{display:flex}body .flex-col{flex-direction:column}body .items-center{align-items:center}body .justify-center{justify-content:center}body .justify-between{justify-content:space-between}body .gap-2{gap:var(--space-2)}body .gap-4{gap:var(--space-4)}body .gap-6{gap:var(--space-6)}body .text-center{text-align:center}body .text-primary{color:var(--text-primary)}body .text-secondary{color:var(--text-secondary)}body .text-muted{color:var(--text-muted)}body .text-error{color:var(--error-color)}body .text-success{color:var(--success-color)}body .mb-2{margin-bottom:var(--space-2)}body .mb-4{margin-bottom:var(--space-4)}body .mb-6{margin-bottom:var(--space-6)}body .mt-4{margin-top:var(--space-4)}body .mt-6{margin-top:var(--space-6)}body .fade-in{animation:fadeIn var(--transition-normal) ease-out}body .badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}body .badge-success{background-color:#10b9811a;color:var(--success-color)}body .badge-warning{background-color:#f59e0b1a;color:var(--warning-color)}body .badge-error{background-color:#ef44441a;color:var(--error-color)}body .badge-info{background-color:#0ea5e91a;color:var(--accent-color)}body .spinner{width:1rem;height:1rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}h1{font-size:2.25rem;font-weight:700;line-height:1.2;color:var(--text-primary)}h2{font-size:1.875rem;font-weight:600;line-height:1.3;color:var(--text-primary)}h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--text-primary)}h4{font-size:1.25rem;font-weight:500;line-height:1.4;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--background-color)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--background-color);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.75rem}.btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-color)}.card-content{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-color);background-color:var(--background-color)}.form-group{margin-bottom:var(--space-4)}.label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary);font-size:.875rem}.input{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;transition:all var(--transition-fast);outline:none;background-color:var(--surface-color);color:var(--text-primary)}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #15803d33}.input:invalid{border-color:var(--error-color)}.textarea{resize:vertical;min-height:6rem}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-8)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:#10b9811a;color:var(--success-color)}.badge-warning{background-color:#f59e0b1a;color:var(--warning-color)}.badge-error{background-color:#ef44441a;color:var(--error-color)}.badge-info{background-color:#0ea5e91a;color:var(--accent-color)}.spinner{width:1rem;height:1rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.theme-toggle{padding:var(--space-2);width:auto;height:auto;min-width:2.5rem;min-height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--background-color);transform:scale(1.05)}[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .card:hover{border-color:var(--border-light)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--surface-color)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border-light)}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--gray-50: #f7fafc;--gray-100: #edf2f7;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--green-50: #f0fff4;--green-100: #c6f6d5;--green-200: #9ae6b4;--green-300: #68d391;--green-400: #48bb78;--green-500: #38a169;--green-600: #2f855a;--green-700: #276749;--green-800: #22543d;--green-900: #1c4532;--blue-50: #ebf8ff;--blue-100: #bee3f8;--blue-200: #90cdf4;--blue-300: #63b3ed;--blue-400: #4299e1;--blue-500: #3182ce;--blue-600: #2b77cb;--blue-700: #2c5aa0;--blue-800: #2a4365;--blue-900: #1a365d;--red-500: #e53e3e;--orange-500: #dd6b20;--yellow-500: #d69e2e;--teal-500: #319795;--primary: var(--green-500);--primary-hover: var(--green-600);--primary-light: var(--green-50);--surface: #ffffff;--surface-secondary: var(--gray-50);--surface-tertiary: var(--gray-100);--surface-card: #ffffff;--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-inverse: #ffffff;--border: var(--gray-200);--border-light: var(--gray-100);--border-focus: var(--blue-500);--shadow-xs: 0 0 0 1px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-light-900: #f9fafb;--color-light-800: #f3f4f6;--color-light-700: #e5e7eb;--color-light-600: #d1d5db;--color-light-500: #9ca3af;--color-light-400: #6b7280;--color-light-300: #4b5563;--color-light-200: #374151;--color-light-100: #1f2937;--color-light-50: #111827;--primary: var(--color-green-700);--primary-hover: var(--color-green-800);--primary-light: rgba(21, 128, 61, .1);--surface: #ffffff;--surface-secondary: var(--color-light-900);--surface-tertiary: var(--color-light-800);--surface-glass: rgba(255, 255, 255, .9);--surface-card: rgba(255, 255, 255, .95);--text-primary: var(--color-light-100);--text-secondary: var(--color-light-200);--text-tertiary: var(--color-light-300);--text-inverse: #ffffff;--border: rgba(209, 213, 219, .4);--border-light: rgba(156, 163, 175, .3);--border-focus: var(--color-green-500);--border-glass: rgba(0, 0, 0, .1);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(168, 85, 247, .2);--shadow-glow-lg: 0 0 40px rgba(168, 85, 247, .3)}[data-theme=light] body{background:var(--color-light-900);background-image:radial-gradient(circle at 20% 80%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.05) 0%,transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--gray-50);color:var(--text-primary);font-size:.875rem;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--text-primary)}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.clean-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.clean-grid{display:grid;gap:var(--space-6)}.clean-grid-2{grid-template-columns:repeat(2,1fr)}.clean-grid-3{grid-template-columns:repeat(3,1fr)}.clean-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.clean-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.clean-container{padding:0 var(--space-4)}.clean-grid-2,.clean-grid-3,.clean-grid-4{grid-template-columns:1fr}}.clean-card{background:var(--surface-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-normal);position:relative}[data-theme=light] .clean-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-light-600)}.clean-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.clean-card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--border-focus);transform:translateY(-2px);background:#1f2937f2}[data-theme=light] .clean-card:hover{background:#fff;box-shadow:0 8px 25px #0000001a}.clean-card-header{padding:var(--space-6);border-bottom:1px solid var(--border-glass);background:#ffffff05}[data-theme=light] .clean-card-header{background:var(--color-light-900);border-bottom:1px solid var(--color-light-600)}.clean-card-content{padding:var(--space-6)}.clean-card-footer{padding:var(--space-6);border-top:1px solid var(--border-glass);background:#ffffff05}.clean-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.clean-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.clean-btn-primary{background:var(--primary-gradient);color:var(--text-primary);border-color:var(--primary);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.clean-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.clean-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-lg),var(--shadow-lg)}.clean-btn-primary:hover:not(:disabled):before{left:100%}.clean-btn-secondary{background:var(--surface-card);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-primary);border-color:var(--border-glass)}.clean-btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--shadow-md)}.clean-btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.clean-btn-ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.clean-btn-sm{padding:var(--space-2) var(--space-3);font-size:.75rem;border-radius:var(--radius-md)}.clean-btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem;border-radius:var(--radius-xl)}.clean-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.clean-form-group{margin-bottom:var(--space-5)}.clean-label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary);font-size:.875rem}.clean-input{width:100%;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem;background:#ffffff0d;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none}[data-theme=light] .clean-input{background:#fff;border:1px solid var(--color-light-600);backdrop-filter:none;-webkit-backdrop-filter:none}.clean-input::placeholder{color:var(--text-tertiary)}.clean-input:focus{border-color:var(--border-focus);background:#ffffff14;box-shadow:0 0 0 3px var(--primary-light),var(--shadow-glow);transform:translateY(-1px)}[data-theme=light] .clean-input:focus{background:#fff;border-color:var(--primary)}[data-theme=light] .clean-select{background-color:#fff;border:1px solid var(--color-light-600)}[data-theme=light] .clean-select:focus{background-color:#fff;border-color:var(--primary)}[data-theme=light] .clean-textarea{background:#fff;border:1px solid var(--color-light-600)}.clean-textarea{resize:vertical;min-height:6rem;line-height:1.6}.clean-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-8);cursor:pointer}.clean-select option,.task-creation-form-group select option{background:var(--surface);color:var(--text-primary)}.clean-input-group{position:relative;display:flex;align-items:center}.clean-input-group svg{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none;z-index:1}.clean-input-group .clean-input{padding-left:calc(var(--space-3) + 1.25rem + var(--space-2))}.clean-table-container{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm)}.clean-table-container .clean-table{margin:0;border:none}.clean-table-container .clean-table th:first-child,.clean-table-container .clean-table td:first-child{padding-left:var(--space-4)}.clean-table-container .clean-table th:last-child,.clean-table-container .clean-table td:last-child{padding-right:var(--space-4)}.clean-alert{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);line-height:1.5}.clean-alert-error{background-color:#ef44441a;border-color:#ef44444d;color:#dc2626}.clean-alert-success{background-color:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.clean-alert-warning{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.clean-alert-info{background-color:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.clean-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;border:1px solid}.clean-badge-primary{background:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.clean-badge-success{background:var(--color-emerald-50);color:var(--color-emerald-700);border-color:var(--color-emerald-200)}.clean-badge-warning{background:var(--color-amber-50);color:var(--color-amber-700);border-color:var(--color-amber-200)}.clean-badge-error{background:var(--color-red-50);color:var(--color-red-700);border-color:var(--color-red-200)}.clean-badge-attention{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;border:1px solid #ff6b6b;animation:pulse-attention 2s infinite;font-weight:600;box-shadow:0 0 10px #ff6b6b4d}.badge-attention{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff!important;border:1px solid #ff6b6b;animation:pulse-attention 2s infinite;font-weight:600;box-shadow:0 0 10px #ff6b6b4d}.clean-badge-neutral{background:var(--surface-tertiary);color:var(--text-secondary);border-color:var(--border)}.clean-badge-secondary{background:var(--surface-secondary);color:var(--text-secondary);border-color:var(--border-light)}.clean-badge-xs{padding:.125rem .25rem;font-size:.6rem}.clean-flex{display:flex}.clean-flex-col{flex-direction:column}.clean-items-center{align-items:center}.clean-justify-center{justify-content:center}.clean-justify-between{justify-content:space-between}.clean-justify-end{justify-content:flex-end}.clean-gap-2{gap:var(--space-2)}.clean-gap-3{gap:var(--space-3)}.clean-gap-4{gap:var(--space-4)}.clean-gap-6{gap:var(--space-6)}.clean-gap-8{gap:var(--space-8)}.clean-gap-12{gap:var(--space-12)}.clean-gap-1{gap:var(--space-1)}.clean-space-y-2>*+*{margin-top:var(--space-2)}.clean-min-w-48{min-width:12rem}.clean-min-w-64{min-width:16rem}.clean-flex-1{flex:1 1 0%}.clean-flex-wrap{flex-wrap:wrap}.clean-space-y-4>*+*{margin-top:var(--space-4)}.clean-space-y-6>*+*{margin-top:var(--space-6)}.clean-space-y-8>*+*{margin-top:var(--space-8)}.clean-text-center{text-align:center}.clean-text-secondary{color:var(--text-secondary)}.clean-text-tertiary{color:var(--text-tertiary)}.clean-text-sm{font-size:.875rem}.clean-text-lg{font-size:1.125rem}.clean-text-xl{font-size:1.25rem}.clean-mb-2{margin-bottom:var(--space-2)}.clean-mb-4{margin-bottom:var(--space-4)}.clean-mb-6{margin-bottom:var(--space-6)}.clean-mb-8{margin-bottom:var(--space-8)}.clean-mb-3{margin-bottom:var(--space-3)}.clean-mt-4{margin-top:var(--space-4)}.clean-mt-6{margin-top:var(--space-6)}.clean-mt-8{margin-top:var(--space-8)}.clean-mt-12{margin-top:var(--space-12)}@keyframes cleanFadeIn{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.clean-fade-in{animation:cleanFadeIn var(--transition-normal) ease-out}.clean-fade-in-delay-1{animation:cleanFadeIn var(--transition-normal) ease-out .1s}.clean-fade-in-delay-2{animation:cleanFadeIn var(--transition-normal) ease-out .2s}.clean-fade-in-delay-3{animation:cleanFadeIn var(--transition-normal) ease-out .3s}.clean-spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.clean-app-layout{display:flex;min-height:100vh;background:transparent}.clean-sidebar{width:280px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:40;box-shadow:var(--shadow-xl)}.clean-sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-glass);background:#ffffff08}.clean-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.025em;transition:all var(--transition-normal)}.clean-logo:hover{color:var(--primary);text-shadow:0 0 20px rgba(168,85,247,.5)}.clean-logo-icon{width:2.5rem;height:2.5rem;background:var(--primary-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary);box-shadow:var(--shadow-glow);transition:all var(--transition-normal)}.clean-logo-icon:hover{transform:scale(1.05);box-shadow:var(--shadow-glow-lg)}.clean-sidebar-nav{flex:1;padding:var(--space-6) var(--space-4);overflow-y:auto}.clean-nav-section{margin-bottom:var(--space-8)}.clean-nav-header{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding:0 var(--space-3)}.clean-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;position:relative;overflow:hidden}.clean-nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary);transform:scaleY(0);transition:transform var(--transition-normal);border-radius:0 2px 2px 0}.clean-nav-item:hover{background:#ffffff0d;color:var(--text-primary);transform:translate(4px)}.clean-nav-item.active{background:var(--primary-light);color:var(--text-primary);box-shadow:var(--shadow-glow)}.clean-nav-item.active:before{transform:scaleY(1)}.clean-nav-item.active .clean-nav-icon{color:var(--primary)}.clean-nav-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-tertiary)}.clean-nav-badge{background:var(--text-tertiary);color:var(--text-inverse);font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;margin-left:auto;font-weight:600}.clean-upgrade-section{padding:var(--space-4);margin-top:auto}.clean-upgrade-card{background:var(--primary-gradient);border-radius:var(--radius-xl);padding:var(--space-4);text-align:left}.clean-upgrade-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.clean-upgrade-text{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.4}.clean-sidebar-bottom{padding:var(--space-4);border-top:1px solid var(--border-light)}.clean-main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.clean-header{background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-glass);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:30}.clean-header-content{display:flex;align-items:center;justify-content:space-between}.clean-header-left{display:flex;align-items:center;gap:var(--space-6)}.clean-page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.clean-search-container{position:relative;display:flex;align-items:center;width:100%;max-width:420px}.clean-search-input{width:100%;padding:var(--space-3) 60px var(--space-3) 46px;border:1px solid var(--border-glass);border-radius:var(--radius-lg);font-size:.875rem;background:#ffffff0d;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.clean-search-input::placeholder{color:var(--text-tertiary)}.clean-search-input:focus{border-color:var(--border-focus);background:#ffffff14;box-shadow:0 0 0 3px var(--primary-light),var(--shadow-glow);transform:translateY(-1px)}.clean-search-shortcut{position:absolute;right:var(--space-3);font-size:.75rem;color:var(--text-tertiary);background:var(--surface-secondary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-weight:500}.clean-header-right{display:flex;align-items:center;gap:var(--space-4)}.clean-notification-btn{position:relative;width:2.5rem;height:2.5rem;border:none;background:var(--surface-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1.125rem}.clean-notification-btn:hover{background:var(--surface-tertiary)}.clean-notification-dot{position:absolute;top:.375rem;right:.375rem;width:.5rem;height:.5rem;background:var(--error);border-radius:50%;border:2px solid var(--surface)}.clean-user-menu{display:flex;align-items:center;gap:var(--space-3)}.clean-user-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);overflow:hidden}.clean-avatar-img{width:100%;height:100%;object-fit:cover}.clean-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.clean-page-content{flex:1;padding:var(--space-8)}.clean-sidebar{transition:transform var(--transition-normal);z-index:1000;transform:translate(-100%)}.clean-sidebar.open{transform:translate(0)}.clean-hamburger-btn:hover{background:var(--surface-secondary)}[data-theme=light] .clean-hamburger-btn:hover{background:var(--color-light-800)}.clean-sidebar-close{display:block!important}.clean-main-content{margin-left:0}.clean-search-container{max-width:320px}@media (max-width: 768px){.clean-page-content{padding:var(--space-4)}.clean-search-container{max-width:280px}.clean-header-left{gap:var(--space-4)}.clean-page-title{font-size:1.25rem}}.clean-nav{display:flex;align-items:center;justify-content:space-between}.clean-main{padding:var(--space-8) 0}.clean-hero{text-align:center;margin-bottom:var(--space-12)}.clean-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clean-hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:48rem;margin:0 auto}.clean-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-6)}@media (max-width: 768px){.clean-project-grid{grid-template-columns:1fr}}.clean-project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);position:relative}.clean-project-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-focus);transform:translateY(-2px)}.clean-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.clean-project-card:hover:before{transform:scaleX(1)}.clean-project-header{padding:var(--space-6);border-bottom:1px solid var(--border-light)}.clean-project-content{padding:var(--space-6)}.clean-project-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.clean-empty-state{text-align:center;padding:var(--space-20) var(--space-6)}.clean-empty-icon{width:6rem;height:6rem;background:var(--surface-tertiary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);font-size:2rem}.clean-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.clean-filters-header{margin-bottom:var(--space-6)}.clean-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}@media (max-width: 768px){.clean-filters-grid{grid-template-columns:1fr}}.clean-filter-summary{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.clean-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);color:var(--color-red-700);margin-bottom:var(--space-4)}.clean-error-icon{font-size:1.25rem}.clean-modal-overlay-old{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000}.clean-modal-content-old{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);max-width:32rem;width:100%;max-height:90vh;overflow-y:auto}.task-creation-drawer{position:fixed;top:0;right:0;width:480px;height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:10000;transform:translate(100%);transition:transform var(--transition-normal);overflow-y:auto;display:flex;flex-direction:column}.task-creation-drawer.open{transform:translate(0)}.task-creation-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--surface-secondary)}.task-creation-drawer-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.task-creation-drawer-content{flex:1;padding:var(--space-6)}.task-creation-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--border-light);background:var(--surface-secondary)}.task-creation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9999;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.task-creation-backdrop.open{opacity:1;pointer-events:all}.task-creation-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1}.task-creation-close-btn:hover{color:var(--text-primary);background:var(--surface-tertiary)}.task-creation-form{display:flex;flex-direction:column;gap:var(--space-5)}.task-creation-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.task-creation-form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.task-creation-form-group input,.task-creation-form-group textarea,.task-creation-form-group select{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast);background:var(--surface);color:var(--text-primary)}.task-creation-form-group input:focus,.task-creation-form-group textarea:focus,.task-creation-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.task-creation-form-group input::placeholder,.task-creation-form-group textarea::placeholder{color:var(--text-tertiary)}.task-creation-form-group textarea{min-height:100px;resize:vertical}.task-creation-error{color:var(--error);font-size:.875rem;padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md)}.task-creation-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 768px){.task-creation-drawer{width:100vw;right:0}.task-creation-form-row{grid-template-columns:1fr}}.clean-hover-scale{transition:transform .2s ease,box-shadow .2s ease}.clean-hover-scale:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.clean-gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.clean-text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clean-border-l{border-left:1px solid var(--border)}.clean-border-t{border-top:1px solid var(--border)}.clean-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.clean-grid-cols-2{grid-template-columns:repeat(2,1fr)}.clean-text-3xl{font-size:1.875rem;line-height:2.25rem}.clean-text-xl{font-size:1.25rem;line-height:1.75rem}.clean-text-lg{font-size:1.125rem;line-height:1.75rem}.clean-text-sm{font-size:.875rem;line-height:1.25rem}.clean-font-bold{font-weight:700}.clean-font-semibold{font-weight:600}.clean-font-medium{font-weight:500}.clean-leading-relaxed{line-height:1.625}.clean-text-slate-900{color:#0f172a}.clean-text-slate-700{color:#334155}.clean-text-slate-600{color:#475569}.clean-text-slate-500{color:#64748b}.clean-text-amber-800{color:#92400e}.clean-text-amber-700{color:#b45309}.clean-text-blue-100{color:#dbeafe}.clean-text-red-100{color:#fee2e2}.clean-text-gray-100{color:#f3f4f6}.clean-text-green-100{color:#dcfce7}.clean-text-white{color:#fff}.clean-text-primary{color:var(--primary)}.clean-text-red-700{color:#b91c1c}.clean-w-12{width:3rem}.clean-h-12{height:3rem}.clean-w-10{width:2.5rem}.clean-h-10{height:2.5rem}.clean-rounded-full{border-radius:9999px}.clean-rounded-lg{border-radius:var(--radius-lg)}.clean-surface-secondary{background-color:var(--surface-secondary)}.clean-surface-tertiary{background-color:var(--surface-tertiary)}.clean-border{border:1px solid var(--border)}.clean-w-fit{width:fit-content}.clean-textarea{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;background:var(--surface);color:var(--text-primary);transition:all var(--transition-fast);resize:vertical;min-height:80px}.clean-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.clean-p-3{padding:var(--space-3)}.clean-px-3{padding-left:.75rem;padding-right:.75rem}.clean-py-1{padding-top:.25rem;padding-bottom:.25rem}.clean-px-4{padding-left:1rem;padding-right:1rem}.clean-py-2{padding-top:.5rem;padding-bottom:.5rem}.clean-px-6{padding-left:1.5rem;padding-right:1.5rem}.clean-py-3{padding-top:.75rem;padding-bottom:.75rem}.clean-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.clean-py-8{padding-top:2rem;padding-bottom:2rem}.clean-py-16{padding-top:4rem;padding-bottom:4rem}.clean-p-4{padding:1rem}.clean-p-6{padding:1.5rem}.clean-pl-6{padding-left:1.5rem}.clean-pl-12{padding-left:3rem}.clean-mb-6{margin-bottom:1.5rem}.clean-mb-8{margin-bottom:2rem}.clean-mt-6{margin-top:1.5rem}.clean-pt-6{padding-top:1.5rem}.clean-block{display:block}.clean-relative{position:relative}.clean-absolute{position:absolute}.clean-left-4{left:1rem}.clean-top-1\/2{top:50%}.clean-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.clean--translate-y-1\/2{--tw-translate-y: -50%}.clean-flex-shrink-0{flex-shrink:0}.clean-space-y-4>*+*{margin-top:1rem}.clean-space-y-6>*+*{margin-top:1.5rem}.clean-badge-sm{padding:.25rem .5rem;font-size:.75rem;font-weight:500}.clean-spinner-sm{width:1rem;height:1rem;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.pro-dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#1e293b}.pro-header{position:relative;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(203,213,225,.3);border-radius:20px;padding:2.5rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.pro-header-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#15803d0d,#3b82f60d);pointer-events:none}.pro-header-content{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.pro-project-main{display:flex;gap:1.5rem;flex:1}.pro-project-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#15803d,#22c55e);border-radius:16px;box-shadow:0 8px 32px #15803d66;flex-shrink:0}.pro-project-info{flex:1}.pro-title{font-size:2.25rem;font-weight:800;color:#1e293b;margin:0 0 .75rem;line-height:1.2}.pro-subtitle{color:#64748b;font-size:1.125rem;margin:0 0 1.5rem;line-height:1.5}.pro-metrics{display:flex;gap:1.5rem;flex-wrap:wrap}.pro-metric{display:flex;flex-direction:column;gap:.25rem}.pro-metric-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.pro-status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(203,213,225,.3);background:#fffc}.pro-status-web{background:linear-gradient(135deg,#3b82f61a,#6366f11a);color:#3b82f6;border-color:#3b82f633}.pro-status-mobile{background:linear-gradient(135deg,#22c55e1a,#15803d1a);color:#22c55e;border-color:#22c55e33}.pro-status-desktop,.pro-status-development{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#f59e0b;border-color:#f59e0b33}.pro-status-active,.pro-status-production{background:linear-gradient(135deg,#22c55e1a,#15803d1a);color:#22c55e;border-color:#22c55e33}.pro-status-inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444;border-color:#ef444433}.pro-status-category{background:linear-gradient(135deg,#a855f71a,#9333ea1a);color:#a855f7;border-color:#a855f733}.pro-actions{display:flex;gap:1rem}.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap;position:relative;overflow:hidden}.pro-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.pro-btn:hover:before{left:100%}.pro-btn-primary{background:linear-gradient(135deg,#15803d,#22c55e);color:#fff;box-shadow:0 4px 20px #15803d66}.pro-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #15803d99}.pro-btn-secondary{background:#ffffffe6;color:#374151;border:1px solid rgba(203,213,225,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pro-btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.pro-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.pro-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(203,213,225,.3);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000001a}.pro-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026;border-color:#cbd5e180}.pro-card-large{grid-column:span 2}.pro-card-full{grid-column:1 / -1}.pro-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(203,213,225,.2);background:#f8fafc80}.pro-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#1e293b}.pro-card-indicator{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 0 10px #22c55e80}.pro-security-badge,.pro-code-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#22c55e33,#15803d33);color:#86efac;border:1px solid rgba(34,197,94,.3)}.pro-card-content{padding:2rem}.pro-specs-grid{display:grid;gap:1.5rem}.pro-spec-item{display:flex;gap:1rem;padding:1rem;background:#f8fafccc;border-radius:12px;border:1px solid rgba(203,213,225,.2);transition:all .2s}.pro-spec-item:hover{background:#ffffffe6;border-color:#cbd5e14d}.pro-spec-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#a855f733,#9333ea33);border-radius:10px;color:#c4b5fd;flex-shrink:0}.pro-spec-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.pro-spec-label{font-size:.875rem;color:#94a3b8;font-weight:500}.pro-spec-value{font-size:1rem;color:#1e293b;font-weight:600}.pro-highlight{color:#15803d;font-weight:700}.pro-links{display:flex;flex-direction:column;gap:1rem}.pro-link-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafccc;border-radius:12px;border:1px solid rgba(203,213,225,.2);text-decoration:none;color:inherit;transition:all .2s}.pro-link-item:hover{background:#ffffffe6;border-color:#cbd5e166;transform:translate(4px)}.pro-link-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#3b82f633,#6366f133);border-radius:8px;color:#93c5fd;flex-shrink:0}.pro-link-details{flex:1;display:flex;flex-direction:column;gap:.125rem}.pro-link-title{font-size:.875rem;font-weight:600;color:#fff}.pro-link-url{font-size:.75rem;color:#94a3b8}.pro-link-arrow{color:#64748b;font-size:1.125rem}.pro-empty-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:#64748b;text-align:center}.pro-empty-icon{font-size:2rem;opacity:.5}.pro-credentials{display:flex;flex-direction:column;gap:1rem}.pro-credential-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pro-credential-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;font-weight:500}.pro-credential-value{display:flex;align-items:center;gap:.75rem}.pro-credential-value code{background:#0000004d;color:#22c55e;padding:.375rem .75rem;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;font-weight:600}.pro-copy-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.pro-copy-btn:hover{color:#94a3b8;background:#ffffff0d}.pro-code-container{background:#0006;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.pro-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.pro-code-dots{display:flex;gap:.5rem}.pro-code-dots span{width:12px;height:12px;border-radius:50%;display:block}.pro-code-dots span:nth-child(1){background:#ff5f56}.pro-code-dots span:nth-child(2){background:#ffbd2e}.pro-code-dots span:nth-child(3){background:#27ca3f}.pro-code-title{color:#94a3b8;font-size:.875rem;font-weight:500}.pro-code-block{padding:1.5rem;margin:0;background:transparent}.pro-code-block code{color:#e2e8f0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.pro-file-info{display:flex;flex-direction:column;gap:1.5rem}.pro-file-details{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pro-file-item{display:flex;align-items:center;gap:1rem;flex:1}.pro-file-meta{display:flex;flex-direction:column;gap:.25rem}.pro-file-name{font-size:1rem;font-weight:600;color:#fff}.pro-file-stats{font-size:.875rem;color:#94a3b8}.pro-upload-zone{display:flex;flex-direction:column;gap:1rem}.pro-upload-area{position:relative;background:#ffffff05;border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s}.pro-upload-area:hover{border-color:#22c55e80;background:#22c55e0d}.pro-file-input{display:none}.pro-upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;color:#94a3b8}.pro-upload-text{font-size:1.125rem;font-weight:600;color:#fff}.pro-upload-hint{font-size:.875rem;color:#64748b}.pro-empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;color:#64748b}.pro-empty-icon{font-size:2.5rem;opacity:.5}.pro-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500}.pro-alert-error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.pro-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.pro-dashboard{padding:1.5rem}.pro-card-large{grid-column:span 1}.pro-dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pro-dashboard{padding:1rem}.pro-header{padding:1.5rem}.pro-header-content{flex-direction:column;gap:1.5rem}.pro-project-main{flex-direction:column;gap:1rem}.pro-title{font-size:1.875rem}.pro-metrics{flex-direction:column;gap:1rem}.pro-actions{width:100%;justify-content:flex-start}.pro-card-content{padding:1.5rem}.pro-upload-area{padding:2rem 1rem}}.chakra-container{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.chakra-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.chakra-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.chakra-project-info{display:flex;gap:1rem;flex:1}.chakra-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#15803d;color:#fff;border-radius:8px;flex-shrink:0}.chakra-project-details{flex:1}.chakra-title{font-size:1.875rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;line-height:1.2}.chakra-description{color:#718096;font-size:1rem;margin:0 0 1rem;line-height:1.5}.chakra-badges{display:flex;gap:.5rem;flex-wrap:wrap}.chakra-actions{display:flex;gap:.75rem}.chakra-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.chakra-btn-primary{background:#15803d;color:#fff;border-color:#15803d}.chakra-btn-primary:hover{background:#166534;border-color:#166534}.chakra-btn-outline{background:#fff;color:#15803d;border-color:#15803d}.chakra-btn-outline:hover{background:#f0fdf4}.chakra-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;text-transform:capitalize}.chakra-badge-web{background:#dbeafe;color:#1e40af}.chakra-badge-mobile{background:#dcfce7;color:#166534}.chakra-badge-desktop,.chakra-badge-development{background:#fef3c7;color:#92400e}.chakra-badge-active,.chakra-badge-production{background:#dcfce7;color:#166534}.chakra-badge-inactive{background:#fee2e2;color:#dc2626}.chakra-badge-category{background:#f3e8ff;color:#7c3aed}.chakra-badge-success{background:#dcfce7;color:#166534}.chakra-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;overflow:hidden}.chakra-section-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:#f7fafc;border-bottom:1px solid #e2e8f0}.chakra-section-header h2{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.chakra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem}.chakra-full-width{grid-column:1 / -1}.chakra-info-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .2s}.chakra-info-card:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000001a}.chakra-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#4a5568;font-size:.875rem;font-weight:500}.chakra-info-content{color:#1a202c;font-size:1rem;font-weight:500;word-break:break-word}.chakra-link{color:#15803d;text-decoration:none;font-weight:500;transition:color .2s}.chakra-link:hover{color:#166534;text-decoration:underline}.chakra-code{background:#edf2f7;color:#2d3748;padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem}.chakra-code-block{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin:2rem}.chakra-code-block pre{margin:0;color:#2d3748;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chakra-empty-state{text-align:center;padding:3rem 2rem;color:#718096}.chakra-empty-icon{font-size:3rem;margin-bottom:1rem}.chakra-empty-state h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#4a5568}.chakra-empty-state p{margin:0;font-size:.875rem}.chakra-upload-area{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:2rem;margin:2rem}.chakra-upload-content{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.chakra-file-input{display:none}.chakra-file-label{flex:1;cursor:pointer}.chakra-upload-info{text-align:center;color:#718096;font-size:.875rem}.chakra-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.chakra-alert-error{background:#fed7d7;color:#c53030;border:1px solid #feb2b2}@media (max-width: 768px){.chakra-container{padding:1rem}.chakra-header{padding:1.5rem}.chakra-header-content{flex-direction:column;gap:1.5rem}.chakra-actions{width:100%;justify-content:flex-start}.chakra-project-info{flex-direction:column;gap:1rem}.chakra-grid{grid-template-columns:1fr;padding:1.5rem}.chakra-upload-content{flex-direction:column}.chakra-file-label{width:100%}}.premium-header{background:var(--surface-color, #ffffff);color:var(--text-primary, #1e293b);padding:2rem 0;border-bottom:1px solid var(--border-color, #e2e8f0)}.premium-header-content{max-width:1200px;margin:0 auto;padding:0 2rem}.premium-project-icon{width:4rem;height:4rem;background:#0f3460;border:3px solid #16213e;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#e94560;box-shadow:0 8px 32px #0f34604d}.premium-project-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.premium-project-subtitle{font-size:1.125rem;color:#cbd5e1;margin:0;font-weight:400}.premium-badge{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent}.premium-badge-primary{background:#1e40af;color:#fff;border-color:#1d4ed8}.premium-badge-success{background:#059669;color:#fff;border-color:#047857}.premium-badge-warning{background:#d97706;color:#fff;border-color:#b45309}.premium-badge-error{background:#dc2626;color:#fff;border-color:#b91c1c}.premium-badge-neutral{background:#6b7280;color:#fff;border-color:#4b5563}.premium-section{background:var(--surface-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:2rem}[data-theme=light] .premium-section{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-light-600)}.premium-section-header{background:var(--surface-secondary);border-bottom:1px solid var(--border-glass);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}[data-theme=light] .premium-section-header{background:var(--color-light-800);border-bottom:1px solid var(--color-light-600)}.premium-section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.premium-section-icon{width:2rem;height:2rem;background:var(--primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-primary);box-shadow:var(--shadow-glow)}.premium-section-content{padding:2rem}.premium-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.premium-info-item{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.premium-info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.premium-info-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.premium-info-value{font-size:1.125rem;font-weight:500;color:var(--text-primary);line-height:1.5}.premium-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.premium-btn-primary{background:var(--primary-gradient);color:var(--text-primary);border-color:var(--primary);box-shadow:var(--shadow-glow)}.premium-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow-lg)}.premium-btn-secondary{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border)}.premium-btn-secondary:hover{background:var(--primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.premium-btn-success{background:#059669;color:#fff;border-color:#047857}.premium-btn-success:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 16px #0596694d}.premium-btn-warning{background:#d97706;color:#fff;border-color:#b45309}.premium-btn-warning:hover{background:#b45309;transform:translateY(-1px);box-shadow:0 4px 16px #d977064d}.premium-btn-error{background:#dc2626;color:#fff;border-color:#b91c1c}.premium-btn-error:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 16px #dc26264d}.premium-subproject-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.premium-subproject-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#3b82f6}.premium-subproject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.premium-subproject-card.status-active:before{background:#059669}.premium-subproject-card.status-development:before{background:#d97706}.premium-subproject-card.status-inactive:before{background:#dc2626}.premium-task-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.premium-task-stat{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;position:relative;overflow:hidden}.premium-task-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.premium-task-stat.stat-pending:before{background:#d97706}.premium-task-stat.stat-progress:before{background:#3b82f6}.premium-task-stat.stat-blocked:before{background:#dc2626}.premium-task-stat.stat-complete:before{background:#059669}.premium-task-stat-number{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.premium-task-stat-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.premium-client-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.premium-client-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.premium-client-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.premium-alert{padding:1rem 1.5rem;border-radius:8px;border:1px solid;margin-bottom:1rem}.premium-alert-error{background:#ef44441a;border-color:var(--error);color:var(--error)}.premium-alert-success{background:#10b9811a;border-color:var(--success);color:var(--success)}.premium-alert-warning{background:#f59e0b1a;border-color:var(--warning);color:var(--warning)}.premium-alert-info{background:#3b82f61a;border-color:var(--info);color:var(--info)}@media (max-width: 768px){.premium-header-content{padding:0 1rem}.premium-project-title{font-size:2rem}.premium-section-content{padding:1rem}.premium-info-grid{grid-template-columns:1fr}}.clean-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.clean-stat-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-fast)}.clean-stat-card:hover{background:var(--surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.clean-stat-value{font-size:1.875rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.clean-stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.clean-category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;transition:all var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;outline:none}.clean-category-card:hover{background:var(--surface-secondary);border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--shadow-sm)}[data-theme=light] .clean-category-card:hover{background:var(--color-light-800)}.clean-category-icon{width:3rem;height:3rem;background:var(--surface-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-2)}.clean-category-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0;text-align:center;line-height:1.3}.clean-project-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.clean-project-item{display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.clean-project-item:last-child{border-bottom:none}.clean-project-item:hover{background:var(--surface-secondary)}[data-theme=light] .clean-project-item:hover{background:var(--color-light-800)}.clean-project-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.clean-project-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;text-decoration:none;transition:color var(--transition-fast)}.clean-project-name:hover{color:var(--primary)}.clean-project-description{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-1);line-height:1.4}.clean-project-category{font-size:.75rem;color:var(--text-tertiary);text-transform:capitalize}.clean-project-stats{display:flex;align-items:center;gap:var(--space-4);margin-left:var(--space-6)}.clean-project-stat{display:flex;align-items:center;gap:var(--space-1)}.clean-stat-icon{font-size:.875rem;color:var(--text-tertiary)}.clean-stat-value{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.clean-stat-label{font-size:.75rem;color:var(--text-tertiary);margin-left:var(--space-1)}.clean-project-status{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-6)}.clean-status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:capitalize}.clean-status-badge.badge-success{background:var(--color-emerald-100);color:var(--color-emerald-700)}.clean-status-badge.badge-warning{background:var(--color-amber-100);color:var(--color-amber-700)}.clean-status-badge.badge-info{background:var(--color-blue-100);color:var(--color-blue-700)}.clean-status-badge.badge-error{background:var(--color-red-100);color:var(--color-red-700)}.clean-priority-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:capitalize}.clean-priority-badge.clean-priority-high{background:var(--color-red-100);color:var(--color-red-700)}.clean-priority-badge.clean-priority-medium{background:var(--color-amber-100);color:var(--color-amber-700)}.clean-priority-badge.clean-priority-low{background:var(--color-slate-100);color:var(--color-slate-700)}.clean-project-progress{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-6);min-width:200px}.clean-progress-text{font-size:.75rem;color:var(--text-tertiary);min-width:70px}.clean-progress-bar{flex:1;height:6px;background:var(--surface-tertiary);border-radius:3px;overflow:hidden;position:relative}.clean-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width var(--transition-normal)}.clean-progress-percentage{font-size:.75rem;font-weight:500;color:var(--text-secondary);min-width:30px;text-align:right}.clean-project-actions{margin-left:var(--space-4)}.clean-action-dropdown{display:flex;align-items:center;gap:var(--space-1)}.clean-action-btn{width:2rem;height:2rem;border:none;background:transparent;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-tertiary)}.clean-action-btn:hover{background:var(--surface-tertiary);color:var(--text-secondary)}.clean-add-project-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-xl);color:var(--text-tertiary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.clean-add-project-btn:hover{background:var(--surface-secondary);border-color:var(--border-focus);color:var(--text-primary)}[data-theme=light] .clean-add-project-btn:hover{background:var(--color-light-800)}@media (max-width: 1024px){.clean-project-progress{min-width:150px}.clean-project-stats,.clean-project-status{margin-left:var(--space-4)}}@media (max-width: 768px){.clean-project-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.clean-project-stats,.clean-project-status,.clean-project-progress{margin-left:0}.clean-project-progress{min-width:auto;width:100%}.clean-category-card{padding:var(--space-3)}.clean-category-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.clean-category-title{font-size:.75rem}}.login-page-container{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--surface-secondary)!important;padding:var(--space-4)!important;max-width:none!important;margin:0!important;text-align:initial!important}.login-content{width:100%!important;max-width:480px!important;animation:cleanFadeIn var(--transition-slow) ease-out!important;text-align:initial!important}.login-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-xl)!important;overflow:hidden!important;position:relative!important;padding:0!important}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-hover) 100%)}.login-header{padding:var(--space-8) var(--space-6) var(--space-6)!important;text-align:center!important;border-bottom:1px solid var(--border-light)!important;background:var(--surface-secondary)!important}.logo-section{display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--space-4)!important;margin-bottom:var(--space-4)!important}.logo-icon{width:4rem!important;height:4rem!important;background:var(--primary)!important;border-radius:var(--radius-xl)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;box-shadow:var(--shadow-md)!important}.logo-text h1{font-size:1.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;letter-spacing:-.02em!important}.logo-text p{font-size:.875rem!important;color:var(--text-secondary)!important;margin:0!important;font-weight:500!important}.login-form-section{padding:var(--space-8) var(--space-6)!important}.form-header{text-align:center!important;margin-bottom:var(--space-8)!important}.form-header h2{font-size:1.75rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0 0 var(--space-2) 0!important;letter-spacing:-.02em!important}.form-header p{font-size:.875rem!important;color:var(--text-secondary)!important;margin:0!important}.login-form{display:flex!important;flex-direction:column!important;gap:var(--space-6)!important}.login-form .clean-form-group{margin-bottom:var(--space-5)!important}.login-form .clean-error{display:flex!important;align-items:center!important;gap:var(--space-3)!important;padding:var(--space-4)!important;background:var(--color-red-50)!important;border:1px solid var(--color-red-200)!important;border-radius:var(--radius-lg)!important;color:var(--color-red-700)!important;margin-bottom:var(--space-4)!important}.login-submit-btn{width:100%!important;margin-top:var(--space-2)!important;position:relative!important;overflow:hidden!important}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.login-submit-btn:hover:before{left:100%}.login-footer{padding:var(--space-4) var(--space-6)!important;text-align:center!important;border-top:1px solid var(--border-light)!important;background:var(--surface-secondary)!important}.login-footer p{font-size:.75rem!important;color:var(--text-tertiary)!important;margin:0!important;font-weight:500!important}.login-form .clean-input{padding:var(--space-4)!important;font-size:.875rem!important;border-radius:var(--radius-xl)!important;transition:all var(--transition-normal)!important;width:100%!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-primary)!important;outline:none!important}.login-form .clean-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)!important;transform:translateY(-1px)!important}.login-form .clean-label{font-weight:600!important;color:var(--text-primary)!important;margin-bottom:var(--space-3)!important;display:block!important;font-size:.875rem!important}@media (max-width: 480px){.login-page-container{padding:var(--space-2)}.login-content{max-width:100%}.login-header{padding:var(--space-6) var(--space-4) var(--space-4)}.login-form-section{padding:var(--space-6) var(--space-4)}.logo-section{flex-direction:column;gap:var(--space-3)}.logo-icon{width:3rem;height:3rem;font-size:1.25rem}.logo-text h1{font-size:1.25rem}.form-header h2{font-size:1.5rem}}.clean-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clean-modal{background:var(--surface);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.clean-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-light)}.clean-modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.clean-modal-content{padding:1.5rem;max-height:calc(90vh - 120px);overflow-y:auto}.clean-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-light)}.clean-modal-lg{max-width:800px}.clean-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.clean-modal-body{padding:1.5rem;max-height:calc(90vh - 120px);overflow-y:auto}.clean-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clean-modal-close:hover{background:var(--surface-secondary);color:var(--text-primary)}.clean-table-responsive,.clean-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.clean-table{width:100%;border-collapse:collapse;font-size:.875rem}.clean-table th{background:var(--surface-secondary);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);text-align:left;font-weight:600;color:var(--text-primary);white-space:nowrap}[data-theme=light] .clean-table th{background:var(--color-light-800);border-bottom:1px solid var(--color-light-600)}.clean-table td{border-bottom:1px solid var(--border-light);padding:var(--space-4) var(--space-6);color:var(--text-secondary);vertical-align:middle}.clean-table tr:last-child td{border-bottom:none}.clean-table tr:hover{background:var(--surface-secondary)}[data-theme=light] .clean-table tr:hover{background:var(--color-light-800)}.clean-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary)}.clean-avatar img{width:100%;height:100%;object-fit:cover}.clean-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--text-inverse);font-weight:600;font-size:.875rem}.clean-badge-primary{background:var(--color-blue-100);color:var(--color-blue-700)}.clean-badge-success{background:var(--color-emerald-100);color:var(--color-emerald-700)}.clean-badge-warning{background:var(--color-amber-100);color:var(--color-amber-700)}.clean-badge-error{background:var(--color-red-100);color:var(--color-red-700)}.clean-badge-neutral{background:var(--color-slate-100);color:var(--color-slate-700)}.clean-badge-sm{padding:var(--space-1) var(--space-2);font-size:.75rem}@media (max-width: 768px){.clean-modal{max-width:calc(100vw - 2rem);margin:1rem;max-height:calc(100vh - 2rem)}.clean-modal-overlay,.clean-modal-header,.clean-modal-content,.clean-modal-footer{padding:1rem}.clean-modal-content{max-height:calc(100vh - 200px)}}.clean-table-responsive{font-size:.75rem}.clean-table th,.clean-table td{padding:var(--space-3) var(--space-4)}.clean-avatar{width:2rem;height:2rem}.clean-mr-2{margin-right:var(--space-2)}.clean-ml-2{margin-left:var(--space-2)}.clean-text-success{color:var(--success)}.clean-text-error{color:var(--error)}.clean-text-warning{color:var(--warning)}.clean-text-info{color:var(--info)}.clean-grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.clean-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dashboard-filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 4px #0000000d}.dashboard-search-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text-primary);transition:all .2s ease;min-width:200px}.dashboard-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.dashboard-search-input::placeholder{color:var(--text-tertiary)}.dashboard-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%236b7280' d='M6 8L2 4h8z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.dashboard-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.dashboard-select:hover{border-color:var(--primary-light)}.dashboard-select option{background:var(--surface);color:var(--text-primary);padding:.5rem}.clean-card-hover{transition:all .2s ease;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.clean-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--primary)}.clean-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em}.clean-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clean-badge-sm{font-size:.75rem;padding:.25rem .75rem;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.025em}.dashboard-project-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.dashboard-project-card-compact{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.dashboard-project-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary-light)}.dashboard-project-card-compact:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a;border-color:var(--primary-light)}.dashboard-project-link{text-decoration:none;color:inherit}.dashboard-project-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.dashboard-project-icon{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.dashboard-project-info{flex:1;min-width:0}.dashboard-project-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.dashboard-project-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.dashboard-project-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1.25rem}.dashboard-progress-section{margin-bottom:.5rem}.dashboard-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dashboard-progress-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.dashboard-progress-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.dashboard-progress-bar{height:6px;background:var(--surface-secondary);border-radius:3px;overflow:hidden}.dashboard-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.dashboard-project-stats{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.25rem;font-size:.875rem;color:var(--text-secondary)}.dashboard-project-version,.dashboard-project-downloads{font-weight:500}.dashboard-view-button{width:100%;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .2s ease}.dashboard-view-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;color:#fff}.clean-status-success{color:#059669;background-color:#0596691a;border:1px solid rgba(5,150,105,.2)}.clean-status-primary{color:#2563eb;background-color:#2563eb1a;border:1px solid rgba(37,99,235,.2)}.clean-status-warning{color:#d97706;background-color:#d977061a;border:1px solid rgba(217,119,6,.2)}.clean-status-neutral{color:#6b7280;background-color:#6b72801a;border:1px solid rgba(107,114,128,.2)}.type-mobile{background-color:#05966926;color:#059669}.type-web{background-color:#2563eb26;color:#2563eb}.type-desktop{background-color:#8b5cf626;color:#8b5cf6}.type-api{background-color:#d9770626;color:#d97706}@media (max-width: 1200px){.clean-grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.clean-grid-compact{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.clean-grid-3{grid-template-columns:1fr;gap:1rem}.clean-grid-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.dashboard-project-card{padding:1.25rem}.dashboard-project-card-compact{padding:.875rem}.dashboard-project-header{gap:.75rem}.dashboard-project-icon{width:2.5rem;height:2.5rem}.dashboard-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem}.dashboard-search-input,.dashboard-select{min-width:unset}}@keyframes pulse-attention{0%,to{box-shadow:0 0 10px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 0 20px #ff6b6b99;transform:scale(1.02)}}@keyframes project-border-glow{0%,to{filter:drop-shadow(0 0 6px #ff6b6b) drop-shadow(0 0 12px #ff6b6b)}25%{filter:drop-shadow(0 0 8px #ffa500) drop-shadow(0 0 16px #ffa500)}50%{filter:drop-shadow(0 0 10px #ff4757) drop-shadow(0 0 20px #ff4757)}75%{filter:drop-shadow(0 0 8px #ffa500) drop-shadow(0 0 16px #ffa500)}}@keyframes project-border-flow{0%{background-position:0% 0%}to{background-position:200% 200%}}.clean-project-item.need-attention{position:relative;border:2px solid transparent;border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--space-2);overflow:hidden}.clean-project-item.need-attention:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient(45deg,#ff6b6b,orange,#0f8,#0ff,#ff6b6b,orange);background-size:200% 200%;animation:project-border-flow 3s linear infinite,project-border-glow 2s ease-in-out infinite;border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:1}.clean-project-item.need-attention>*{position:relative;z-index:2}@keyframes sweep{0%{left:-100%}to{left:100%}}.leave-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1050;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:leaveModalOverlayShow .3s ease-out}@keyframes leaveModalOverlayShow{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.leave-modal{background:var(--surface);border-radius:20px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d;max-width:900px;width:100%;max-height:95vh;overflow:hidden;animation:leaveModalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes leaveModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.leave-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-secondary) 100%)}.leave-modal-title-section{display:flex;align-items:center;gap:1rem}.leave-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #00000026}.leave-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.leave-modal-subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0;font-weight:500}.leave-modal-close{background:var(--surface-secondary);border:none;color:var(--text-secondary);cursor:pointer;padding:.75rem;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.leave-modal-close:hover{background:var(--surface-tertiary);color:var(--text-primary);transform:scale(1.05)}.leave-modal-body{padding:2rem;max-height:calc(95vh - 200px);overflow-y:auto}.leave-status-card{background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.leave-status-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;font-size:.875rem;text-transform:capitalize;box-shadow:0 2px 8px #0000001a}.leave-status-meta{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:var(--text-secondary);text-align:right}.leave-status-info{display:flex;flex-direction:column;gap:.25rem}.leave-status-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.leave-status-date{font-size:.875rem;color:var(--text-primary);font-weight:600}.leave-status-by{font-size:.75rem;color:var(--text-secondary);font-style:italic}.leave-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.leave-details-grid-three{grid-template-columns:1fr 1fr 1fr}.leave-detail-card{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.leave-detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.leave-detail-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.leave-detail-title:before{content:"";width:4px;height:20px;background:var(--primary-gradient);border-radius:2px}.leave-detail-content{display:flex;flex-direction:column;gap:1rem}.leave-detail-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.leave-detail-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;min-width:80px}.leave-detail-value{font-size:.875rem;color:var(--text-primary);font-weight:600;text-align:right}.leave-type-badge{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:.375rem .875rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.leave-days-badge{background:var(--color-emerald-100);color:var(--color-emerald-700);padding:.375rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700}.leave-approval-card{border:2px solid var(--border-light);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-secondary) 100%)}.leave-pending-info,.leave-cancelled-info{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;text-align:center}.leave-pending-icon,.leave-cancelled-icon{font-size:2rem;opacity:.7}.leave-pending-text,.leave-cancelled-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.leave-approval-details{display:flex;flex-direction:column;gap:1rem}.leave-approval-badge,.leave-rejection-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-weight:600;font-size:.875rem;margin-top:.5rem}.leave-approval-badge{background:var(--color-emerald-100);color:var(--color-emerald-700);border:1px solid var(--color-emerald-200)}.leave-rejection-badge{background:var(--color-red-100);color:var(--color-red-700);border:1px solid var(--color-red-200)}.leave-approval-icon,.leave-rejection-icon{font-size:1rem}.leave-approval-text,.leave-rejection-text{font-weight:600;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .leave-approval-badge{background:#10b98126;color:var(--color-emerald-400);border-color:#10b9814d}[data-theme=dark] .leave-rejection-badge{background:#ef444426;color:var(--color-red-400);border-color:#ef44444d}.leave-section{margin-bottom:2rem}.leave-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.leave-section-title:before{content:"";width:4px;height:18px;background:var(--primary-gradient);border-radius:2px}.leave-reason-card,.leave-info-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.25rem;color:var(--text-secondary);line-height:1.6;font-size:.875rem}.leave-admin-comments{background:linear-gradient(135deg,var(--color-amber-50) 0%,var(--color-orange-50) 100%);border:1px solid var(--color-amber-200);border-radius:12px;padding:1.25rem;color:var(--color-amber-800);line-height:1.6;font-size:.875rem;font-style:italic}[data-theme=dark] .leave-admin-comments{background:linear-gradient(135deg,#fbbf241a,#f973161a);border-color:#fbbf244d;color:var(--color-amber-300)}.leave-comments-textarea{width:100%;min-height:100px;padding:1rem;border:2px solid var(--border-light);border-radius:12px;background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;transition:all .2s ease}.leave-comments-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.leave-comments-textarea::placeholder{color:var(--text-tertiary)}.leave-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border-light);background:var(--surface-secondary)}.leave-action-buttons{display:flex;gap:1rem}.leave-btn{padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.leave-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.leave-btn:hover:before{width:300px;height:300px}.leave-btn-cancel{background:var(--surface-tertiary);color:var(--text-secondary);border:2px solid var(--border)}.leave-btn-cancel:hover{background:var(--surface-quaternary);color:var(--text-primary);transform:translateY(-2px)}.leave-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.leave-btn-reject:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.leave-btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.leave-btn-approve:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.leave-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.leave-btn:disabled:before{display:none}@media (max-width: 1200px) and (min-width: 769px){.leave-details-grid-three{grid-template-columns:1fr 1fr}.leave-details-grid-three .leave-approval-card{grid-column:1 / -1}}@media (max-width: 768px){.leave-modal{margin:.5rem;max-width:none;width:calc(100% - 1rem);max-height:calc(100vh - 1rem)}.leave-modal-header,.leave-modal-body,.leave-modal-footer{padding-left:1.5rem;padding-right:1.5rem}.leave-modal-header{padding-top:1.5rem;padding-bottom:1rem}.leave-modal-body{padding-top:1.5rem;padding-bottom:1.5rem;max-height:calc(100vh - 180px)}.leave-details-grid,.leave-details-grid-three{grid-template-columns:1fr;gap:1rem}.leave-status-card{flex-direction:column;text-align:center}.leave-status-meta{text-align:center;gap:.5rem}.leave-status-info{align-items:center}.leave-modal-footer{flex-direction:column;gap:1rem;align-items:stretch}.leave-action-buttons{flex-direction:column;gap:.75rem}.leave-btn{justify-content:center;padding:1rem 1.5rem}.leave-detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.leave-detail-value{text-align:left}}.leave-filters-card{background:var(--surface);border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border-light);margin-bottom:2rem;overflow:hidden}.leave-filters-header{background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%);padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.leave-filters-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.leave-filters-title:before{content:"";width:3px;height:18px;background:var(--primary-gradient);border-radius:2px}.leave-clear-filters{background:var(--color-red-100);color:var(--color-red-700);border:none;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.leave-clear-filters:hover{background:var(--color-red-200);transform:translateY(-1px);box-shadow:0 2px 4px #ef444433}.leave-filters-content{padding:1.5rem;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:end}.leave-search-wrapper{flex:1;min-width:300px}.leave-input-group{position:relative;display:flex;align-items:center;background:var(--surface-secondary);border:2px solid var(--border-light);border-radius:12px;padding:0 1rem;transition:all .2s ease}.leave-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:var(--surface)}.leave-input-group svg{color:var(--text-tertiary);transition:color .2s ease;flex-shrink:0}.leave-input-group:focus-within svg{color:var(--primary)}.leave-search-input{border:none;background:transparent;padding:1rem 1rem 1rem .75rem;font-size:.875rem;color:var(--text-primary);outline:none;width:100%;flex:1}.leave-search-input::placeholder{color:var(--text-tertiary)}.leave-clear-search{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:.5rem;flex-shrink:0}.leave-clear-search:hover{background:var(--surface-tertiary);color:var(--text-primary)}.leave-status-filter-wrapper{min-width:200px}.leave-status-select{width:100%;padding:1rem 3rem 1rem 1.25rem;border:2px solid var(--border-light);border-radius:12px;background:var(--surface-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em 1em}.leave-status-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background-color:var(--surface)}.leave-status-select option{background:var(--surface);color:var(--text-primary);padding:.5rem}[data-theme=dark] .leave-status-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}@media (max-width: 768px){.leave-filters-card{border-radius:12px}.leave-filters-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.leave-filters-content{padding:1rem;flex-direction:column;gap:1rem}.leave-search-wrapper,.leave-status-filter-wrapper{min-width:auto}.leave-input-group{padding:0 .75rem}.leave-search-input,.leave-status-select{padding:.875rem 1rem}.leave-status-select{padding-right:2.5rem}}.leave-table-card{background:var(--surface);border-radius:20px;box-shadow:0 4px 20px #00000014,0 0 0 1px #ffffff0d;overflow:hidden;border:1px solid var(--border-light)}.leave-table-header{background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%);padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.leave-table-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.leave-table-title:before{content:"";width:4px;height:24px;background:var(--primary-gradient);border-radius:2px}.leave-table-stats{display:flex;gap:2rem}.leave-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.leave-stat-count{font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1}.leave-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.leave-table-container{overflow-x:auto}.leave-table{width:100%;border-collapse:collapse;font-size:.875rem}.leave-table th{background:var(--surface-secondary);border-bottom:2px solid var(--border-light);padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.leave-table td{border-bottom:1px solid var(--border-light);padding:1.25rem 1.5rem;color:var(--text-secondary);vertical-align:middle;transition:all .2s ease}.leave-table tr:last-child td{border-bottom:none}.leave-table tr:hover{background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%)}.leave-table tr:hover td{color:var(--text-primary)}.leave-table .clean-badge{font-weight:600;padding:.5rem 1rem;border-radius:10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0000001a}.leave-table .clean-btn{border-radius:8px;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.leave-table .clean-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width: 1200px){.leave-table-header{padding:1.25rem 1.5rem}.leave-table th,.leave-table td{padding:1rem 1.25rem}.leave-table-stats{gap:1.5rem}}@media (max-width: 768px){.leave-table-card{border-radius:16px}.leave-table-header{flex-direction:column;text-align:center;padding:1rem;gap:1rem}.leave-table-stats{justify-content:center;gap:2rem}.leave-table-container{padding:0 1rem 1rem}.leave-table th,.leave-table td{padding:.75rem 1rem;font-size:.8rem}.leave-table th{font-size:.7rem}.leave-table td .clean-flex{flex-direction:column;gap:.5rem;align-items:stretch}.leave-table .clean-btn{justify-content:center;padding:.6rem 1rem}}.clean-project-item.need-attention:hover{transform:translateY(-2px)}.clean-project-item.need-attention:hover:before{animation:project-border-flow 1.5s linear infinite,project-border-glow 1s ease-in-out infinite}@keyframes dashboard-border-glow{0%,to{filter:drop-shadow(0 0 8px #ff6b6b) drop-shadow(0 0 15px #ff6b6b)}25%{filter:drop-shadow(0 0 10px #ffa500) drop-shadow(0 0 20px #ffa500)}50%{filter:drop-shadow(0 0 12px #ff4757) drop-shadow(0 0 25px #ff4757)}75%{filter:drop-shadow(0 0 10px #ffa500) drop-shadow(0 0 20px #ffa500)}}@keyframes dashboard-border-flow{0%{background-position:0% 0%}to{background-position:200% 200%}}.dashboard-project-card.need-attention-card{position:relative;border:2px solid transparent;background:var(--surface-card);border-radius:var(--radius-xl);overflow:hidden}.dashboard-project-card.need-attention-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient(45deg,#ff6b6b,orange,#0f8,#0ff,#ff6b6b,orange);background-size:200% 200%;animation:dashboard-border-flow 3s linear infinite,dashboard-border-glow 2s ease-in-out infinite;border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:1}.dashboard-project-card.need-attention-card>*{position:relative;z-index:2}.dashboard-project-card.need-attention-card:hover{transform:translateY(-3px)}.dashboard-project-card.need-attention-card:hover:before{animation:dashboard-border-flow 1.5s linear infinite,dashboard-border-glow 1s ease-in-out infinite}.clean-status-attention{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff!important;border:1px solid #ff6b6b;animation:pulse-attention 2s infinite;font-weight:600;box-shadow:0 0 10px #ff6b6b66}.technology-stack{display:inline-flex;align-items:center;gap:4px;height:24px;overflow:hidden}.technology-stack.tech-small{height:18px}.technology-stack.tech-medium{height:20px}.technology-stack.tech-large{height:24px}.tech-item{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);overflow:hidden;flex-shrink:0}.tech-small .tech-item{width:18px;height:18px}.tech-medium .tech-item{width:20px;height:20px}.tech-large .tech-item{width:24px;height:24px}.tech-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.tech-letter{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;background:#6b7280;color:#fff;font-size:10px;font-weight:700;border-radius:4px}.tech-small .tech-letter{font-size:8px}.tech-medium .tech-letter{font-size:9px}.tech-large .tech-letter{font-size:10px}.tech-extra{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:600;color:#9ca3af;flex-shrink:0}.tech-small .tech-extra{width:18px;height:18px;font-size:7px}.tech-medium .tech-extra{width:20px;height:20px;font-size:8px}.tech-large .tech-extra{width:24px;height:24px;font-size:9px}.dashboard-tech-stack{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:24px}.dashboard-tech-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.dashboard-tech-icons{flex:1;min-width:0}.clean-project-item .technology-stack{margin-top:var(--space-1)}.dashboard-task-breakdown{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid rgba(255,255,255,.1)}.task-stat{display:flex;align-items:center;gap:var(--space-1);font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);cursor:help;transition:all var(--transition-fast)}.task-stat.in-progress{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.task-stat.pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.task-stat.blocked{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.task-stat:hover{transform:scale(1.05);opacity:.9}.status-complete{color:#22c55e!important}.status-near-complete{color:#3b82f6!important}.status-progress{color:#8b5cf6!important}.status-started{color:#f59e0b!important}.status-not-started{color:#6b7280!important}.status-attention{color:#ff6b6b!important}@media (max-width: 768px){.dashboard-tech-stack{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.dashboard-tech-label{font-size:.7rem}.dashboard-tech-icons .tech-icon{width:18px;height:18px}.dashboard-tech-icons .tech-more{width:18px;height:18px;font-size:.55rem}.dashboard-task-breakdown{gap:var(--space-1)}.task-stat{font-size:.65rem;padding:1px 4px}}.technology-input-container{position:relative;width:100%}.technology-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:2.5rem;transition:border-color var(--transition-fast)}.technology-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #a855f71a}.technology-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;min-width:0}.technology-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--primary);transition:all var(--transition-fast);animation:chipFadeIn .2s ease-out}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tech-chip-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.tech-chip-label{color:var(--text-primary);font-weight:500}.tech-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;font-size:1rem;line-height:1;transition:all var(--transition-fast)}.tech-chip-remove:hover{background:#ffffff1a;color:var(--error);transform:scale(1.1)}.technology-input{flex:1;min-width:120px;border:none;background:transparent;padding:var(--space-1);font-size:.875rem;color:var(--text-primary);outline:none}.technology-input::placeholder{color:var(--text-tertiary)}.technology-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;animation:suggestionsFadeIn .15s ease-out}@keyframes suggestionsFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.technology-suggestion{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-light)}.technology-suggestion:last-child{border-bottom:none}.technology-suggestion:hover{background:var(--surface-secondary)}[data-theme=light] .technology-suggestion:hover{background:var(--color-light-800)}.technology-suggestion:active{background:var(--surface-tertiary)}.suggestion-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.suggestion-label{font-size:.875rem;color:var(--text-primary);font-weight:500}.technology-input-help{font-size:.7rem;color:var(--text-tertiary);margin-top:var(--space-1);padding:0 var(--space-1)}.technology-chip{background:#a855f726;border-color:#a855f74d}.technology-chip .tech-chip-label{color:var(--text-primary)}@media (max-width: 768px){.technology-input-wrapper{padding:var(--space-1);min-height:2rem}.technology-chip{padding:2px var(--space-1);font-size:.7rem}.tech-chip-icon{width:14px;height:14px}.tech-chip-remove{width:14px;height:14px;font-size:.9rem}.technology-input{min-width:100px;font-size:.8rem}.technology-suggestion{padding:var(--space-1) var(--space-2)}.suggestion-icon{width:16px;height:16px}.suggestion-label{font-size:.8rem}.technology-input-help{font-size:.65rem}}.technology-input-wrapper.loading{opacity:.7;pointer-events:none}.technology-input-wrapper.error{border-color:var(--error)}.technology-input-wrapper.error:focus-within{box-shadow:0 0 0 3px #ef44441a}.technology-suggestion:focus{background:var(--surface-secondary);outline:2px solid var(--primary);outline-offset:-2px}[data-theme=light] .technology-suggestion:focus{background:var(--color-light-800)}.tech-chip-remove:focus{background:#ffffff1a;outline:2px solid var(--primary);outline-offset:-1px}.need-attention-card{position:relative;border:2px solid transparent;background:linear-gradient(var(--surface-card),var(--surface-card)) padding-box,linear-gradient(45deg,#fbbf24,#f59e0b,#d97706,#b45309,#92400e,#b45309,#d97706,#f59e0b,#fbbf24) border-box;background-size:300% 300%;animation:needAttentionBorder 3s ease-in-out infinite}@keyframes needAttentionBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme=light] .need-attention-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#fbbf24,#f59e0b,#d97706,#b45309,#92400e,#b45309,#d97706,#f59e0b,#fbbf24) border-box;background-size:300% 300%}.need-attention-card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#fbbf244d,#f59e0b4d,#d977064d,#b453094d,#92400e4d,#b453094d,#d977064d,#f59e0b4d,#fbbf244d);background-size:300% 300%;border-radius:inherit;z-index:-1;animation:needAttentionGlow 3s ease-in-out infinite;filter:blur(8px);opacity:.7}@keyframes needAttentionGlow{0%,to{background-position:0% 50%;opacity:.4}50%{background-position:100% 50%;opacity:.8}}.compact-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.compact-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s ease-in-out;position:relative;cursor:pointer}.compact-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px);border-color:var(--primary-light)}.compact-card--attention{border-color:#ff6b6b;background:linear-gradient(135deg,rgba(255,107,107,.02) 0%,transparent 100%)}.compact-card--attention:hover{box-shadow:0 4px 12px #ff6b6b33;border-color:#ff6b6b}.compact-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.compact-card__title-section{flex:1;min-width:0}.compact-card__title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-card__meta{display:flex;align-items:center;gap:6px}.compact-type-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px}.compact-card__type{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.compact-status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.compact-progress{margin-bottom:12px}.compact-progress__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.compact-progress__label{font-size:12px;color:var(--text-secondary);font-weight:500}.compact-progress__value{font-size:12px;font-weight:600;color:var(--text-primary)}.compact-progress__track{height:3px;background:var(--background-subtle);border-radius:1.5px;overflow:hidden}.compact-progress__bar{height:100%;border-radius:1.5px;transition:width .3s ease}.compact-card__footer{display:flex;justify-content:space-between;align-items:center}.compact-card__footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-task-breakdown{display:flex;gap:4px;align-items:center}.compact-task-breakdown .task-stat{font-size:10px;font-weight:500;padding:2px 4px;border-radius:3px;background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border-light)}.compact-task-breakdown .task-stat.pending{background:#fef3c7;color:#92400e;border-color:#fbbf24}.compact-task-breakdown .task-stat.in-progress{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.compact-task-breakdown .task-stat.completed{background:#dcfce7;color:#166534;border-color:#22c55e}.compact-project-type{font-size:11px;color:var(--text-secondary);font-weight:500;text-transform:capitalize}.compact-view-link{font-size:12px;color:var(--primary);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;position:relative;z-index:2}.compact-view-link:hover{background-color:#2196f314}.compact-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-decoration:none}.premium-page{max-width:1200px;margin:0 auto;padding:2rem;background:var(--surface);min-height:100vh}.premium-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.premium-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.premium-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.premium-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:400}.premium-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.premium-btn-primary:hover{background:var(--primary-hover)}.premium-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.premium-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm)}.premium-stat-card:hover{box-shadow:var(--shadow-md)}.premium-stat-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.premium-stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.premium-projects-section{margin-bottom:3rem}.premium-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.premium-section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.premium-link{color:var(--primary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.premium-link:hover{color:var(--primary-hover)}.premium-empty-state{text-align:center;padding:3rem 2rem;background:var(--surface);border:2px dashed var(--border);border-radius:.5rem}.premium-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.premium-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.premium-empty-text{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.premium-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.premium-project-item{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem;transition:all .2s ease;cursor:pointer;box-shadow:var(--shadow-sm)}.premium-project-item:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.premium-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.premium-project-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:.375rem;font-size:1rem}.premium-project-meta{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.premium-project-type,.premium-project-status{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em}.premium-project-type{background:var(--green-100);color:var(--green-600)}.premium-project-status{background:var(--gray-100);color:var(--gray-600)}.premium-project-content{margin-bottom:1.5rem}.premium-project-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.premium-project-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.premium-project-actions{display:flex;justify-content:flex-end}@media (max-width: 768px){.premium-page{padding:1rem}.premium-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.premium-title{font-size:2rem}.premium-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.premium-stat-card{padding:1.5rem}.premium-project-grid{grid-template-columns:1fr;gap:1rem}.premium-project-item{padding:1.25rem}}.premium-project-info{flex:1}.premium-project-main{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.premium-project-icon-large{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:1rem;flex-shrink:0}.premium-project-badges{display:flex;gap:.75rem;flex-wrap:wrap}.premium-project-category{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-secondary);color:var(--text-secondary)}.premium-project-actions{display:flex;gap:1rem;align-items:flex-start}.premium-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border);border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;letter-spacing:-.025em}.premium-btn-secondary:hover{background:var(--surface-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.premium-content-section{background:var(--surface-card);border:1px solid var(--border);border-radius:1rem;padding:2rem;margin-bottom:2rem}.premium-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.premium-content-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.premium-content-body{color:var(--text-secondary);line-height:1.6}.premium-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.premium-info-item{padding:1rem 0}.premium-info-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.premium-info-value{font-size:1rem;color:var(--text-primary);font-weight:500}.premium-info-value a{color:var(--primary);text-decoration:none;transition:color .2s ease}.premium-info-value a:hover{color:var(--primary-hover)}@media (max-width: 768px){.premium-project-main{flex-direction:column;align-items:flex-start;gap:1rem}.premium-project-actions{flex-direction:column;width:100%}.premium-btn-primary,.premium-btn-secondary{width:100%;justify-content:center}.premium-content-section{padding:1.5rem}.premium-info-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 1200px){.compact-projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}}@media (max-width: 768px){.compact-projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.compact-card{padding:14px}.compact-card__title{font-size:15px}.compact-card__header,.compact-progress{margin-bottom:10px}}@media (max-width: 480px){.compact-projects-grid{grid-template-columns:1fr;gap:12px}}