:root{--bg-primary:#fafafa;--bg-secondary:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e0;--text-primary:#2d3748;--text-secondary:#718096;--text-muted:#a0aec0;--accent-blue:#4299e1;--accent-blue-hover:#3182ce;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.navbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:1rem 0;position:sticky;top:0;z-index:1000}.navbar-brand{color:var(--text-primary)!important;font-size:1.25rem;font-weight:600;transition:color .2s ease}.navbar-brand:hover{color:var(--accent-blue)!important}.nav-link{border-radius:8px;color:var(--text-secondary)!important;font-weight:500;margin:0 .5rem;padding:.5rem 1rem!important;position:relative;transition:all .2s ease}.nav-link:hover{background-color:#f7fafc}.nav-link.active,.nav-link:hover{color:var(--accent-blue)!important}.nav-link.active{background-color:#ebf8ff}main{flex:1;margin-bottom:2rem;margin-top:2rem}footer{background-color:var(--bg-secondary)!important;border-top:1px solid var(--border-light);color:var(--text-muted)!important;margin-top:auto}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}p{color:var(--text-secondary);margin-bottom:1rem}.btn,.card,.nav-link,.thumbnail{transition:all .2s cubic-bezier(.4,0,.2,1)}.card,.thumbnail-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.card:hover,.thumbnail-wrapper:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.card{padding:1.5rem}.thumbnail-wrapper{background-color:var(--bg-secondary);margin-top:1.5rem;padding:1.5rem}.thumbnail-wrapper h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.thumbnail-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.thumbnail{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;flex:0 1 150px;max-width:150px;overflow:hidden;transition:all .2s ease}.thumbnail:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.thumbnail img{display:block;height:auto;width:100%}.document-name{background-color:#f7fafc;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.75rem;text-align:center}.document-previews{display:flex;flex-wrap:wrap;gap:1rem}.document-preview img{border:1px solid var(--border-light);border-radius:6px;height:auto;max-width:100px}.drop-zone{background-color:#f7fafc;border:2px dashed var(--border-medium);border-radius:12px;color:var(--text-secondary);cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.drop-zone.dragover,.drop-zone:hover{background-color:#ebf8ff;border-color:var(--accent-blue);color:var(--accent-blue)}.drop-zone.dragover{transform:scale(1.01)}.file-list{margin-top:1rem}.file-list ul{list-style:none;padding:0}.file-list li{background-color:#f7fafc;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;padding:.75rem}