.NotesPage-module__bHQnia__container{padding:var(--space-8) var(--space-8);box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;overflow-x:hidden}.NotesPage-module__bHQnia__header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.NotesPage-module__bHQnia__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.NotesPage-module__bHQnia__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.NotesPage-module__bHQnia__newBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), #7c3aed);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex}.NotesPage-module__bHQnia__newBtn:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.NotesPage-module__bHQnia__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.NotesPage-module__bHQnia__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);animation:NotesPage-module__bHQnia__slideInUp var(--transition-base) both;gap:var(--space-3);flex-direction:column;min-width:0;min-height:140px;display:flex;overflow:hidden}.NotesPage-module__bHQnia__card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.NotesPage-module__bHQnia__cardHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-width:0;display:flex}.NotesPage-module__bHQnia__cardTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;overflow:hidden}.NotesPage-module__bHQnia__deleteBtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-tertiary);opacity:0;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.NotesPage-module__bHQnia__card:hover .NotesPage-module__bHQnia__deleteBtn{opacity:1}.NotesPage-module__bHQnia__deleteBtn:hover{color:var(--color-danger);background:#ef44441a}.NotesPage-module__bHQnia__cardPreview{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.NotesPage-module__bHQnia__cardFooter{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex;overflow:hidden}.NotesPage-module__bHQnia__cardTags{gap:var(--space-1);flex-wrap:wrap;flex:1;min-width:0;display:flex;overflow:hidden}.NotesPage-module__bHQnia__cardTag{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-weight:var(--font-medium);white-space:nowrap;padding:1px 8px}.NotesPage-module__bHQnia__cardDate{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.NotesPage-module__bHQnia__empty{padding:var(--space-12) var(--space-4);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);animation:NotesPage-module__bHQnia__fadeIn var(--transition-slow);flex-direction:column;display:flex}.NotesPage-module__bHQnia__emptyIcon{color:var(--color-text-tertiary);opacity:.5}.NotesPage-module__bHQnia__empty h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.NotesPage-module__bHQnia__empty p{font-size:var(--text-sm);color:var(--color-text-secondary)}.NotesPage-module__bHQnia__loading{gap:var(--space-4);flex-direction:column;display:flex}.NotesPage-module__bHQnia__skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-hover) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;height:140px;animation:1.5s linear infinite NotesPage-module__bHQnia__shimmer}@media (max-width:768px){.NotesPage-module__bHQnia__container{padding:var(--space-4)}.NotesPage-module__bHQnia__grid{grid-template-columns:1fr}}