:root{--bg-body:#f4f6f8;--bg-page:#fff;--bg-card:#fff;--bg-input:#fff;--bg-banner:linear-gradient(120deg, #0f2027 0%, #203a43 50%, #2c5364 100%);--bg-banner-pattern-opacity:.03;--bg-hover:#ffffff14;--bg-placeholder:#f9fafb;--bg-modal-overlay:#0f172ae0;--bg-a4:#fff;--bg-empty:#fff;--bg-empty-border:#d1d5db;--bg-history:#f3f4f6;--bg-history-hover:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-nav:#ffffffe6;--text-nav-hover:#fff;--text-banner:#fff;--text-green:#4a7c40;--text-error:#b91c1c;--text-error-bg:#fef2f2;--border-card:#e8eaed;--border-input:#e5e7eb;--border-input-focus:#4a7c40;--border-placeholder:#d1d5db;--shadow-search:0 4px 20px #0000000f, 0 1px 3px #0000000a;--shadow-search-focus:0 6px 28px #4a7c401f, 0 2px 6px #0000000f;--shadow-card-hover:0 12px 32px #0000001a, 0 4px 8px #0000000a;--shadow-pagination:0 1px 2px #0000000a;--shadow-pagination-hover:0 4px 10px #0000000f;--shadow-modal:0 24px 80px #00000059;--shadow-a4:0 8px 30px #0000001a;--shadow-download:0 2px 8px #4a7c4040;--shadow-download-hover:0 4px 14px #4a7c4059;--green:#4a7c40;--green-hover:#3e6a35;--green-active:#355c2d}[data-theme=dark]{--bg-body:#0f1115;--bg-page:#1a1d23;--bg-card:#1e2128;--bg-input:#252830;--bg-banner:linear-gradient(120deg, #050a0e 0%, #0f1a1f 50%, #121e2a 100%);--bg-banner-pattern-opacity:.02;--bg-hover:#ffffff0f;--bg-placeholder:#252830;--bg-modal-overlay:#000000eb;--bg-a4:#1e2128;--bg-empty:#1e2128;--bg-empty-border:#374151;--bg-history:#252830;--bg-history-hover:#2f3540;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-nav:#ffffffd9;--text-nav-hover:#fff;--text-banner:#fff;--text-green:#6aaf5e;--text-error:#fca5a5;--text-error-bg:#450a0a;--border-card:#2e323d;--border-input:#374151;--border-input-focus:#6aaf5e;--border-placeholder:#374151;--shadow-search:0 4px 20px #00000040, 0 1px 3px #00000026;--shadow-search-focus:0 6px 28px #4a7c4033, 0 2px 6px #0003;--shadow-card-hover:0 12px 32px #0000004d, 0 4px 8px #0003;--shadow-pagination:0 1px 2px #00000026;--shadow-pagination-hover:0 4px 10px #00000040;--shadow-modal:0 24px 80px #00000080;--shadow-a4:0 8px 30px #0000004d;--shadow-download:0 2px 8px #4a7c4059;--shadow-download-hover:0 4px 14px #4a7c4073;--green:#5a9e4e;--green-hover:#4d8a42;--green-active:#437a39}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55;transition:background .3s,color .3s}.page{background:var(--bg-page);max-width:100%;margin:0 auto;transition:background .3s}.banner{text-align:center;background-image:url(/banner.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden}.banner-content{z-index:1;padding:0 20px;position:relative}.banner-content h2{display:none}.theme-toggle{z-index:10;color:#e2e8f0;cursor:pointer;background:#0f172a;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,transform .2s,color .2s;display:flex;position:absolute;top:16px;right:20px;box-shadow:0 2px 10px #0000004d}.theme-toggle:hover{background:#020617;transform:scale(1.1)}[data-theme=dark] .theme-toggle{color:#1f2937;background:#eab308}[data-theme=dark] .theme-toggle:hover{background:#ca8a04}.theme-toggle svg{width:20px;height:20px}.navbar{background:var(--green);z-index:50;padding:0;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.nav-links a{color:var(--text-nav);padding:14px 18px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-links a:hover{color:var(--text-nav-hover);background:var(--bg-hover)}.nav-links a:after{content:"";background:#fff;width:0;height:2px;transition:all .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover:after{width:60%}.nav-links .sep{color:#ffffff40;-webkit-user-select:none;user-select:none;font-size:.75rem}.main-section{text-align:center;background:var(--bg-page);border-bottom:1px solid var(--border-card);padding:48px 20px 28px;transition:background .3s}.page-title{color:var(--text-green);letter-spacing:-.3px;max-width:900px;margin:0 auto 28px;font-size:1.7rem;font-weight:700;line-height:1.45}.logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.logo-placeholder{border:1.5px dashed var(--border-placeholder);width:110px;height:72px;color:var(--text-muted);letter-spacing:.3px;background:var(--bg-placeholder);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.logo-img{object-fit:contain;width:auto;max-width:140px;height:64px;transition:transform .3s;display:block}.footer{background:var(--bg-page);border-top:1px solid var(--border-card);justify-content:center;align-items:center;padding:32px 20px;transition:background .3s;display:flex}.footer-logos{align-items:center;gap:40px;display:flex}.search-section{background:var(--bg-page);flex-direction:column;align-items:center;padding:28px 20px 12px;transition:background .3s;display:flex}.search-bar{width:100%;max-width:720px;box-shadow:var(--shadow-search);border-radius:10px;align-items:stretch;transition:box-shadow .25s;display:flex;overflow:hidden}.search-bar:focus-within{box-shadow:var(--shadow-search-focus)}.search-bar input{border:1.5px solid var(--border-input);color:var(--text-primary);background:var(--bg-input);border-right:none;border-radius:10px 0 0 10px;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .3s,color .3s}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{border-color:var(--border-input-focus)}.btn-search{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:0 10px 10px 0;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-search:hover{background:var(--green-hover)}.btn-search:active{background:var(--green-active)}.icon{width:17px;height:17px}.history-section{flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:720px;margin:12px auto 0;padding:0 4px;display:flex}.history-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:500}.history-list{flex-wrap:wrap;gap:6px;display:flex}.history-chip{background:var(--bg-history);border:1px solid var(--border-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;padding:5px 12px;font-size:.82rem;transition:all .2s;display:inline-flex}.history-chip:hover{background:var(--bg-history-hover);border-color:var(--border-input-focus);color:var(--text-primary)}.results-section{max-width:1440px;margin:0 auto;padding:36px 24px 56px}.doc-grid{grid-template-columns:repeat(5,1fr);gap:28px;display:grid}@media (width<=1024px){.doc-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.doc-grid{grid-template-columns:repeat(2,1fr);gap:16px}.banner{height:200px}.banner-content h2{letter-spacing:3px;font-size:1rem}.page-title{font-size:1.1rem}}@media (width<=480px){.doc-grid{grid-template-columns:repeat(2,1fr);gap:12px}.results-section{padding:0 14px 40px}}.doc-card{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .3s;overflow:hidden}.doc-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-input);transform:translateY(-4px)}.doc-image-wrap{aspect-ratio:3/4;background:linear-gradient(135deg, var(--bg-placeholder) 0%, var(--border-input) 100%);width:100%;min-height:220px;position:relative;overflow:hidden}.doc-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.doc-card:hover .doc-image{transform:scale(1.03)}.doc-info{text-align:center;padding:16px 18px}.doc-title{color:var(--text-primary);-webkit-line-clamp:2;letter-spacing:-.2px;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.doc-date{color:var(--text-secondary);margin-top:6px;font-size:.8rem;line-height:1.3;transition:color .3s}.loading,.empty{text-align:center;color:var(--text-secondary);padding:64px 20px;font-size:1rem;font-weight:400}.empty{background:var(--bg-empty);border:1px dashed var(--bg-empty-border);border-radius:12px;max-width:480px;margin:32px auto;transition:all .3s}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.pagination button{border:1px solid var(--border-input);background:var(--bg-card);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-pagination);border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--bg-history);border-color:var(--border-input);box-shadow:var(--shadow-pagination-hover);transform:translateY(-1px)}.pagination button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pagination span{color:var(--text-secondary);text-align:center;min-width:120px;font-size:.9rem;font-weight:500}.viewer-overlay{background:var(--bg-modal-overlay);z-index:1000;justify-content:center;align-items:flex-start;padding:40px;display:flex;position:fixed;inset:0;overflow:auto}.viewer-box{flex-direction:column;width:100%;max-width:960px;min-height:80vh;display:flex}.viewer-loading,.viewer-error{width:100%;min-height:300px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.viewer-error{color:var(--text-error);background:var(--text-error-bg);border-radius:12px;padding:40px}.viewer-content{width:100%}.viewer-pdf{background:var(--bg-a4);width:100%;height:85vh;box-shadow:var(--shadow-a4);border-radius:8px;overflow:hidden}.viewer-iframe{border:none;width:100%;height:100%;display:block}.viewer-image-wrap{justify-content:center;align-items:center;min-height:60vh;padding:24px;display:flex}.viewer-image{object-fit:contain;max-width:100%;max-height:85vh;box-shadow:var(--shadow-a4);border-radius:8px}.viewer-fallback{text-align:center;color:var(--text-secondary);background:var(--bg-a4);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 32px;display:flex}.viewer-fallback p{margin:0;line-height:1.5}.download-link{background:var(--green);color:#fff;box-shadow:var(--shadow-download);border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:12px 24px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.download-link:hover{background:var(--green-hover);box-shadow:var(--shadow-download-hover);transform:translateY(-1px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6b7280}