.lib-page{background:#f4f6f9;min-height:100vh;padding:2rem 1.5rem}.lib-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#059669;margin-bottom:.2rem;font-size:.62rem;font-weight:700}.lib-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.lib-tabs .nav-tabs{border-bottom:2px solid #e8edf3;gap:.25rem;margin-bottom:1.25rem}.lib-tabs .nav-tabs .nav-link{color:#94a3b8;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s}.lib-tabs .nav-tabs .nav-link:hover{color:#475569;border-bottom-color:#cbd5e1}.lib-tabs .nav-tabs .nav-link.active{color:#059669;background:0 0;border-bottom-color:#10b981}.lib-toolbar{background:#fff;border:1.5px solid #e8edf3;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 4px #0000000d}.lib-toolbar-label{color:#94a3b8;white-space:nowrap;font-size:.72rem}.lib-select{background:#f8fafc;outline:none;color:#1e293b!important;border:1.5px solid #e2e8f0!important;border-radius:.6rem!important;padding:.35rem .65rem!important;font-size:.78rem!important;transition:border-color .15s!important}.lib-select:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811f!important}.lib-sort-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:.6rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s}.lib-sort-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.lib-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:20px}.lib-storage{align-items:center;gap:.5rem;margin-left:auto;display:flex}.lib-storage-label{color:#94a3b8;white-space:nowrap;font-size:.7rem}.lib-storage-text{color:#475569;white-space:nowrap;font-size:.7rem;font-weight:600}.lib-storage-bar{background:#e8edf3;border-radius:999px;flex-shrink:0;width:160px;height:6px;overflow:hidden}.lib-storage-fill{border-radius:999px;height:100%;transition:width .3s}.lib-search-wrap{flex-shrink:0;position:relative}.lib-search-icon{color:#94a3b8;pointer-events:none;font-size:.78rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.lib-search{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.65rem;outline:none;width:220px;padding:.38rem .75rem .38rem 2rem;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.lib-search::placeholder{color:#94a3b8}.lib-search:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.lib-upload-wrap .upload-area{color:#94a3b8;background:#fff;transition:border-color .15s,background .15s;border:2px dashed #d1d5db!important;border-radius:.9rem!important}.lib-upload-wrap .upload-area:hover{color:#059669;background:#f0fdf4;border-color:#10b981!important}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.lib-help-btn{color:#fff;cursor:pointer;z-index:1200;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;transition:background .15s,box-shadow .15s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 4px 16px #10b98166}.lib-help-btn:hover{background:#059669;box-shadow:0 6px 20px #05966973}
