.documents-sidebar{width:300px;height:100%;display:flex;flex-direction:column}.top-section{padding:0 20px 10px;display:flex;flex-direction:column;gap:6px}.top-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px;text-align:left;width:100%;border-radius:4px}.top-button:hover{background:#f5f5f5}.top-button.open{background:#e5f0ff}.chev{flex-shrink:0;width:16px;height:16px}.sub-section{padding:0 0 0 16px;margin-top:4px}.year-item{margin:0}.year-header{display:flex;align-items:center;padding:8px 16px;cursor:pointer;gap:8px;border-radius:4px}.year-header:hover{background:#f5f5f5}.year-name{font-weight:500;flex:1}.month-item{padding:8px 16px 8px 32px;cursor:pointer;border-radius:4px;margin:0 8px}.month-item:hover{background:#f5f5f5}.month-item.selected{background:#007bff;color:#fff}.month-name{font-weight:400}.user-view{padding:8px 0}.user-doc-item{display:flex;align-items:center;padding:8px 16px 8px 32px;cursor:pointer;border-radius:4px;margin:0 8px}.user-doc-item:hover{background:#f5f5f5}.user-doc-item .doc-icon{margin-right:8px;font-size:14px}.monthly-view{padding:8px 0}.year-contents{padding:4px 0}.sidebar-brand{margin:0;font-size:1.5rem;font-weight:800;line-height:1.1;color:#111827}.documents-grid-container{display:flex;flex-direction:column;height:100%}.documents-header{color:#000;text-align:center;font-family:Crimson Text;font-size:2rem;font-style:normal;font-weight:400;line-height:90%;letter-spacing:-1.8px;border-bottom:4rem solid white;background-color:#fff;padding-top:1.5rem}.documents-header h2{margin:0}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:1rem;flex:1}.document-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .2s ease;opacity:0;animation:fadeInUp .4s ease forwards;min-width:0;max-height:260px}.document-card:nth-child(1){animation-delay:0ms}.document-card:nth-child(2){animation-delay:80ms}.document-card:nth-child(3){animation-delay:.16s}.document-card:nth-child(4){animation-delay:.24s}.document-card:nth-child(5){animation-delay:.32s}.document-card:nth-child(6){animation-delay:.4s}.document-card:nth-child(7){animation-delay:.48s}.document-card:nth-child(8){animation-delay:.56s}.document-card:nth-child(9){animation-delay:.64s}.document-card:nth-child(10){animation-delay:.72s}.document-card:nth-child(11){animation-delay:.8s}.document-card:nth-child(12){animation-delay:.88s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.document-card:hover{box-shadow:0 4px 6px #0000001a}.document-image{width:100%;height:92px;object-fit:cover;will-change:transform;backface-visibility:hidden}.document-content{padding:24px;display:flex;flex-direction:column;flex:1}.document-content h4{margin:0 0 .1rem;color:#000;font-family:Crimson Text;font-size:24px;font-style:normal;font-weight:600;line-height:145%;letter-spacing:-.72px}.document-date{margin:0 0 32px;font-size:18px;color:#929292;font-family:Inter;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.09px}.document-view{display:flex;align-items:center;gap:3px;font-size:18px;color:#000;font-family:Inter;font-style:normal;font-weight:500;line-height:145%;letter-spacing:-.09px}.document-view span{color:#000;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:145%;letter-spacing:-.09px}.document-view svg{width:18px;height:18px;transition:transform .2s ease}.view-arrow{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.document-card:hover .document-view svg{transform:translate(2px,-2px)}.dashboard{display:flex;height:100vh;width:100%}.documents-sidebar{width:14rem;border-right:1px solid #ddd;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh}.sidebar-logo{display:flex;justify-content:center}.sidebar-logo img{max-width:8rem;height:auto}.logout-button{align-self:center;border:none;padding:8px 10px;margin:0;color:#fff;font-size:11px;cursor:pointer;border-radius:10rem;background:#485c11}.sidebar-nav{display:flex;flex-direction:column;gap:0}.category-button{width:100%;background:none;border:none;padding:12px 16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:500;font-size:18px;transition:background-color .25s ease,color .25s ease}.category-button:hover,.category-button.active{background-color:transparent}.chev{width:16px;height:16px;flex-shrink:0;margin-left:auto;transition:opacity .25s ease,background-color .25s ease;padding:4px;border-radius:4px}.category-button:hover .chev{background-color:#e9e9e9}.category-button.active .chev{background-color:#f0f0f0}.years-list{display:flex;flex-direction:column;background-color:#fafafa}.year-button{background:none;border:none;padding:.8rem 2rem;text-align:left;cursor:pointer;font-size:18px;transition:background-color .2s}.year-button:hover{background-color:#f0f0f0}.year-button.selected{background-color:#dfecc6;display:flex;padding:.8rem 2rem;align-items:flex-start;gap:369px;align-self:stretch}.dashboard-content{display:flex;padding:40px 40px 120px;flex-direction:column;justify-content:center;gap:32px;flex:1;overflow-y:auto;margin-left:20%}.protected-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f9fafb}.protected-content{flex:1 1 auto;overflow:auto;box-sizing:border-box}