.projects-page{padding:32px 40px;max-width:1600px;margin:0 auto}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.projects-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.01em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.project-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block;overflow:hidden;backdrop-filter:blur(8px)}.project-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow),0 0 0 1px rgba(22,93,255,.1)}.project-card-glass{backdrop-filter:blur(12px)}.project-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.project-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-accent);background:var(--accent-light)}.project-card-title{font-size:15px;font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.project-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.project-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);gap:10px}.project-card-meta{font-size:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:6px}.project-date{color:var(--text-secondary)}.project-kpi-row{display:flex;flex-wrap:wrap;gap:6px}.project-kpi{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--border-accent);background:var(--accent-light);color:var(--accent-hover);line-height:1.5;font-size:11px}.project-cover{width:100%;height:134px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;margin-bottom:0;position:relative}.project-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.24));pointer-events:none}.project-cover-img{width:100%;height:100%;object-fit:cover;display:block}.project-card-status{display:flex;align-items:center;gap:var(--space-1);font-size:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.status-dot.inactive{background:var(--text-muted)}.status-dot.warning{background:var(--warning)}.project-create-card{background:var(--bg-elevated);border:1px dashed var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:140px}.project-create-card:hover{border-color:var(--accent);border-style:solid;color:var(--text-primary);transform:translateY(-2px);background:var(--accent-light);box-shadow:var(--shadow-glow)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:18px;font-weight:600}.modal-close{width:32px;height:32px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{gap:var(--space-4)}.modal-body,.modal-field{display:flex;flex-direction:column}.modal-field{gap:var(--space-2)}.modal-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}@media (max-width:1024px){.projects-page{padding:var(--space-4)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.project-card-footer{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width:640px){.projects-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.projects-title{font-size:20px}.projects-grid{grid-template-columns:1fr}.project-create-card{min-height:110px;padding:var(--space-5)}.modal{margin:var(--space-3);max-width:none}.modal-footer{flex-direction:column;align-items:stretch}}