:root{--primary: #135bec;--background-light: #f6f6f8;--background-dark: #101622;--white: #ffffff;--text-main: #18181b;--text-muted: #71717a;--border-color: #e4e4e7;--input-bg: #ffffff;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-light);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:28rem;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-light);position:relative}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}button{background:none;border:none;cursor:pointer;font-family:inherit}input{border:none;outline:none;background:none;font-family:inherit}.app-container{width:100%;max-width:80rem;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-light);position:relative;overflow-x:hidden}.sticky-header{position:sticky;top:0;z-index:10;background-color:var(--background-light);padding:1.5rem 1rem 1rem}.search-wrapper{display:flex;width:100%;max-width:32rem;margin:0 auto;align-items:center;gap:.5rem}.footer{margin-top:auto;padding:.5rem 1rem 1rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.header-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary);color:var(--white)}.icon-lg{width:46px!important;height:46px!important}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-main)}.search-bar-container{display:flex;width:100%;align-items:center;gap:.5rem}.search-label{display:flex;flex-direction:column;height:3rem;width:100%}.search-input-wrapper{display:flex;width:100%;flex:1;align-items:stretch;border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);background-color:var(--white)}.search-icon-wrapper{color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding-left:1rem;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.search-input{flex:1;min-width:0;border:none;background-color:transparent;padding:0 1rem 0 .5rem;font-size:1rem;color:var(--text-main)}.search-input::placeholder{color:var(--text-muted)}.filter-button{color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding-right:1rem;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.document-card{border-radius:var(--radius-lg);background-color:var(--white);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%}.card-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.pdf-icon-wrapper{color:#ef4444;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:#ef44441a;flex-shrink:0;width:2.5rem;height:2.5rem;margin-top:.125rem}.pdf-icon{font-size:24px!important}.card-text{display:flex;flex-direction:column;flex:1;min-width:0}.card-title{color:var(--text-main);font-size:.875rem;font-weight:500;line-height:1.375}.card-source{color:var(--text-muted);font-size:.75rem;font-weight:400;margin-top:.25rem}.download-button{display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:#f4f4f5;color:#52525b;transition:opacity .2s}.download-button:hover{opacity:.9}.download-icon{font-size:20px!important}.document-card.downloading{border-left:4px solid #22c55e;background-color:#22c55e0d}.progress-bar{width:100%;height:4px;background-color:#22c55e33;border-radius:2px;margin-top:.5rem;overflow:hidden}.progress-fill{height:100%;background-color:#22c55e;animation:progress 3s linear forwards}@keyframes progress{0%{width:0%}to{width:100%}}.document-list{display:grid;grid-template-columns:1fr;align-content:start;gap:1rem;padding:0 1rem 1.5rem;flex:1;width:100%}@media(min-width:640px){.document-list{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.document-list{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.pagination-container{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-button{display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border:1px solid #d1d5db;background-color:var(--white);color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-button.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.pagination-button.active:hover{background-color:#0d49b9;border-color:#0d49b9}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{color:#6b7280;font-size:1rem;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.filter-modal-content{background-color:var(--white);border-radius:var(--radius-lg);width:90%;max-width:20rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.filter-header{display:flex;justify-content:space-between;align-items:center}.filter-header h3{font-size:1.125rem;font-weight:600;color:var(--text-main)}.filter-list{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto;scrollbar-width:none}.filter-list::-webkit-scrollbar{display:none}.filter-option{text-align:left;padding:.75rem;border-radius:var(--radius-md);color:var(--text-main);background-color:transparent;transition:background-color .2s;font-family:Tiro Tamil,serif;font-size:18px}.filter-option:hover{background-color:var(--background-light)}.filter-option.active{background-color:var(--primary);color:var(--white)}